-
Notifications
You must be signed in to change notification settings - Fork 1.8k
/
index.html
37 lines (33 loc) · 1.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>My Portfolio</title>
</head>
<body>
<H1>
My Portfolio
</H1>
<!--
Directions:
1. Create a DIV element to contain the page content
2. Inside your DIV, create an H1 tag that contains your name as the text
3. Below your H1 tag, create an H2 tag that contains the content text "Software Developer"
4. Below your H2 tag, create an HR tag which will make a horizontal line
5. Create a paragraph tag and put a sentence of your choice in it. (Suggestion: "My favorite thing about programming is _______")
6. Make the word "favorite" italicized
7. Make an image tag with the src attribute linked to a picture of yourself or of a placeholder image. Make sure you make an alt attribute too!
8. Create an H3 tag that says "About Me"
9. Create a paragraph tag that contains the "lorem ipsum" text. You will need to do a search for this text - it is long!
10. Create an H3 tag that says "My Projects"
11. Create an unordered list with 3 list items that say "Project 1", "Project 2", and "Project 3"
12. Add another H3 that contains "Contact Me" as text
13. Create a paragraph that contains a fake phone number, e.g., "Phone: (202) 555-1234"
14. Create a link tag (<a>) with a direction to mail to a fake email address. This is done by making a regular link, but in the href attribute, put mailto:[email protected] (this opens up your email program with the TO field already filled out-try it!)
BONUS: Try one of the following ideas if you finish early
- Switch out your lorem ipsum for Hipster Ipsum (https://hipsum.co/)
- In your contact me section, make the text "Phone:" and "Email:" bolded
-->
</body>
</html>