-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (134 loc) · 4.93 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
<!DOCTYPE html lang="en">
<html>
<head>
<title>Happy Tails Pet Spa and Daycare</title>
<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=Merriweather:ital,wght@0,400;1,400;1,700&display=swap" rel="stylesheet">
<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=Rock+Salt&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css" type="text/css">
<link rel="stylesheet" href="./reset.css" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!--Header and Nav-->
<header>
<div class="container">
<nav>
<a href="#" class="nav-logo">Happy Tails Spa</a>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Grooming</a></li>
<li><a href="#">Daycare</a></li>
<li><a href="#">Therapeutic Massage</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<!--Main-->
<main>
<hr>
<!--Mission Statement-->
<div class="mission">
<h1>Our mission is to help your pet look and feel their very best</h1>
</div>
<!--Photo Gallery-->
<div class="container">
<div class="gallery">
<img src="./Images/alexandra-novitskaya-8K0vunxffaM-unsplash - Copy.jpg" title="Rosie">
</div>
<div class="gallery">
<img src="./Images/julio-bernal-WLGx0fKFSeI-unsplash.jpg" title="Carrington">
</div>
<div class="gallery">
<img src="./Images/long-ma-hxEAE88Onv0-unsplash.jpg" title="Mr Mew">
</div>
<div class="gallery">
<img src="./Images/kanashi-BLW_KQ0Rkn0-unsplash.jpg" title="Delilah">
</div>
<div class="gallery">
<img src="./Images/kerwin-elias-7-ToFEHzMNw-unsplash.jpg" title="Kerwin">
</div>
<div class="gallery">
<img src="./Images/xiao-suen-CZAl8HIdmfc-unsplash.jpg" title="Xiao">
</div>
<div class="gallery">
<img src="./Images/alvan-nee-1VgfQdCuX-4-unsplash - Copy.jpg" title="Alvan & Hank">
</div>
<div class="gallery">
<img src="./Images/annie-spratt-87BNvL-au90-unsplash.jpg" title="Edison">
</div>
</div>
<!--Services-->
<div class="services">
<h3>Services at Happy Tails Spa</h3>
<div class="service-cards">
<div class="cards">
<h4>Grooming</h4>
<p>With over 30 years of experience, our professional team offers a dynamic range of grooming services for your furry ones.</p>
</div>
<div class="cards">
<h4>Daycare</h4>
<p>Put your mind at ease knowing your pets will be cared for by our expert team. We offer daily daycare drop-ins, as well as short-term boarding services.</p>
</div>
<div class="cards">
<h4>Therapeutic Massage</h4>
<p>Our staff Veterinarian and registered Canine Massage Therapist is thrilled to offer a variety of therapy programs to help your pup with issues such as mobility and pain management.</p>
</div>
</div>
</div>
<!--Meet The Team-->
<div class="team">
<h3>Meet Our Team</h3>
</div>
<div class="t-container">
<div class="team">
<img src="./Images/alvaro-palacios-91zgFEWBkmc-unsplash - Copy.jpg" title="Nadia & Alvaro">
<h5>Nadia</h5>
<p>Client Services Manager</p>
</div>
<div class="team">
<img src="./Images/dan-barrett-0EhFkzIinlk-unsplash.jpg" title="Guillermo the Guinea Pig">
<h5>Guillermo</h5>
<p>Client Services Concierge</p>
</div>
<div class="team">
<img src="./Images/evan-wise-1wYswsLHXII-unsplash.jpg" title="Evan, Lola & Sir Barks a Lot">
<h5>Evan</h5>
<p>Veterinarian & RCMT</p>
</div>
<div class="team">
<img src="./Images/ga-XncszFVfqhE-unsplash.jpg" title="Alex & Annie">
<h5>Alex</h5>
<p>Office Manager & Cat Snuggler</p>
</div>
<div class="team">
<img src="./Images/mel-elias-2_KjpNXFl5M-unsplash.jpg" title="Katya & Daisy">
<h5>Katya</h5>
<p>Groomer and RVT</p>
</div>
<div class="team">
<img src="./Images/sam-manns-lBdVjQcfSRQ-unsplash.jpg" title="Mel & Tony">
<h5>Mel</h5>
<p>Groomer and RVT</p>
</div>
</div>
<div class="contact">
<address>Happy Tails Spa<br>
1540 Drew Street New York, New York<br>
Phone: 828-654-0817<br>
Email: [email protected]<br>
Hours: Monday-Friday 7am-7pm <br>
Saturday-Sunday 8am-5pm </p>
</address>
</div>
</main>
<!--Footer-->
<footer>
<p>© Happy Tails Spa 2022</p>
</footer>
</body>
</html>