-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
231 lines (219 loc) · 8.07 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
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="HandheldFriendly" content="true" />
<link rel="stylesheet" href="style.css" />
<!-- Google Fonts Library -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans&family=Ubuntu&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap"
rel="stylesheet"
/>
<!-- Social Icons -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<title>Fluffy Puppies</title>
</head>
<!-- navbar -->
<body>
<div class="header">
<h1>
<img
src="images/Fluffy-Puppies-logos-black.jpg"
alt="logo"
id="navbarLogo"
/>
</h1>
<div>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="faq.html">FAQ</a>
</li>
<li>
<a href="clients.html">Our Clients</a>
</li>
</ul>
</div>
</div>
<!--This is where the main bullet points are located -->
<div class="hero"></div>
<p id="abouthead">Welcome</p>
<div class="indexContent">
<div class="about">
<a href="about.html"
><img
src="images/Forever-Vets-Feb-2021-Vaccines-Needed-for-Dog-Grooming-min.jpeg"
alt="aboutphoto"
class="float-right"
/></a>
<h2>Welcome To Fluffy Puppies!</h2>
<p>
Our specialized dog and cat grooming team incorporates gentle massage,
aromatherapy and the quietest dryers available to ensure every pet's
grooming experience is relaxed and pleasurable. Your pet will actually
look forward to being groomed!
</p>
<br />
<br />
<h2>Pet Grooming That Exceeds Expectations</h2>
<p>
Our goal is to provide the best possible care for your pet during
their grooming visit. We believe your pet deserves the best salon
visit. It's why we...
<br />
<br />
</p>
<ul>
<li>
Constantly work to improve our pet groomer's skills through
continuing education.
</li>
<li>
Are members of ISCC (International Society of Canine Cosmetologists)
<li>
Build relationships with the best local pet businesses, rescues and
support our community through events.
</li>
<li>
Use only top quality grooming, cleaning & sanitizing products.
</li>
<li>
We work hard to tailor each pet grooming experience to your dog or
cat's needs.
</li>
</ul>
</div>
<!-- Slideshow container -->
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1 / 4</div>
<img src="images/img5.jpg" alt="dog" style="width: 100%" />
<div class="text">Book Today!</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 4</div>
<img src="images/img4.jpg" alt="dog1" style="width: 100%" />
<div class="text">Fluffy Puppies</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 4</div>
<img src="images/img6.jpeg" alt="dog2" style="width: 100%" />
<div class="text">Book Today!</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 4</div>
<img src="images/img9.jpg" alt="dog3" style="width: 100%" />
<div class="text">Fluffy Puppies</div>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br />
<!-- The dots/circles -->
<div style="text-align: center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
</div>
<!-- review area -->
<p id="abouthead2">Testimonials</p>
<div class="container">
<div class="row">
<div class="column">
<div class="card">
<img src="images/new-review1.jpg" alt="review1" class="about1"/>
<h3 class="abouth3">Tiffany Johnson - Westlake, Ohio</h3>
<br>
<p> "Our 7 month old bernedoodle had his first grooming experience here
and they were wonderful. He is huge and can be a lot to handle but
they were so great with him!!! He looked fantastic and our groomer did
exactly as we asked. 10/10 would recommend! Thank you Fluffy
Puppies!!"</p>
</div>
</div>
<div class="column">
<div class="card">
<img src="images/reviewer3.png" alt="review2" class="about1"/>
<h3 class="abouth3">Jill Presutto - Vermillion, Ohio</h3>
<br>
<p>"From scheduling an appointment, to picking up our Dog Ari, Fluffy
Puppies makes us feel like family. This is the only place I trust with
my dog, and you should too!"</p>
</div>
</div>
<div class="column">
<div class="card">
<img src="images/new-review2.jpg" alt="review3" class="about1"/>
<h3 class="abouth3">Gabby Solis - Port Clinton, Ohio</h3>
<br>
<p>"Not only is the staff here caring, and professional, but they offer
the best quality in dog grooming. You can't beat Fluffy Puppies!" </p>
</div>
</div>
<div class="column">
<div class="card">
<img src="images/susan.jpg" alt="img9" class="about1"/>
<h3 class="abouth3">Susan Mayer - Bay Village, Ohio</h3>
<br>
<p>Perfect place that I trust with my little girl.
Excellent communication and willingness to get my baby in for her beauty / spa time.
She is so happy afterwards. Thank you! </p>
</div>
</div>
</div>
</div>
<!-- contact card -->
<div id="contact" class="contact">
<a href="services.html"
><img src="images/reception.jpeg" alt="receptionImg" class="float-right"
/></a>
<h2>Let's Get Your Pet Scheduled</h2>
<ul>
<li>Hours: Monday - Saturday 8:00am - 6:00pm</li>
<li>Schedule an appointment at 216.555.1234</li>
<li>Also find us on Social Media Below!</li>
</ul>
<div>
<a href="http://www.facebook.com" class="fa fa-facebook"></a>
<a href="http://www.twitter.com" class="fa fa-twitter"></a>
<a href="http://www.instagram.com" class="fa fa-instagram"></a>
<a href="http://www.pinterest.com" class="fa fa-pinterest"></a>
</div>
</div>
</div>
<div class="footer">
<!-- script tag -->
<script src="script.js"></script>
<a><img src="images/OPPGA+Logo.png" alt="oppgaLogo" id="ohio" /></a>
<h2>Made with ❤️️ by Branden</h2>
<p>
216 Atlantic Avenue ~ Cleveland, Ohio. 44138 ~ Tel: 216 555-1234 ©
2021 Fluffy Puppies, Inc.
</p>
</div>
</body>
</html>