forked from HackerUSA-CE/FSI-Build-a-Portfolio
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (56 loc) · 3.44 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
63
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
href="./css/styles.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>My Portfolio</title>
</head>
<body>
<H1>
My Portfolio
</H1>
<div class="header">
<h2>Robert Fielding</h2>
<h3>Software Developer (In Training)</h3>
<hr>
</div>
<p>My <i>favorite</i> thing about programming is the ability to be creative while solving problems.</p> <br>
<img src="images/IMG_4730.jpeg" alt="Here I Am" width="400" height="400"img>
<br>
<h3>About Me</h3>
<p>
Motorcycle lorem ipsum dolor sit amet. Racebike in voluptate velit esse cillum excepteur. Timing belt MotoGP sed do eiusmod tempor incididunt WERA relay Penske necessitatibus. Sportbike Ninja Moto3 connecting rod race at vero eos. Solenoid Championship fork seal hall sensor racebike motorcycle gear dolore eu fugiat. Gear fuel injected ut labore et dolore magna aliqua cam timing Moto3. Connecting rod race standard fuel ignition coil racer hall sensor. Standard in voluptate velit esse cillum ut aliquip ex ea commodo consequat. Fork seal fuel relay connecting rod pump suspension gear detent MotoGP metric. Enim ad minim veniam fuel MotoGP racer crankshaft standard. WERA caliper drag sportbike timing belt. WERA fuel injected valve sunt in culpa qui officia. Suspension fast sportbike hall sensor consectetur adipiscing elit fuel clutch. Clutch traction control MotoGP pump Moto2 ullamco laboris nisi.</p>
<br>
<h3>My Projects</h3>
<ul>
<li>Project 1</li>
<li>Project 2</li>
<li>Project 3</li>
</ul> <br>
<h3>Contact Me</h3>
<p><strong>Phone:</strong> 619-555-1234</p>
<p><a href="mailto:[email protected]"><strong>E-Mail</strong></a></p>
<!--
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>