forked from emersonwu/Ada-Dog-Pool-Staking-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
279 lines (258 loc) · 13.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
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
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ada Dog Pool - Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<link rel="stylesheet" href="css/jquery.timepicker.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="wrap">
<div class="container">
<div class="row">
<div class="col-md-6 d-flex justify-content-md-start">
<div class="change-language">
<p class="mb-0 d-flex">
<a href="index.html" class="d-flex align-items-center justify-content-center"><span>English</span></a>
<!-- <a href="index_spanish.html" class="d-flex align-items-center justify-content-center"><span>Español</span></a>
<a href="index_chinese.html" class="d-flex align-items-center justify-content-center"><span>中文</span></a> -->
</p>
</div>
</div>
<div class="col-md-6 d-flex justify-content-md-end">
<div class="social-media">
<p class="mb-0 d-flex">
<a href="https://twitter.com/adadogpool" class="d-flex align-items-center justify-content-center"><span class="fa fa-twitter"><i class="sr-only">Twitter</i></span></a>
<a href="https://t.me/ADA_DOG_POOL" class="d-flex align-items-center justify-content-center"><span class="fa fa-telegram"><i class="sr-only">Telegram</i></span></a>
<a href="https://www.youtube.com/channel/UC4HCWDd01sJg1eDbK9TYKpw" class="d-flex align-items-center justify-content-center"><span class="fa fa-youtube"><i class="sr-only">Youtube</i></span></a>
</p>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="images/dog logo.png" class="navbar-logo">Ada Dog Pool</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="fa fa-bars"></span> Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="team.html" class="nav-link">Meet the Team</a></li>
<li class="nav-item"><a href="how-to-stake.html" class="nav-link">How to Stake Cardano</a></li>
<li class="nav-item"><a href="what-is-staking.html" class="nav-link">What is Cardano Staking</a></li>
</ul>
</div>
</div>
</nav>
<!-- END nav -->
<div class="hero-wrap js-fullheight" style="background-image: url('images/bg_1.jpg');" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center" data-scrollax-parent="true">
<div class="col-md-11 ftco-animate text-center">
<h1 class="mb-4">Building a better world for dogs one trasaction at a time</h1>
<p><a href="#why_choose_us" class="btn btn-primary mr-md-4 py-3 px-4">Learn more <span class="ion-ios-arrow-forward"></span></a></p>
</div>
</div>
</div>
</div>
<section id="why_choose_us" class="ftco-section ftco-no-pt ftco-no-pb">
<div class="container">
<div class="row d-flex no-gutters">
<div class="col-md-5 d-flex">
<div class="img img-video d-flex align-self-stretch align-items-center justify-content-center justify-content-md-center mb-4 mb-sm-0" style="background-image:url(images/about-1.jpg);">
</div>
</div>
<div class="col-md-7 pl-md-5 py-md-5">
<div class="heading-section pt-md-5">
<h2 class="mb-4">Why Choose Us?</h2>
</div>
<div class="row">
<div class="col-md-6 services-2 w-100 d-flex">
<div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-stethoscope"></span></div>
<div class="text pl-3">
<h4>Reliable</h4>
<p>Enjoy the Top Quality of our DOG Pool with:
<br>- Highly secure Internet connection with LSA (ISP Grade)
<br>- ISP Grade internet connection.
<br>- Low latency.
<br>- Low fee of 1%.
<br>- Lowest Operating Cost.
</p>
</div>
</div>
<div class="col-md-6 services-2 w-100 d-flex">
<div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-emergency-call"></span></div>
<div class="text pl-3">
<h4>Safety</h4>
<p>Cardano addresses have separate keys for spending and staking. This means that if you decide to stake your ADA, they will never leave your wallet or be locked in for a term, you can un-stake at any time.</p>
</div>
</div>
<div class="col-md-6 services-2 w-100 d-flex">
<div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-veterinarian"></span></div>
<div class="text pl-3">
<h4>Technical Expertise</h4>
<p>The DOG POOL is managed by a group of young enthusiastic dogs lovers with IT and Engineering backgrounds</p>
</div>
</div>
<div class="col-md-6 services-2 w-100 d-flex">
<div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-customer-service"></span></div>
<div class="text pl-3">
<h4>Honesty</h4>
<p>We are honest and transparent with our activities. Both technical and charity related</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section bg-light ftco-faqs">
<div class="container">
<div class="row">
<div class="col-lg-6 order-md-last">
<div class="img img-video d-flex align-self-stretch align-items-center justify-content-center justify-content-md-center mb-4 mb-sm-0" style="background-image:url(images/about.jpg);">
<a href="https://www.youtube.com/watch?v=Ja9D0kpksxw" class="icon-video popup-youtube d-flex justify-content-center align-items-center">
<span class="fa fa-play"></span>
</a>
</div>
</div>
<div class="col-lg-6">
<div class="heading-section mb-5 mt-5 mt-lg-0">
<h2 class="mb-3">Frequently Asks Questions</h2>
<p>Below are some frequently asked questions, feel free to contact us if you have any others!</p>
</div>
<div id="accordion" class="myaccordion w-100" aria-multiselectable="true">
<div class="card">
<div class="card-header p-0" id="headingOne" role="tab">
<h2 class="mb-0">
<button href="#collapseOne" class="d-flex py-3 px-4 align-items-center justify-content-between btn btn-link" data-parent="#accordion" data-toggle="collapse" aria-expanded="true" aria-controls="collapseOne">
<p class="mb-0">What is Cardano Stake Delegation?</p>
<i class="fa" aria-hidden="true"></i>
</button>
</h2>
</div>
<div class="collapse show" id="collapseOne" role="tabpanel" aria-labelledby="headingOne">
<div class="card-body py-3 px-0">
<p>Delegation is the process by which ada holders delegate the stake associated with their ada to a stake pool. It allows ada holders that do not have the skills or desire to run a node to participate in the network and be rewarded in proportion to the amount of stake delegated.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header p-0" id="headingTwo" role="tab">
<h2 class="mb-0">
<button href="#collapseTwo" class="d-flex py-3 px-4 align-items-center justify-content-between btn btn-link" data-parent="#accordion" data-toggle="collapse" aria-expanded="false" aria-controls="collapseTwo">
<p class="mb-0">Why choose DOG Pool?</p>
<i class="fa" aria-hidden="true"></i>
</button>
</h2>
</div>
<div class="collapse" id="collapseTwo" role="tabpanel" aria-labelledby="headingTwo">
<div class="card-body py-3 px-0">
<p>Choosing us is one of the best things that you can do. When you choose us, we can help canine charities give a rescue dog a home, and prevent them being killed in inhumane ways! Help us to save another life and help people to gain a best friend. We believe that all together we can make dogs live much better.</p>
</div>
</div>
</div>
<div class="card">
<div class="card-header p-0" id="headingThree" role="tab">
<h2 class="mb-0">
<button href="#collapseThree" class="d-flex py-3 px-4 align-items-center justify-content-between btn btn-link" data-parent="#accordion" data-toggle="collapse" aria-expanded="false" aria-controls="collapseThree">
<p class="mb-0">How to stake with DOG Pool?</p>
<i class="fa" aria-hidden="true"></i>
</button>
</h2>
</div>
<div class="collapse" id="collapseThree" role="tabpanel" aria-labelledby="headingThree">
<div class="card-body py-3 px-0">
<p>Please join us and start to help our loyal best friends!</p>
<p>Staking means being a part of the transaction processing, allowing you to earn rewards by using Daedalus or Yoroi wallet. You just need to go to the Delegation Center, search for DOG from the list and click “delegate” and you can start earning rewards!</p>
<p><a href="how-to-stake.html">Click here for more information.</a></p>
</div>
</div>
</div>
<div class="card">
<div class="card-header p-0" id="headingFour" role="tab">
<h2 class="mb-0">
<button href="#collapseFour" class="d-flex py-3 px-4 align-items-center justify-content-between btn btn-link" data-parent="#accordion" data-toggle="collapse" aria-expanded="false" aria-controls="collapseFour">
<p class="mb-0">How does DOG Pool help dogs?</p>
<i class="fa" aria-hidden="true"></i>
</button>
</h2>
</div>
<div class="collapse" id="collapseFour" role="tabpanel" aria-labelledby="headingFour">
<div class="card-body py-3 px-0">
<ul>
<p>Dog Pool will contribute monthly part of the rewards to different canine charities and our mission is to:</p>
<li>Avoiding stray dogs being killed in the inhumane ways</li>
<li>Find sponsors for dogs so that they are to be placed in a safe shelter</li>
<li>Fundraise for vaccines, medicines and treatment ¸like surgeries, medications, post-operative accessories, food and castrations</li>
<li>Sponsor foundation that provide accommodation</li>
<li>Help our trustiest friends to find a new home</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Footer Start-->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3 mb-4 mb-md-0">
<h2 class="footer-heading">Have Questions?</h2>
<div class="block-23 mb-3">
<ul>
<li><a href="https://twitter.com/adadogpool"><span class="icon fa fa-twitter"></span><span class="text">AdaDogPool</span></a></li>
<li><a href="https://t.me/ADA_DOG_POOL"><span class="icon fa fa-telegram"></span><span class="text">ADA_DOG_POOL</span></a></li>
<li><a href="https://www.youtube.com/channel/UC4HCWDd01sJg1eDbK9TYKpw"><span class="icon fa fa-youtube"></span><span class="text">Ada Dog Pool</span></a></li>
</ul>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-md-12 text-center">
<p class="copyright"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib.com</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</div>
</div>
</footer>
<!--Footer End-->
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.timepicker.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>