-
Notifications
You must be signed in to change notification settings - Fork 3
/
faq.html
134 lines (124 loc) · 7.55 KB
/
faq.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
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>Therapets - Frequently Asked Questions</title>
<meta name="description" content="Therapets - Frequently Asked Questions">
<meta name="keywords" content="Therapets, animals, faq">
<meta name="author" content="Mark, Micha, Nattaya, Viktor">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/main.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="theme-color" content="#fafafa">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KZB6XFXT8B%22%3E"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-KZB6XFXT8B');
</script>
</head>
<!--THIS IS THE BODY -->
<body>
<!-- THIS IS THE HEADER -->
<header class="head">
<div class="header-logo">
<img class="pets" src="img/therapetslogo2.png" alt="Therapets logo" title="Therapets"></div>
<a href="#main-menu"
id="main-menu-toggle"
class="menu-toggle"
aria-label="Open main menu">
<span class="sr-only">Open main menu</span>
<span class="fa fa-bars" aria-hidden="true"></span>
</a>
<nav id="main-menu" class="main-menu" aria-label="Main menu">
<a href="#main-menu-toggle"
id="main-menu-close"
class="menu-close"
aria-label="Close main menu">
<span class="sr-only">Close main menu</span>
<span class="fa fa-close" aria-hidden="true"></span>
</a>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT US</a></li>
<li><a href="service.html">SERVICES</a></li>
<li><a href="faq.html">F.A.Q.</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
<a href="#main-menu-toggle"
class="backdrop"
tabindex="-1"
aria-hidden="true" hidden></a>
</header>
<!--THIS IS THE PARALLAX IMAGE -->
<div class="parallax">
</div>
<!--THIS IS THE FAQ CONTAINER -->
<div class="container">
<section class="section">
<h3>FREQUENTLY ASKED QUESTIONS</h3>
<h2>Answers to your most burning questions:</h2></section>
<div class="faq">
<input id='faq-a' type='checkbox'>
<label for='faq-a'>
<p class="faq-heading">What does the name Therapets mean?</p>
<div class='faq-arrow'></div>
<p class="faq-text">Therapets is a combination of the words <mark>"therapy"</mark> and <mark>"pets"</mark>. We offer a variety of animals that you can rent to treat anxiety, depression or other mental challenges (support animal).<br><br><span>Our animals don't replace actual therapy by a licensed professional.</span> Our services are complimentary to these types of treatment.</p>
</label>
<input id='faq-b' type='checkbox'>
<label for='faq-b'>
<p class="faq-heading">What services do you provide?</p>
<div class='faq-arrow'></div>
<p class="faq-text">Therapets has a wide range of different animals that can be rented by customers for emotional support or to combat loneliness. We currently have dogs, cats, ducks, fish, birds, bunnies, etc. (check with out for our most up to date list).<br><br>All our animals are either former stray animals or were previously injured and nursed back to health. When not rented out, we feed and take care of the animals.</p>
</label>
<input id='faq-c' type='checkbox'>
<label for='faq-c'>
<p class="faq-heading">Can anyone rent an animal from Therapets?</p>
<div class='faq-arrow'></div>
<p class="faq-text">To rent an animal you need to be a Belgian citizen over 18 and provide us with a copy of your ID. <span>We also ask for a deposit of EUR 200,-</span> that will be refunded upon safe return of the animal.<br><br>Since the animals are our number one priority, we reserve the right to refuse renting out any animal without specifying a reason.</p>
</label>
<input id='faq-d' type='checkbox'>
<label for='faq-d'>
<p class="faq-heading">What does it cost to rent an animal?</p>
<div class='faq-arrow'></div>
<p class="faq-text">Our most current pricelist can be found on the page <a href="about.html" title="Pricelist">About Us</a>.<br><br>There are no hidden costs, but be aware that we ask for a EUR 200,- deposit upon collecting the animal.</p>
</label>
<input id='faq-e' type='checkbox'>
<label for='faq-e'>
<p class="faq-heading">What happens if the animal gets sick or dies?</p>
<div class='faq-arrow'></div>
<p class="faq-text">We only provide healthy animals that are fed and taken care of by our team of professionals. However, if an animal in your care gets sick or dies you should <span>immediately notify our team</span> so they can start an investigation or pick up the animal. Failing to do so, or harming an animal on purpose, will result in you losing your deposit and possibly facing criminal charges.</p>
</label>
<input id='faq-f' type='checkbox'>
<label for='faq-f'>
<p class="faq-heading">Do you also deliver animals to my doorstep?</p>
<div class='faq-arrow'></div>
<p class="faq-text">No, we only hand out and collect animals in person. <mark>An animal is not a pizza!</mark></p>
</label>
</div>
</div>
<br>
<!--THIS IS THE FOOTER -->
<footer class="footer">
<a href="https://www.facebook.com/sharer/sharer.php?u=www.facebook.com/groups/410521276696815/" class="fa fa-facebook"></a>
<a href="https://twitter.com/intent/tweet?text=www.facebook.com/groups/410521276696815/" class="fa fa-twitter"></a>
<p class="footer-text">
© 2021 - Mark, Micha, Nattaya, Viktor. All right reserved.</p>
</footer>
<script src="js/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
</body>
</html>