-
Notifications
You must be signed in to change notification settings - Fork 1.8k
/
template.html
56 lines (52 loc) · 3.11 KB
/
template.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
</head>
<body>
<!--
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
-->
<div>
<h1>Brandi Butler</h1>
<h2>Software Developer</h2>
<hr />
<p>My <em>favorite</em> thing about programming is the ability to create new things</p>
<h3>About Me</h3>
<img src="https://res.cloudinary.com/briezh/image/upload/v1539124205/AdaLovelace_kf1tuk.jpg" alt="Profile picture placeholder">
<p>
Lorem ipsum dolor sit amet, movet vidisse partiendo sea ut, sed ei posidonium signiferumque, tincidunt reprimique eam no. Ei corpora ponderum praesent ius, cum in nibh noster definitionem. Ut utroque imperdiet nam, stet ridens graeci ne sea, ea solum
inciderint has. Nec laudem nominati ad, cu posse solet mollis usu. Vim posse disputando consequuntur at. Et sint tantas facilisi vim. At harum exerci lobortis eos, eros homero assentior nam eu. An tation decore equidem vix, at nam omittam
sensibus. Eu quas veniam cum, et consequat constituam sit. His cu dicat minim accumsan, et usu consequat intellegam.
</p>
<h3>My Projects</h3>
<ul>
<li>Project 1</li>
<li>Project 2</li>
<li>Project 3</li>
</ul>
<h3>Contact Me</h3>
<p><strong>Phone:</strong> (202) 555-1234</p>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</body>
</html>