-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
107 lines (96 loc) · 4.56 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The CTD Store</title>
<meta name="description" content="">
<link href="css/styles.css" rel="stylesheet">
</head>
<body>
<div class="navbar">
<ul class="nav">
<li><a href="#">Store</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Testimonials</a></li>
</ul>
<ul class="social">
<li class="twitter"><a href="#">Twitter</a></li>
<li class="facebook"><a href="#">Facebook</a></li>
</ul>
</div>
<div class="container">
<header>
<h1>Mongoose Emporium</h1>
</header>
<section class="features">
<div class="side">
<img src="img/gray.gif" width="220" height="300" alt="">
</div>
<div class="main">
<img src="img/gray.gif" width="460" height="300" alt="">
</div>
<div class="side">
<img src="img/gray.gif" width="220" height="300" alt="">
</div>
</section>
<section class="about">
<div>
<h2>What's this all about?</h2>
<p>
What ever happened to predictability? The milkman, the paperboy, evening TV. Everywhere you look, everywhere you go, there's a heart, a hand to hold onto. Everywhere you look, everywhere you go. There's a face of somebody who needs you.
Everywhere you look, when you're lost out there and you're all alone, a light is waiting to carry you home, Everywhere you look. Everywhere you look.
</p>
<p>
<button>Buy this thing</button>
</p>
</div>
</section>
<section class="animal">
<h3>Dolphins</h3>
<p>Now, the world don't move to the beat of just one drum, what might be right for you, may not be right for some. A man is born, he's a man of means. Then along come two, they got nothing but their jeans. But they got, Diff'rent Strokes, it takes Diff'rent Strokes. It takes Diff'rent Strokes to move the world.</p>
<figure><!-- image goes here --></figure>
</section>
<section class="animal">
<h3>Bears</h3>
<p>Tell me why, I love you like I do. Tell me who, could stop my heart as much as you. Let's take each other's hand, as we jump into the final frontier. Mad about you baby, yeah, I'm mad about you. Whoo hoo hoo.</p>
<figure><!-- image goes here --></figure>
</section>
<section class="animal">
<h3>Pigs</h3>
<p>They arrived in fifty mother ships, offering their friendship and advance technology to Earth. Skeptical of the visitors, Mike Donovan and Juliet Parrish infiltrated their ranks and soon discovered some startling secrets. The resistance is all that stands between us... and the visitors.</p>
<figure><!-- image goes here --></figure>
</section>
<section class="animal">
<h3>Bees</h3>
<p>Extraordinary crimes against the people and the state had to be avenged by agents extraordinary. Two such people are John Steed, top professional; and his partner, Emma Peel, talented amateur... otherwise known as The Avengers.</p>
<figure><!-- image goes here --></figure>
</section>
<section class="animal">
<h3>Dogs</h3>
<p>Don't go to bed, with no price on your head. No, no, don't do it. Fon't do the crime, if you can't do the time, yeah, don't do it. And keep your eye on the sparrow, when the going gets narrow. Don't do it, don't do it. Where can I go where the cold winds don't blow, Now. Well, well, well.</p>
<figure><!-- image goes here --></figure>
</section>
<section class="animal">
<h3>Bulls</h3>
<p>We got a right to pick a little fight, Bonanza! If anyone fights anyone of us, he's gotta fight with me! We're not a one to saddle up and run, Bonanza! Anyone of us who starts a little fuss knows he can count on me! One for four, four for one, this we guarantee. We got a right to pick a little fight, Bonanza! If anyone fights anyone of us he's gotta fight with me!</p>
<figure><!-- image goes here --></figure>
</section>
<section class="convinced">
<h4>Convinced?</h4>
<button>Buy this thing</button>
</section>
<footer>
<div class="copyright">© 2013 Mongoose Enterprises</div>
<ul class="nav">
<li><a href="#">Store</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Testimonials</a></li>
</ul>
<ul class="social">
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a></li>
</ul>
</footer>
</div>
</body>
</html>