-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
41 lines (41 loc) · 1.78 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<title>About Me</title>
</head>
<body>
<header>
<div class="header">
<article class="header-box">
<h2>Chris Otten</h2>
</article>
</div>
</header>
<nav>
<ul>
<li class="bio">I graduated from CofC</li>
<li class="family">I have 3 Siblings</li>
<li class="dog">A Dog named Cooper</li>
<li class="matt">And an amazing partner</li>
<li class="Charleston">I call Charleston home</li>
</ul>
</nav>
<div class="test-hidden">
<h2>Hover over me</h2>
<img src="http://www.acresnorth.net/images/brands/vet/newsletter/body/smelling_dog.jpg" alt="#">
<img src="http://placekitten.com/200" alt="">
</div>
<div class="img1">
<img src="http://www.acresnorth.net/images/brands/vet/newsletter/body/smelling_dog.jpg" alt="Testing things">
<img src="http://placekitten.com/200" alt="">
</div>
<div class="anothertest">
<h2>Click on me</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam aliquid quasi, sequi placeat beatae, illo illum tempora sit id numquam recusandae ipsa praesentium, ab voluptatum. Id natus accusantium quod libero?</p>
</div>
<footer>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam vitae sint voluptatibus ut, excepturi aspernatur voluptate nisi, beatae omnis vero quod earum laboriosam ipsam ad facilis quo, voluptatem magni. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis inventore nisi nam, deleniti voluptate debitis, nihil repellat. Odit, maxime, perspiciatis eius sunt sequi incidunt vitae enim doloremque fugiat deserunt ea.</p>
</footer>
</body>
</html>