-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (89 loc) · 5.74 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>a simple site</title>
<link href="stylez.css" rel="stylesheet">
<link href="favicon\\favicon.ico" rel="icon" type="image/x-icon">
</head>
<body>
<div class="header-white-body-container js-container">
<header class="js-header">
<div class="header-title">Company Name</div>
<div class="header-img-container">
<img class="header-img" src="images\\lighthouse.jpg"
alt="Company lighthouse towering over the blue waters of Integrity Bay.">
</div>
<button title="menu-button" class="js-menu-button menu-button"
type="button"
aria-controls="menu-button"
aria-expanded="false">
<div class="hamburger">
<span class="bar bar1"></span>
<span class="bar bar2"></span>
<span class="bar bar3"></span>
<span class="bar bar4"></span>
</div>
</button>
<nav class="js-nav">
<div class="open-menu-img js-open-img">
<img src="images\\lighthouse.jpg"
alt="Company lighthouse towering over the blue waters of Integrity Bay.">
</div>
<ul class="js-menu menu">
<li><a href="http://www.homestarrunner.com">Link</a></li>
<li class="link-divider">|</li>
<li><a href="http://www.homestarrunner.com">Link</a></li>
<li class="link-divider">|</li>
<li><a href="http://www.homestarrunner.com">Link</a></li>
</ul>
</nav>
</header>
<main>
<div class="main-article">
<h1>Headline</h1>
<p class="main-p1">
<img class="image-left" src="images/lamb.jpg" alt="The lamb on trial for murder, Ewe D. Deet, casually lounging on the grass.">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et pharetra neque. Aliquam erat volutpat. Morbi pellentesque in mauris sed pretium. Cras tincidunt gravida turpis a posuere. Vivamus eu dolor ac nisi volutpat aliquam eget sit amet tortor. Nullam sed arcu sit amet nunc ornare rhoncus. Morbi placerat ac purus eget elementum. Etiam aliquam id ligula vel aliquet. Aliquam eu volutpat est. Praesent venenatis metus ligula. Quisque id vulputate augue. Pellentesque quis malesuada nisl, sed egestas tortor. Nulla sit amet est nec lacus faucibus mollis. Nulla nec nisl vel mauris vestibulum aliquet. Duis tincidunt, sem a feugiat vehicula, nunc augue dictum tortor, et volutpat odio neque vitae ligula. Suspendisse egestas feugiat velit. Sed pretium luctus ligula. Nunc in congue dui, placerat tempus nisi. Curabitur fringilla quis est ut sollicitudin. Donec bibendum dignissim magna. Suspendisse scelerisque interdum mauris. Quisque dignissim ante sed neque eleifend.
</p>
<div class="main-p2">
<p class="text">
Suspendisse pellentesque quam at ligula pharetra, sed interdum metus lacinia. Nunc sit amet consequat mi. Aliquam eu rhoncus orci. Praesent augue eros, tempor vel elit convallis, egestas commodo magna. Sed suscipit lectus felis, at posuere magna ornare sit amet. Mauris nulla nisi, consequat ultricies neque id, tempus efficitur magna. Proin mauris ex, vulputate id lectus in, malesuada placerat velit. Donec aliquet nec metus a malesuada.
</p>
<p class="image-container">
<img class="image-right" src="images/dogs.jpg" alt="Jurist dogs discussing the trial as the sun sets in Omaha.">
</p>
</div>
</div>
<div class="sub-article">
<h2>Sub headline</h2>
<p>Sed malesuada ornare quam in vestibulum. Aliquam mattis quis urna vitae vestibulum. Proin varius tincidunt ante, ut volutpat quam aliquam ac. Proin accumsan erat sit amet volutpat volutpat. Phasellus ornare sem est, at sodales est semper eu. Duis ac diam vel enim interdum condimentum non quis mauris. Mauris sed consectetur</p>
<h2>Sub headline</h2>
<ul>
<li><a href="http://www.homestarrunner.com">Link</a></li>
<li><a href="http://www.homestarrunner.com">Link</a></li>
<li><a href="http://www.homestarrunner.com">Link</a></li>
</ul>
<h2>Follow us</h2>
<div class="sm-links">
<a href="http://www.facebook.com"><img src="icons/fb.png" alt="facebook"></a>
<a href="http://www.instagram.com"><img src="icons/blackIG.png" alt="facebook"></a>
<a href="http://www.pinterest.com"><img src="icons/pinterest.png" alt="facebook"></a>
<a href="http://www.vimeo.com"><img src="icons/vimeo.png" alt="facebook"></a>
<a href="http://www.linkedin.com"><img src="icons/linkedIn.png" alt="facebook"></a>
<a href="http://www.twitter.com"><img src="icons/twitterIcon.png" alt="facebook"></a>
</div>
</div>
</main>
</div>
<footer>
<a href="www.homestarrunner.com">Copyright</a>
|
<a href="www.homestarrunner.com">Privacy</a>
|
<a href="www.homestarrunner.com">Sitemap</a>
</footer>
<script src="menu.js"></script>
</body>
</html>