-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathservices.html
144 lines (142 loc) · 6.05 KB
/
services.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Bootstrap5 & custom CSS -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./css/services.css" />
<title>Posh Pets</title>
</head>
<body>
<!--Our Services Section-->
<section id="services" class="p-5 bg-light text-center">
<div class="container">
<p class="text-success fw-bold display-6">Our Services</p>
<p class="display-2 fw-bold">
<span class="text-warning">Premium </span>
Pet Service
</p>
<div class="container my-5">
<div class="row row-cols-1 row-cols-md-2 g-4">
<div class="col">
<div class="card h-100 bg-white text-center">
<div class="card-body">
<h3
class="flaticon-dog display-3 font-weight-normal text-secondary mb-3"
>
<img src="./images/pet.png" alt="" />
</h3>
<p class="card-title fw-bold">Pet Sitting</p>
<p class="card-text text-secondary">
This is a service where a person comes over to your home to
care for your pet while you are away, such as on vacation or
business travel. It is the opposite of taking your pet to a
boarding facility to be cared for exclusively at that
location.
</p>
<a
href="https://fairmountpetservice.com/Blog/pet-services-blog/pet-sitting/dog-walking-pet-sitting-boarding-definition/#pet-sitting-meaning"
target="_blank"
>
<p class="text-warning">Read More</p>
</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 bg-white text-center">
<div class="card-body">
<h3
class="flaticon-dog display-3 font-weight-normal text-secondary mb-3"
>
<img src="./images/dog-walking.png" alt="" />
</h3>
<p class="card-title fw-bold">Pet Walking</p>
<p class="card-text text-secondary">
This is the act of a person walking with a pet, typically
from the pet's residence and then returning. Leashes are
commonly used for this especially for dogs. Pets receive
many benefits, including exercise and companionship.
</p>
<a
href="https://fairmountpetservice.com/Blog/pet-services-blog/pet-sitting/dog-walking-pet-sitting-boarding-definition/#dog-walking-definition"
target="_blank"
>
<p class="text-warning">Read More</p>
</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 bg-white text-center">
<div class="card-body">
<h3
class="flaticon-house display-3 font-weight-normal text-secondary mb-3"
>
<img src="./images/pet-house.png" alt="" />
</h3>
<p class="card-title fw-bold">Pet Boarding</p>
<p class="card-text text-secondary">
This is sending your pet to our facility for our team to
watch over your pet. Boarding means a place your pet stays
overnight. Usually people choose to board their pets when
they travel.
</p>
<a
href="https://fairmountpetservice.com/Blog/pet-services-blog/pet-sitting/dog-walking-pet-sitting-boarding-definition/#dog-boarding-meaning"
target="_blank"
>
<p class="text-warning">Read More</p>
</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 bg-white text-center">
<div class="card-body">
<h3
class="flaticon-grooming display-3 font-weight-normal text-secondary mb-3"
>
<img src="./images/grooming.png" alt="" />
</h3>
<p class="card-title fw-bold">Pet Grooming</p>
<p class="card-text text-secondary">
This is the grooming of a domestic animal, including
bathing, cutting of hair, trimming of nails, and other
services generally associated with the act of grooming.
</p>
<a
href="https://www.lawinsider.com/dictionary/pet-grooming"
target="_blank"
>
<p class="text-warning">Read More</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our Services Section End -->
<!-- jQuery first, then Bootstrap JS, then js scripts -->
<script
src="https://code.jquery.com/jquery-3.6.0.js"
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"
></script>
<script src="./js/scripts.js"></script>
</body>
</html>