-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
231 lines (203 loc) · 12.3 KB
/
about.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">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TinDog</title>
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body>
<!-- navigation bar -->
<header class="hero gradient-background">
<div class="container">
<nav class="nav-item">
<h3>TinDog</h3>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./about.html">About us</a></li>
<li><a href="./contact.html">Contact us</a></li>
<li><a href="./feedback.html">Feedback</a></li>
</ul>
<button type="button" class="btn btn-outline-dark">Subscribe</button>
</nav>
</div>
<section id="title">
<div class="container my-5">
<div class="position-relative pt-3 pb-2 text-center text-muted ">
<svg class="bi mt-5 mb-3" width="48" height="48">
<use xlink:href="#check2-circle"></use>
</svg>
<h1 class="text-body-emphasis">About TinDog</h1>
<p class="col-lg-6 mx-auto mb-4 fs-6">
At TinDog, we understand that socialization is a crucial part of a happy, healthy dog's life.
That's why we've dedicated our platform to helping dog owners find the perfect playmates,
companions, and even love interests for their furry friends. Our mission is to bridge the gap
between dogs and their potential pals, creating a community where every pup can find their
perfect match.
</p>
<button class="btn btn-dark px-5 mb-5" type="button">
<a class="con" href="./contact.html">Contact us</a>
</button>
</div>
</div>
</section>
<section>
<div class="container py-4">
<header class="pb-3 mb-4 border-bottom">
<a href="/" class="d-flex align-items-center text-body-emphasis text-decoration-none">
<img src="paws.png" alt="" height="20" <span class="fs-4 fw-bold ps-1 px-2">Finding Pawmate!!</span>
</a>
</header>
<div class="p-5 mb-4 bg-body-tertiary rounded-3">
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold">What do we do?</h1>
<p class="col-md-8 fs-4">At TinDog, we're revolutionizing the way dogs meet and socialize
through innovative technology and community engagement. Our platform is dedicated to making
it easier for dog owners to find the perfect playmates, companions, and even love interests
for their furry friends.</p>
</div>
</div>
<div class="row align-items-md-strech">
<div class="col-md-6">
<div class="h-100 p-5 text-bg-dark rounded-3 ">
<h2>Why do we do it?</h2>
<p class="d-flex align-items-center">By bringing together technology, community, and a love
for dogs, TinDog strives to make the world a more social, supportive, and joyful place
for our furry friends.</p>
</div>
</div>
<div class="col-md-6">
<div class="h-100 p-5 bg-body-tertiary border rounded-3">
<h2>When do we do it?</h2>
<p>we continuously update our content and reviews to provide the latest information. Our
community engagement is active daily through forums and social media. We offer
year-round, seasonal, and event-based content to keep you informed and engaged anytime.
</p>
</div>
</div>
</div>
<footer class="pt-3 mt-4 text-body-secondary border-top">
</footer>
</div>
</section>
</header>
<section>
<div class="container px-4 py-5">
<h2 class="pb-2 border-bottom">Some unique Features</h2>
<div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5">
<div class="col d-flex flex-column align-items-start gap-2">
<h2 class="fw-bold text-body-emphasis">Discover TinDog's Unique Features for Dog Socialization</h2>
<p class="text-body-secondary">Discover How TinDog Facilitates Safe and Enjoyable Dog Socialization Through Comprehensive App Reviews, Expert Guides, Interactive Content, and a Vibrant Community Platform Where Dog Owners Connect, Share Stories, and Arrange Playdates.</p>
<a href="#" class="btn btn-outline-dark btn-md">More features</a>
</div>
<div class="col">
<div class="row row-cols-1 row-cols-sm-2 g-4">
<div class="col d-flex flex-column gap-2">
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-dark fs-4 rounded-3">
<svg class="bi" width="1em" height="1em">
<use xlink:href="#collection"></use>
</svg>
</div>
<h4 class="fw-semibold mb-0 text-body-emphasis">Comprehensive App Reviews:</h4>
<p class="text-body-secondary">TinDog offers in-depth, unbiased reviews of the latest dog dating apps, evaluating their features, user experiences, and safety measures to help you choose the best platform for your furry friend.</p>
</div>
<div class="col d-flex flex-column gap-2">
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-dark fs-4 rounded-3">
<svg class="bi" width="1em" height="1em">
<use xlink:href="#gear-fill"></use>
</svg>
</div>
<h4 class="fw-semibold mb-0 text-body-emphasis">Tailored Socialization Guides:</h4>
<p class="text-body-secondary">Our extensive guides provide expert advice on creating the perfect profile, arranging safe and enjoyable meet-ups, and maximizing your dog's social experiences, ensuring every interaction is beneficial..</p>
</div>
<div class="col d-flex flex-column gap-2">
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-dark fs-4 rounded-3">
<svg class="bi" width="1em" height="1em">
<use xlink:href="#speedometer"></use>
</svg>
</div>
<h4 class="fw-semibold mb-0 text-body-emphasis">Safety and Wellness Tips:</h4>
<p class="text-body-secondary">Prioritizing your dog's well-being, we offer tips on safe interactions, recognizing signs of stress, and ensuring every meet-up is a positive experience, making socialization safe and enjoyable.</p>
</div>
<div class="col d-flex flex-column gap-2">
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center text-bg-primary bg-dark fs-4 rounded-3">
<svg class="bi" width="1em" height="1em">
<use xlink:href="#table"></use>
</svg>
</div>
<h4 class="fw-semibold mb-0 text-body-emphasis">Active Community Forums:</h4>
<p class="text-body-secondary">Our forums and social media channels offer a vibrant space for dog owners to connect, share advice, arrange playdates, and build meaningful relationships within a supportive community. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<section id="footer" class="gradient-background">
<div class="container py-5 mt-5">
<footer class="py-5">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>Home</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
<!-- <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> -->
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>About us</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
<!-- <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> -->
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Reviews</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Home</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Features</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Pricing</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
<!-- <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li> -->
</ul>
</div>
<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Email address</label>
<input id="newsletter1" type="text" class="form-control" placeholder="Email address">
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>© 2024 Company, Inc. All rights reserved.</p>
<ul class="list-unstyled d-flex">
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24">
<use xlink:href="#twitter"></use>
</svg></a></li>
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24">
<use xlink:href="#instagram"></use>
</svg></a></li>
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24">
<use xlink:href="#facebook"></use>
</svg></a></li>
</ul>
</div>
</footer>
</div>
</section>
</body>
</html>