-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
86 lines (72 loc) · 2.88 KB
/
test.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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Jamal Is the Man!</title>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div id="main">
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="/about.html">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<h1>Hello, my name is _________.</h1>
<h2>I'm a really cool person</h2>
<h3>. . . and I love to code!</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis, praesentium, dolorum, dicta velit asperiores veritatis culpa vero excepturi debitis accusamus in incidunt similique ipsam blanditiis non mollitia sequi laudantium perferendis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum, hic, soluta, sapiente eos ipsam esse quisquam necessitatibus perferendis dolores iusto expedita commodi a enim nihil omnis ab ea similique fuga.</p>
</div>
<div id="announcent">
<h1>Welcome to My Page!</h1>
</div>
<div id="divider">
<h2>I'm a divider</h2>
<h3>Subheader 1</h3>
<p>Lorem ipsum <span class="bold">dolor sit amet, consectetur</span> adipisicing elit. Alias, eaque libero nemo vel aut atque eligendi unde debitis eius harum quisquam error nostrum. Laboriosam voluptatibus saepe itaque a minima molestiae?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi, neque, omnis, ipsum nostrum soluta eum voluptates adipisci minus aut voluptatibus deleniti velit. Odit, debitis incidunt ea quia nam rem provident.</p>
</div>
<div id="facts">
<h2>Fun Facts</h2>
<h3>These are some interesting facts about me</h3>
<ol>
<li>I'm a Yankees fan!</li>
<li>I was born in NYC</li>
<li>I think coding is fun!</li>
</ol>
</div>
<div id="favorites">
<h2>Favorites</h2>
<ul>
<li>Music</li>
<li>Travel</li>
<li>Footbal</li>
<li>I also realy <em>love</em> Breaking Bad!</li>
</ul>
</div>
<div id="portfolio">
<h2>My Portfolio</h2>
<img src="http://payload47.cargocollective.com/1/2/72664/3252439/YANKEES_EX_850.jpg" width="300">
<img src="http://news.hitb.org/sites/default/files/field/image/yankees1.jpg" width="300">
<img src="http://assets.nydailynews.com/polopoly_fs/1.1271834!/img/httpImage/image.jpg_gen/derivatives/landscape_635/arodring24n-6-web.jpg" width="300">
</div>
<div id="contact">
<h2>Drop me a line!</h2>
<form>
<input type="text" placeholder="Enter your email">
<input type="submit" value="Enter">
</form>
</div>
<div id="footer">
<p>Copyright My Name 2014</p>
</div>
<video controls>
<source src=http://techslides.com/demos/sample-videos/small.webm type=video/webm>
<source src=http://techslides.com/demos/sample-videos/small.ogv type=video/ogg>
<source src=http://techslides.com/demos/sample-videos/small.mp4 type=video/mp4>
<source src=http://techslides.com/demos/sample-videos/small.3gp type=video/3gp>
</video>
</body>
</html>