-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (124 loc) · 6.98 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<title>Elena's Dog Walking and Pet-Sitting Service</title>
<meta name="description" content="Dog walking and pet sitting services in West Los Angeles and beach cities." />
<link rel="stylesheet" href="style-all-together.css" type="text/css" media="all">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:700
|Shrikhand" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Luckiest+Guy|Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
<!-- outer-wrap from holy-grail.css -->
<div class="outer-wrap">
<header id="header-top">
<div class="banner">
<h1>Elena's Dog Walking and Pet Sitting Service</h1>
<p>Serving West Los Angeles, Mar Vista, Santa Monica, Venice, Marina del Rey, El Segundo, Playa Vista and Culver City</p>
</div>
</header>
<section class="nav-color" id="fixed-nav">
<div class="nav-container">
<nav role="navigation" class="topnav" id="myTopnav">
<ul>
<li><a href="#home" class="active nav-home">Home</a></li>
<li><a href="#allRates" class="nav-all-rates">Rates</a>
<ul class="dropdown">
<li><a href="#walk" class="nav-walking">Dog Walking</a></li>
<li><a href="#run" class="nav-running">Dog Running</a></li>
<li><a href="#hike" class="nav-hiking">Dog Hiking</a></li>
<li><a href="#sit" class="nav-sitting">Pet-sitting</a></li>
</ul>
</li>
<li><a href="#contact" class="nav-contact">Contact me</a></li>
</ul>
</nav>
</div>
</section>
<div class="content" id="content">
<div class="sidebar hide" id="rates">
</div>
<!-- .sidebar -->
<main class="main-area">
<section class="cards">
<article class="card">
<a href="#rates" class="js-walking">
<picture class="thumbnail">
<img src="images/cropped/walking.jpg" alt="taking a stroll with dogs">
</picture>
<div class="card-content walking">
<h2>Dog Walking</h2>
<p>All walks are private and may be scheduled for 30, 45, or 60 minutes. I can also accomodate longer or shorter walks.</p>
<p>If you are looking to get your dog some exercise, I also offer 20 minute runs. For longer exercise, I am also available to take your dog for a hike to one of our local mountains for a 2 hour hike.</p>
</div>
<!-- .card-content -->
</a>
</article>
<!-- .card -->
<article class="card">
<a href="#rates" class="js-running">
<picture class="thumbnail">
<img src="images/cropped/animal-animal-photography-animal-portrait-422220.jpg" alt="dog on a run">
</picture>
<div class="card-content running">
<h2>Dog Running</h2>
<p>Do you have a dog that requires more intensive exercise, or needs to burn off a little weight? Then you may consider a 20 minute run for your pooch. All runs can be customized by 5 minute increments or decrements.</p>
</div>
<!-- .card-content -->
</a>
</article>
<!-- .card -->
<article class="card">
<a href="#rates" class="js-hiking">
<picture class="thumbnail">
<img src="images/cropped/animal-bright-clouds-1195975.jpg" alt="Dog on a hike">
</picture>
<div class="card-content">
<h2>Dog Hiking</h2>
<p>Do you have a high-energy dog that is always ready to explore and requires a longer form of exercise and stimulation? I'll take your dog for a hike to Temescal Canyon or any other local trail of your choice. Dogs are required
to and will be leashed at all times. Hikes normally take about two hours, plus commute time to and from your place. Commute time is included in the price within a 5 mile radius from Mar Vista.</p>
</div>
<!-- .card-content -->
</a>
</article>
<!-- .card -->
<article class="card">
<a href="#rates" class="js-sitting">
<picture class="thumbnail">
<img src="images/cropped/pexels-photo-177809.jpeg" alt="cat sitting around">
</picture>
<div class="card-content">
<h2>Pet-Sitting</h2>
<p>I am available to come and pet sit and house sit while you are away. Rest assured that your pet will be in loving, caring hands while you are away. I watch over dogs, cats, bunnies, birds and small reptiles. Feel free to
contact me if your pet falls outside of these categories to discuss.</p>
</div>
<!-- .card-content -->
</a>
</article>
<!-- .card -->
</section>
<!-- .cards -->
</main>
</div>
<!-- .content -->
<div class="footfix">
<footer>
<address>
Elena's Dog Walking & Pet Sitting Service<br>
Mar Vista, CA <br>
310-384-6767 •
<a href="mailto:elenag518@gmail.com">elenaG518@gmail.com</a>
</address>
</footer>
</div>
</div>
<!-- .outer-wrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="libs/createSideBar.js"></script>
</body>
</html>