-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (112 loc) · 6.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Home page for Salt City Grooming">
<meta name="keywords" content="one, two, three">
<title>Salt City Grooming</title>
<!-- external CSS link -->
<link rel="stylesheet" href="Home page/css/style.css">
<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=Mrs+Saint+Delafield&family=Raleway&family=Roboto:wght@300;500&family=Source+Sans+Pro&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<section class="logo">
<img src="https://img.icons8.com/ios-filled/50/000000/dog.png"/ alt='Salt City Groomers Logo'>
<span>Salt City Grooming</span>
</section>
<ul>
<li><a href = '#home'>Home</a></li>
<li><a href='#services'>Services</a></li>
<!-- <li><a href = '#reviews'>Reviews</a></li> -->
<li><a href ='#about'>Contact</a></li>
</ul>
</nav>
</header>
<section class = 'first-section' id='home'>
<section class='first-left-half'>
<h1>AT SALT CITY GROOMING</h1>
<p>we care about your pet.</p>
<p>SEE WHAT SERVICES WE OFFER.</p>
<button><a href ='#services'>Our Services</a></button>
</section>
<section class='first-right-half'>
<img src='/Home page/images/yellowPug.jpg' alt='Picture of a pug.'>
</section>
</section>
<section class='second-section' id='services'>
<section class='image__section second-left-section'>
<h2>Grooming</h2>
<section class="subsection">
<p>We aren't just another grooming shop.
We take pride in every cut and keep your pet's best interest in mind. Whether you want classic trim, a modern look, or even coloring services, we're the grooming shop for you! </p>
<a href="https://www.picktime.com/9030f4e2-e790-4d67-8027-3aaa1ff16f8d" class="ptbkbtn" target="_blank" style="float:none;"><img border="none" src="https://www.picktime.com/bookingPage/img/picktime-book-online.png" alt="Book an appointment with Salt City Grooming"/></a>
</section>
<span></span>
</section>
<section class=' image__section second-middle-section'>
<h2>Daycare</h2>
<section class="subsection">
<p>You want your pet to have the happiest experience possible while you're working. We've been around a long time and take great care of the animals entrusted to us.</p>
<p>Our staff are experienced and compassionate. They are well-educated on animals and are good at reading what your pet needs. The staff all have extensive training to ensure that your pet is safe.</p>
<a href="https://www.picktime.com/9030f4e2-e790-4d67-8027-3aaa1ff16f8d" class="ptbkbtn" target="_blank" style="float:none;"><img border="none" src="https://www.picktime.com/bookingPage/img/picktime-book-online.png" alt="Book an appointment with Salt City Grooming"/></a>
</section>
<span></span>
</section>
<section class=' image__section second-right-section'>
<h2>Boarding</h2>
<section class="subsection">
<p> Going out of town? Use our boarding service to keep your furry friend happy in your absence. Your pet will receive individual attention from trained professionals in a safe environment. </p>
<a href="https://www.picktime.com/9030f4e2-e790-4d67-8027-3aaa1ff16f8d" class="ptbkbtn" target="_blank" style="float:none;"><img border="none" src="https://www.picktime.com/bookingPage/img/picktime-book-online.png" alt="Book an appointment with Salt City Grooming"/></a>
</section>
<span></span>
</section>
</section>
<!-- <section class = 'third-section' id='reviews'>
<h2>reviews</h2>
<section class='third-first-section'>
<section>
<span>Ali</span>
<p>Our dog is so well cared for and groomed at Salt City Grooming! Their prices are so so so good, and the quality is amazing! We have had good haircuts every time for our labradoodle.</p>
</section>
<img src='images/frenchBulldog.jpg'>
</section>
<section class='third-second-section'>
<img src='images/blackDog.jpg'>
<section>
<span>Safrit</span>
<p>I'm absolutely thrilled. My pup looks and feels amazing. The groomers were confident and careful and did exactly what I asked for! Best pet groomer in Salt Lake City!</p>
</section>
</section>
<section class='third-third-section'>
<section>
<span>Jane</span>
<p>Amazing experience, these people know their stuff.</p>
<button class='third-section-button'>See More</button>
</section>
<img src="images/whiteCat.jpg"
</section>
</section> -->
<section class = 'fourth-section' id='about'>
<section class='fourth-left-half'>
<img src='Home page/images/macaw.jpg'>
</section>
<section class='fourth-right-half'>
<h2>about us</h2>
<p>Salt City Grooming has been delivering the best pet care services in the Salt Lake City community since 1978. We don't just take care of your pet; we treat it like our own. You can trust that your pet will be treated with the utmost professionalism and love. </p>
<p><ion-icon name="call"></ion-icon> Call us @ <a href='tel:1234567890'>(123) 456-7890</a></p>
<p><ion-icon name="mail"></ion-icon> Email us @ <a href='mailto:[email protected]'>[email protected]</a></p>
<p><ion-icon name="compass"></ion-icon> Find us @ <href>1234 Salt City St., Salt Lake City, UT 84101</href></p>
</section>
</section>
<footer>
<h3>© 2021 - <a href='https://ruthreed.netlify.app/'>Ruth Reed</a></h3>
</footer>
<script type="text/javascript" src="js/main.js"></script>
<script src='https://unpkg.com/[email protected]/dist/ionicons.js'></script>
</body>
</html>
<!-- For cool button animation: <button class='angled-gradient-button'>CSSLab</button> -->