-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (140 loc) · 7.26 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
<!DOCTYPE html>
<html>
<head>
<title>Pet House</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
</head>
<body>
<header id="header">
<div> <img
src="https://media.istockphoto.com/vectors/vector-image-of-pet-logo-on-white-vector-id1269517302?k=6&m=1269517302&s=612x612&w=0&h=s9wR5itqqT-EoivHXEUfe3F45zBRtFvASt20ojY1-2w="
alt="iPet" id="header-img">
<span class="banner">DC Aws </span>
</div>
<nav id="nav-bar">
<ul>
<li><a href="#story" id="nav-link">Home</a></li>
<li><a href="#service" id="nav-link">Services</a></li>
<li><a href="#membership" id="nav-link">Pricing</a></li>
<li><a href="#footer" id="nav-link">Contact</a></li>
</ul>
</nav>
</header>
<section class="welcome">
<h1 class="h1welcome" id="story">Welcome to DC Aws</h1>
<div class="divwelcome"></div>
</section>
<main id="container">
<div class="pethouse">
<div class="text">
<h1>Our Story</h1>
<p class="storytext">
DC Aws is a group of professional pet experts coming from different fields in animal care
sectors.
Our community is a non-profit forum and we are proud to give needful information to pet owners.
Besides we have a professional and experienced animal-loving pet sitter team, who offer their
services as freelancers. Our team pet sitter is carefully selected via practical interviews. We are
happy to be trusted to take care of your loved pets with all dedication. Contact us! 🐾
</p>
</div>
<div class="subscription">
<h5>" Bringing new adventure for you and your pets abroad with DC Aws Trip. Many exclusive deals
covering hotel, transportation, travel plan and document are waiting for you 👇
</h5>
<section>
<br>
<a href="https://mailchi.mp/3c102ed53a33/paws-claws" alt="subscribe page" target="_blank">
<button class="btn btn-primary btn-xl">Find out more</button>
</a>
</section>
</div>
</div>
<div class="services" id="service">
<div class="icon">
<img src="https://images.unsplash.com/photo-1608363789080-2d1f019445fa?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=667&q=80"
class="servicepic" id="servicpic1" alt="Pet Walking" style="max-width:100%;height:auto;">
<h1 class="servicehead">Pet walking</h1>
<p class="servicep">We ensure that your dog enjoys walking and outdoor activities</p>
</div>
<div class="icon">
<img src="https://images.unsplash.com/photo-1541364983171-a8ba01e95cfc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=634&q=80"
class="servicepic" alt="pet grooming" style="max-width:100%;height:auto;">
<h1 class="servicehead">Pet grooming</h1>
<p class="servicep">Our stylist will bring a new breeze to your dog and cat</p>
</div>
<div class="icon">
<img src="https://images.unsplash.com/photo-1616668983570-a971956d8928?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=633&q=80"
class="servicepic" alt="Pet Feeding" style="max-width:100%;height:auto;">
<h1 class="servicehead">Pet feeding</h1>
<p class="servicep">We have a partnership with many pet food in the town that can give your pet a best
taste</p>
</div>
<div class="icon">
<img src="https://images.unsplash.com/photo-1555078243-f044dcc0cd4c?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80"
class="servicepic" alt="Special Care" style="max-width:100%;height:auto;">
<h1 class="servicehead">Special care</h1>
<p class="servicep">We offer a second home for your pet when you are away </p>
</div>
</div>
<div class="membership" id="membership">
<section id="pricing">
<div class="doglover">
<div class="level">Dog Lovers 🐕</div>
<h5>€39 / day</h5>
<ol class="define-ol">
<li>Dog Walking</li>
<li>Dog Grooming</li>
<li>Dog Caring </li>
<li>Insured by If</li>
</ol>
<button class="button">Select </button>
</div>
<div class="catlover">
<div class="level">Cat Lovers 🐈</div>
<h5>€29 / day</h5>
<ol class="define-ol">
<li>Cat Walking</li>
<li>Cat Grooming</li>
<li>Cat Caring </li>
<li>Insured by If</li>
</ol>
<button class="button">Select </button>
</div>
<div class="specialcare">
<div class="level">Special Care 🐩</div>
<h5>€40 / day</h5>
<ol class="define-ol">
<li>Pet Training</li>
<li>Pet Grooming</li>
<li>Pet Caring</li>
<li>Insured by If</li>
</ol>
<button class="button">Select </button>
</div>
</section>
</div>
<section id="youtube"> <iframe width="560" height="315" src="https://www.youtube.com/embed/ryHHKLQ0tzQ"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe> </section>
</main>
<footer id="footer">
<div class="divfooter">
<div class="love">
<p>Website made with love </p>
<div class="heart-shape"></div>
</div>
<ul class="footer">
<li>Policy</li>
<li>Terms and Conditions</li>
<li id="contact">Contact</li>
</ul>
<section class="copyr">© 2021 Nio Phan</section>
</div>
</footer>
</body>
</html>