forked from HackerUSA-CE/FSI-Build-a-Portfolio
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
62 lines (57 loc) · 2.72 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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel = "stylesheet" href = "css/styles.css">
<title>My Portfolio</title>
</head>
<body>
<H1>
My Portfolio
</H1>
<div>
<h1>Aaron Ba</h1>
<h2>Software Developer</h2>
<hr>
<div class = "test">
<p>My <em>favorite</em> hobby is messing around with servers.</p>
</div>
<img alt = "Me"
src = "images/coding-portfolio.jpeg">
<h3>About Me</h3>
<p>I'm baby meggings cred fingerstache letterpress blue bottle pickled man braid hexagon freegan pug vape fam. Wayfarers twee pork belly cliche cold-pressed man bun gentrify tote bag retro aesthetic subway tile tilde.</p>
<h3>My Projects</h3>
<ul>
<li>Project 1</li>
<li>Project 2</li>
<li>Project 3</li>
</ul>
<h3>Contact Me</h3>
<div class = test>
<p><strong>Phone: </strong>(230) 132-2845</p>
<a href = mailto:[email protected]><strong>Email</strong></a>
</div>
</div>
<!--
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>