-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
80 lines (77 loc) · 6.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Gotta Shake Up to Get Down</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Francois+One|Hind:300,400,500,600,700" rel="stylesheet">
</head>
<body>
<header>
<div class="headPage">
<h2>Shakeweight</h2>
<h3>shake it up!!</h3>
</div>
<nav>
<ul class="flexNav">
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="about.html">About</a></li>
<li><a href="jobs.html">Careers</a></li>
<li><a href="https://media.giphy.com/media/lLJGVm3LzLvwI/giphy.gif">Contact</a></li>
</ul>
</nav>
</header>
<div class="background">
<div class="body">
<main id="fakeNews">
<h1>What's Shakin'!</h1>
<article>
<h3>Shredding to the Latin Groove</h3>
<P>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat ultrices iaculis. Nam eu condimentum lorem. Aenean vestibulum congue faucibus. Curabitur ut ornare lectus. Ut gravida sem et libero congue sodales. Sed laoreet nulla blandit sapien luctus bibendum. Duis in pellentesque enim. In sit amet felis malesuada, ultricies dui ut, venenatis urna. Nulla at leo pellentesque, facilisis ex vel, mattis arcu. Aliquam erat volutpat. Duis bibendum ultricies nibh a luctus. Quisque dignissim ac odio et elementum. Donec at mi lobortis lacus ultrices faucibus et vel sapien. Suspendisse potenti. Phasellus congue eu nunc quis finibus.</p>
<footer>Posted on <time>August 15 2017</time></footer>
</article>
<article>
<h3>Bacon, anyone?</h3>
<p>Bacon ipsum dolor amet pastrami brisket filet mignon, jowl venison beef ribs tongue spare ribs tail tri-tip pancetta sirloin cow. Brisket tri-tip turkey shank. Venison jerky sausage ground round turducken. Meatball kevin meatloaf landjaeger, drumstick swine frankfurter. Tenderloin shankle landjaeger shoulder, kevin frankfurter chicken ball tip beef doner tri-tip salami buffalo. T-bone pork chop jerky strip steak beef ribs chuck ribeye, meatloaf corned beef. Fatback kielbasa tail kevin, tongue flank ribeye pancetta alcatra venison meatball tri-tip spare ribs ham hock.</p>
<footer>Posted on <time>March 15 2017</time></footer>
</article>
<article>
<h3>Hodor in the house!</h3>
<p>Hodor! Hodor hodor, hodor; hodor hodor; hodor hodor hodor! Hodor hodor HODOR! Hodor hodor... Hodor hodor HODOR hodor, hodor hodor?! Hodor hodor - hodor hodor hodor; hodor hodor hodor! Hodor, hodor, hodor. Hodor hodor, hodor, hodor hodor. Hodor! Hodor hodor, hodor, hodor. Hodor hodor... Hodor hodor hodor hodor hodor, hodor, hodor hodor.</p>
<footer>Posted on <time>January 8 2017</time></footer>
</article>
<article>
<h3>8-bit Thundercats</h3>
<p>Before they sold out stumptown ethical pug kinfolk pabst. Synth banjo swag pinterest, shaman farm-to-table sartorial messenger bag art party brooklyn squid. Plaid narwhal cardigan fashion axe tacos tilde viral gentrify you probably haven't heard of them cornhole pug mustache occupy. Swag cornhole intelligentsia DIY mixtape raw denim poke air plant literally before they sold out cliche adaptogen. Put a bird on it thundercats freegan, selvage beard 8-bit prism before they sold out umami heirloom. Master cleanse wolf blog pop-up. Bicycle rights echo park intelligentsia taxidermy 8-bit coloring book hella scenester.</p>
<footer>Posted on <time>January 1 2017</time></footer>
</article>
</main>
<aside id="customer">
<h3>Customer Reviews</h3>
<div class="scroll">
<h3>RoadMan BigShaq</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat ultrices iaculis. Nam eu condimentum lorem. Aenean vestibulum congue faucibus. Curabitur ut ornare lectus. Ut gravida sem et libero congue sodales. Sed laoreet nulla blandit sapien luctus bibendum. Duis in pellentesque enim. In sit amet felis malesuada, ultricies dui ut, venenatis urna. Nulla at leo pellentesque, facilisis ex vel, mattis arcu. Aliquam erat volutpat. Duis bibendum ultricies nibh a luctus. Quisque dignissim ac odio et elementum. Donec at mi lobortis lacus ultrices faucibus et vel sapien. Suspendisse potenti. Phasellus congue eu nunc quis finibus.</p>
<br>
<h3>Elon Musk</h3>
<p>Mauris sed cursus arcu. Curabitur egestas rutrum faucibus. Ut dignissim magna vel quam fringilla, eu ornare tortor porta. Mauris blandit dolor a suscipit mattis. Proin finibus risus eu vulputate gravida. Aenean mollis, arcu eu laoreet dictum, ante libero auctor risus, vel placerat erat orci vitae massa. Duis ullamcorper velit libero, et tincidunt ante varius placerat. Morbi mattis eros non urna congue lacinia. Etiam blandit neque vel sagittis auctor. Fusce sit amet efficitur justo. Nullam nunc ante, porttitor vel sem a, hendrerit blandit justo. Nam eget porta ligula. Sed eget vehicula massa. Vestibulum purus mi, egestas vitae lacinia ullamcorper, dictum eget neque. Etiam elit mauris, molestie vel varius sed, aliquet ac ante.</p>
<br>
<h3>Master Shake</h3>
<p>Pellentesque efficitur massa ornare, feugiat nisl non, sagittis lorem. Etiam a enim urna. Fusce mauris odio, laoreet quis accumsan eu, pretium id erat. Integer ornare nibh sit amet vulputate pharetra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur elit leo, dictum ut urna tempor, lobortis condimentum orci. Quisque a turpis neque. Nam vestibulum arcu eu mi tincidunt, sit amet porttitor arcu luctus. In elementum iaculis pretium.</P>
</div>
</aside>
</div> <!-- end class=body-->
</div> <!-- end class=background-->
<footer class="mainFooter">
<p>ShakeWeight©2017</p>
<div class="socialMedia">
<a href="https://www.facebook.com/Shakeweight/"><img src="img/fbook.svg" alt="facebook logo"></a>
<a href="https://myspace.com/tom"><img src="img/myspace.svg" alt="myspace logo"></a>
<a href="https://twitter.com/shakeweight?lang=en"><img src="img/twitter.svg" alt="twitter logo"></a>
<a href="https://www.youtube.com/watch?v=62-TYluYIiw"><img src="img/youtube.svg" alt="youtube logo"></a>
</div>
</footer>
</body>
</html>