forked from iamshaunjp/CSS-Variables
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (63 loc) · 3.17 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Variables</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav class="main-nav">
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
</header>
<main>
<div class="banner">
<h1>Mario & Luigi</h1>
<p>Plumbing Extravaganzas</p>
</div>
<div class="content">
<div class="spot">
<h2>We Love All Kinds of Pipes...</h2>
<p>Lorizzle ipsum crunk brizzle amet, gizzle cool elizzle. Nullam dawg velizzle, aliquet volutpizzle, suscipizzle dizzle, gravida yippiyo, arcu. Pellentesque eget check it out. Fo shizzle my nizzle erizzle. Boom shackalack bling bling dolor turpizzle go to hizzle tempor. Yippiyo mah nizzle nibh et turpizzle. Yo izzle da bomb. Daahng dawg eleifend rhoncus daahng dawg. In hac habitasse fo shizzle dictumst. Yo mamma dapibizzle.</p>
<a href="#">More info...</a>
</div>
<div class="spot">
<h2>In Fact, we're Piping-Mad</h2>
<p>I saw beyonces tizzles and my pizzle went crizzle tellus urna, pretium own yo', mattis away, eleifend we gonna chung, nunc. Daahng dawg suscipizzle. Integer sempizzle velizzle sizzle mah nizzle.</p>
<a href="#">More info...</a>
</div>
<div class="spot">
<h2>Any Shape and Any Size...</h2>
<p>Phasellizzle interdum volutpizzle shizzlin dizzle. Ut semper adipiscing shiz. Ma nizzle sure est. Nulla sapizzle ass, ultrices nec, accumsizzle pizzle, rizzle quis, pede. Dizzle nec shit. Etizzle rutrizzle ornare ante. Maurizzle its fo rizzle. Vestibulum izzle pede varius nibh commodo commodo.</p>
<a href="#">More info...</a>
</div>
<div class="spot">
<h2>No Job is Too Big</h2>
<p>Mofo yo mamma dolor sizzle boofron, consectetizzle adipiscing elit. Hizzle izzle shizzle my nizzle crocodizzle. Quisque mi crackalackin, sodalizzle izzle, crackalackin a, eleifend nizzle, boofron.</p>
<a href="#">More info...</a>
</div>
</div>
</main>
<footer>
<div class="blurbs">
<div class="blurb">
<h3>Blurb title</h3>
<p>Etizzle a magna dang mammasay mammasa mamma oo sa accumsizzle.</p>
</div>
<div class="blurb">
<h3>Blurb title</h3>
<p>Funky fresh in stuff. Yo mamma mauris dolor, shit vitae, its fo rizzle.</p>
</div>
<div class="blurb">
<h3>Blurb title</h3>
<p>Vestibulizzle ante ipsizzle sure dope orci luctus et ultrices posuere shizzle.</p>
</div>
</div>
</footer>
</body>
</html>