-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
212 lines (183 loc) · 11 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<!--[if lte IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!-->
<html lang="en-US">
<head>
<!--<![endif]-->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="robots" value="noindex,nofollow" />
<meta content="Amy Berg" name="author">
<!--<link type="text/plain" rel="author" href="/humans.txt" />
<link rel="shortcut icon" href="/assets/images/favicon.ico" type="image/x-icon" />-->
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"> </script>
<![endif]-->
<title>Cat Logo | Coding Challenge for Amy Dalrymple</title>
<meta name="description" content="Amy Dalrymple created this website as a coding challenge." />
<!-- Twitter Card data -->
<meta name="twitter:card" value="summary">
<meta name="twitter:site" content="@pork_chop">
<meta name="twitter:title" content="Coding Challenge for Amy Dalrymple">
<meta name="twitter:description" content="Amy Dalrymple created this website as a coding challenge." />
<!-- Twitter Summary card images must be at least 120x120px -->
<!--<meta name="twitter:image" content="" />-->
<!-- Open Graph data -->
<meta property="og:title" content="Coding Challenge for Amy Dalrymple" />
<meta property="og:type" content="website" />
<!-- recommended at least 1200x630 pixels -->
<!--<meta property="og:image" content="" />-->
<meta property="og:description" content="Amy Dalrymple created this website as a coding challenge." />
<link href="styles/main.css" rel="stylesheet" type="text/css" />
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="script/respond.min.js"></script>
<script src="script/scripts.js"></script>
</head>
<body>
<header>
<nav class="cf">
<div class="sitelogo hidetext left"><a href="#">Cat Logo</a></div>
<ul class="menu right">
<li><button id="menu"><span>Menu</span></button></li>
</ul>
</nav>
<h1>Raaaaaawwrrrrr!</h1>
<a href="#" class="button">Cat Ipsum</a>
</header>
<main id="content">
<div class="articles cf">
<article class="green_top left"><a name="article1"></a>
<p class="date">AUG 04, 2014</p>
<h2>Outside The Box: What to do when the new guy is encroaching your territory.</h2>
<!-- READ MORE -->
<div class="hide">
<p>Cat ipsum dolor sit amet, chase dog then run away. Chew iPad power cord stick paw in face under the bed, and play time, but climb leg. Hopped up on catnip stick paw in face, yet behind the couch scamper for make muffins run in circles shake treat bag. Give attitude rub face on everything, yet throwup on your pillow hide when guests come over throwup on your pillow chase mice, so flop over. Why must they do that hide when guests come over hunt anything that moves nap all day.</p>
<p>Catnipsum dolor sit amet precious tabby biting mrowwwww warm kitty raowwwww kitty catnipsum. Sunbathe catnipsum string misty scratching post fur scratching purr purr purr. A cat may look at a king purrfection cuddle me oscar european shorthair. Catnip fluffy tigger fur treats. Catnip hellcat scratching post under her chair catnap kittens fighting on the chairs. Let the cat out of the bag mouse cat in a hat happy kitty claws. Mreoaw oscar catnipsum catnipsum meew curiosity killed the cat. Stuck in a tree hairball jingle-bells sniffing kittens climbing up my jeans whiskers. Mrow cheshire shadow milo ack-ack catnappers.</p>
</div>
<!-- CLOSE -->
<p class="toggle"><a href="#">Read More</a></p>
</article>
<article class="blue_top left"><a name="article2"></a>
<p class="date">AUG 04, 2014</p>
<h2>Summer Sampler: 10 best places around the house to get the most out of the depleating summer sun.</h2>
<!-- READ MORE -->
<div class="hide">
<p>Stare at the wall, play with food and get confused by dust. Give attitude. Make muffins sleep in the bathroom sink. Lick arm hair favor packaging over toy lick arm hair and hide at bottom of staircase to trip human but play riveting piece on synthesizer keyboard curl into a furry donut or sleep nap. Why must they do that purr while eating. Leave fur on owners clothes intrigued by the shower. Plan steps for world domination shove bum in owner's face like camera lens kick up litter. Who's the baby intrigued by the shower sun bathe, and find empty spot in cupboard and sleep all day. </p>
<p>Meowing non stop for food. Missing until dinner time spot something, big eyes, big eyes, crouch, shake butt, prepare to pounce plan steps for world domination. Curl into a furry donut sleep on keyboard i like big cats and i can not lie use lap as chair, or leave fur on owners clothes. Meow all night having their mate disturbing sleeping humans stick butt in face, so flop over, intently stare at the same spot destroy couch present belly, scratch hand when stroked. Missing until dinner time. Scamper leave fur on owners clothes yet sleep in the bathroom sink swat at dog, but use lap as chair, sit by the fire.</p>
</div>
<!-- CLOSE -->
<p class="toggle"><a href="#">Read More</a></p>
</article>
<article class="pink_top left"><a name="article3"></a>
<p class="date">AUG 04, 2014</p>
<h2>Fish Friday: Not just for Lent anymore. Find the fishiest Friday fish fry in your alley.</h2>
<!-- READ MORE -->
<div class="hide">
<p>Flop over leave dead animals as gifts, so find empty spot in cupboard and sleep all day, so all of a sudden cat goes crazy, for plan steps for world domination. Hide at bottom of staircase to trip human ears back wide eyed under the bed, or intently stare at the same spot leave dead animals as gifts eat grass, throw it back up mark territory. Intrigued by the shower. Meowing non stop for food.</p>
<p>Flop over love to play with owner's hair tie under the bed peer out window, chatter at birds, lure them to mouth climb leg. Play riveting piece on synthesizer keyboard scamper. Inspect anything brought into the house plan steps for world domination or lick arm hair. Inspect anything brought into the house claw drapes. Always hungry chew iPad power cord throwup on your pillow claw drapes. Who's the baby peer out window, chatter at birds, lure them to mouth and pooping rainbow while flying in a toasted bread costume in space sit in box. </p>
</div>
<!-- CLOSE -->
<p class="toggle"><a href="#">Read More</a></p>
</article>
</div>
<section>
<div class="substory cf">
<img src="img/cat_1.png" srcset="img/cat_1.png 1x, img/cat_1_2x.png 2x" class="right">
<div>
<h3>HAVE SECRET PLANS</h3>
<p>Cat ipsum dolor sit amet, chase dog then run away. Chew iPad power cord stick butt in face under the bed, and play time, but climb leg. Hopped up on catnip stick butt in face, yet behind the couch scamper for make muffins run in circles shake treat bag. Give attitude rub face on everything, yet throwup on your pillow hide when guests come over throwup on your pillow chase mice, so flop over. Why must they do that hide when guests come over hunt anything that moves nap all day.</p>
</div>
</div>
<div class="substory cf">
<img src="img/cat_2.png" srcset="img/cat_2.png 1x, img/cat_2_2x.png 2x" class="left">
<div>
<h3>CHEW IPAD POWER CORD</h3>
<p>Cat ipsum dolor sit amet, chase dog then run away. Chew iPad power cord stick butt in face under the bed, and play time, but climb leg. Hopped up on catnip stick butt in face, yet behind the couch scamper for make muffins run in circles shake treat bag. Give attitude rub face on everything, yet throwup on your pillow hide when guests come over throwup on your pillow chase mice, so flop over. Why must they do that hide when guests come over hunt anything that moves nap all day.</p>
</div>
</div>
<div class="substory cf">
<img src="img/cat_3.png" srcset="img/cat_3.png 1x, img/cat_3_2x.png 2x" class="right">
<div>
<h3>HUNT ANYTHING THAT MOVES</h3>
<p>Cat ipsum dolor sit amet, chase dog then run away. Chew iPad power cord stick butt in face under the bed, and play time, but climb leg. Hopped up on catnip stick butt in face, yet behind the couch scamper for make muffins run in circles shake treat bag. Give attitude rub face on everything, yet throwup on your pillow hide when guests come over throwup on your pillow chase mice, so flop over. Why must they do that hide when guests come over hunt anything that moves nap all day.</p>
</div>
</div>
</section>
</main>
<footer>
<div class="footer_wrap cf">
<div class="nav">
<dl>
<dt><a href="#">Good Cat</a></dt>
<dd>
<ul>
<li><a href="#">Meow</a></li>
<li><a href="#">Run</a></li>
<li><a href="#">Scurry</a></li>
<li><a href="#">Tabby Cat</a></li>
<li><a href="#">Meeeoow</a></li>
<li><a href="#">Purrrrrrr</a></li>
<li><a href="#">Catnipsum</a></li>
<li><a href="#">Curiosity kills</a></li>
<li><a href="#">Hairballs</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="#">Bad Cat</a></dt>
<dd>
<ul>
<li><a href="#">Meow</a></li>
<li><a href="#">Run</a></li>
<li><a href="#">Scurry</a></li>
<li><a href="#">Tabby Cat</a></li>
<li><a href="#">Meeeoow</a></li>
<li><a href="#">Purrrrrrr</a></li>
<li><a href="#">Catnipsum</a></li>
<li><a href="#">Curiosity kills</a></li>
<li><a href="#">Hairballs</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="#">Red Cat</a></dt>
<dd>
<ul>
<li><a href="#">Meow</a></li>
<li><a href="#">Run</a></li>
<li><a href="#">Scurry</a></li>
<li><a href="#">Tabby Cat</a></li>
<li><a href="#">Meeeoow</a></li>
<li><a href="#">Purrrrrrr</a></li>
<li><a href="#">Catnipsum</a></li>
<li><a href="#">Curiosity kills</a></li>
<li><a href="#">Hairballs</a></li>
</ul>
</dd>
</dl>
</div>
<div>
<h4>SIGN UP FOR A FAKE NEWSLETTER!</h4>
<form method="post" enctype="text/plain" name="AmyBerg_site-message" action="mailto:[email protected]" id="contactform">
<fieldset>
<label for="txt-name">Name: <input type="text" required="required" value="" name="name" id="txt-name"></label>
<label for="txt-email">Email: <input type="email" required="required" value="" name="email" id="txt-email"></label>
</fieldset>
<input type="submit" value="Sign me up!" name="sendit" id="btn-submit" />
</form>
</div>
<p class="hide">© <script>document.write(new Date().getFullYear())</script> Amy Dalrymple</p>
</div>
</footer>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-5299331-6', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>