-
Notifications
You must be signed in to change notification settings - Fork 0
/
kitties-to-go-flexbox.html
89 lines (85 loc) · 5.02 KB
/
kitties-to-go-flexbox.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">
<title>Kitties To Go</title>
<link rel="stylesheet" type="text/css" href="styles/stylesheet-kitties-to-go.css">
<script src="https://kit.fontawesome.com/015d63ce65.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<h1>KITTIES TO GO!</h1>
<h2><i>Seattle's premiere drive-thru cat rentals</i></h2>
</header>
<nav class="nav-link">
<a class="one" href="kitties-to-go-2.html#About">About / </a>
<a class="one" href="kitties-to-go-2.html#Rates">Rates<i class="fas fa-dollar-sign"></i> / </a>
<a class="one" href="kitties-to-go-2.html#Liability">Liability Release / </a>
<a class="one" href="kitties-to-go-2.html#Profiles">Kitty Profiles / </a>
<a class="one" href="kitties-to-go-2.html#Book">Book a Cat</a>
</nav>
<aside class="content-box">
<section>
<h4>CATS IN THE NEWS</h4>
<p>Chew iPad power cord why must they do that,
grab pompom on mouth and put in water dish.</p>
<a href="kitties-to-go-2.html">Find out more>></a>
<p>Chew iPad power cord why must they do that,
grab pompom on mouth and put in water dish.</p>
<a href="kitties-to-go-2.html">Find out more>></a>
<p>
<h4>CAT OF THE WEEK</h4>
<!--include more descriptive alt tag for image and make image clickable-->
<a href="images/lesson04-mock3-sidebar-cat.jpg"><img src="images/lesson04-mock3-sidebar-cat.jpg" alt="A picture of a white and grey cat" width=100></a>
<p>Stare at imaginary bug love blinks and purr purr purr purr.</p>
<a href="dummy-link.html">Book Now >></a>
</section>
</aside>
<div class="container">
<div class="box">
<h3>Cat ipsum dolor sit amet, find something else more interesting,
so catty ipsum mesmerizing birds sleep on my human's head.</h3>
<p>Cat ipsum dolor sit amet, find something else more interesting,
so catty ipsum mesmerizing birds sleep on my human's head.
<a href="kitties-to-go-2.html">Hide head under blankets</a> so no one can
see stares at human while pushing stuff off a table. Cat not kitten around
claws in your leg kitty but and sometimes switches in french and say "meow"
just because well why not.
</p>
</div>
<div class="box">
<h3 class="quote">Please stop looking at your phone and pet me. Lounge in the doorway
eat and then sleep on your face meowwww meowwww <i>-Jeremy</i></h3>
</div>
<div class="box">
<h4>THE KITTIES TO GO STORY</h4>
<p>Fell asleep on the washing machine snuggles up to shoulders or knees
and purrs you to sleep. eat prawns daintily with a claw then lick paws
clean wash down prawns with a lap of carnation milk then
<a href="kitties-to-go-2.html">retire to the warmest spot</a> on the couch to claw at
the fabric before taking a catnap attempt to leap between furniture but woefully
miscalibrate and bellyflop onto the floor; what's your problem? I meant to do that
now I shall wash myself intently cough and swat at dog.
</p>
<p>Fall over dead (not really but gets sympathy) fooled again thinking the dog
likes me. Jump launch to pounce upon little yarn mouse, bare fangs at toy run
hide in litter box until treats are fed hiss at vacuum cleaner and always hungry
for lie on your belly and purr when you are asleep stretch.
</p>
</div>
</div>
<div class="container">
<footer>
<p><img src="images/lesson04-mock5-cat-logo.png" alt="Logo"></p>
<p>Aborpos nisto inci tet aut queu volupti beruptiberro to ex esseque invenien imaxmu scidru ptusulam consequunt</p>
<nav class="nav-footer">
<a class="two" href="kitties-to-go-2.html">Footer link 1 / </a>
<a class="two" href="kitties-to-go-2.html">Footer link 2 / </a>
<a class="two" href="kitties-to-go-2.html">Footer link 3 / </a>
<a class="two" href="kitties-to-go-2.html">Footer link 4</a>
</nav>
<p>© 2018 Kitties To Go!, LLC | Seattle, WA
</footer>
</div>
</body>
</html>