-
Notifications
You must be signed in to change notification settings - Fork 3
/
about.html
166 lines (150 loc) · 7.17 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Therapets - About</title>
<meta name="description" content="Therapets - About Us">
<meta name="keywords" content="Therapets, animals, about">
<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>
<!-- THESE ARE SIDE CARDS -->
<div class="container1">
<aside class="offer2">
<h5>Where can you find us?</h5>
<section>
<p class="p1">Click below to see our location and "Contact"</p>
<a href="contact.html">
<img src="img/black-white-dog.jpeg" alt="Group of different kind of animals" title="Contact"
class="img2"></a>
</section>
<h5>What do we offer?</h5>
<section>
<p class="p1">Click below to see "Our Services"</p>
<a href="service.html">
<img src="img/grey-dog.jpeg"
alt="Group of different kind of animals" title="Our Services"
class="img2">
</a>
</section>
</aside>
<section class="sec">
<!-- THIS IS THE MAIN INFORMATION -->
<h3>Who we are</h3>
<section id="img">
<img src="img/all-pets.jpeg" alt="Group of different kind of animals" title="TeraPet"
class="img3"><br><br>
<h4>We love animals and we love people. <br>
This project was created to support and develop the connection between
this two worlds.</h4>
<hr>
<p class="p"> We operate as a combination of a <span>shelter</span> and a <span>rescue station</span> for
domestic and wild animals. Once accepted,<span> our goal </span>is to <span>take care</span> of
integration, socialization, training,
health care and subsequent recovery. We believe that all animals deserves to be treated fairly.</p>
<p class="p"> These animals can after help people through therapy to help with <em>grief, loneliness </em> and other<em>
emotional distress.</em> In the same way,
<mark> people can help</mark>
<em>sad, lonely</em> animal individuals who would appreciate some attention, the human touch and even the warmth
of their new home.<span>That is how both parties may benefit from each other.</span></p>
</section>
<section class="sec">
<h3>Why do we do this?</h3>
<p class="p">The idea is based on the fact that both groups, animals and people, are naturally social individuals
who like contact. Unfortunately, we humans and also animals can find ourselves in difficult life situations,
where the company of one and the other can help us mentally and physically.</p>
</section>
<section class="sec">
<h3>Why pet therapy?</h3>
<p class="p">Pet therapy is used to help improve patients mental, social, emotional and physical functions.<br>Animals
by their nature are non judgmental, compassionate, making them the perfect therapists and companions.</p>
<h3>Where the animal we are offering coming from?</h3>
<ul class="animalsource">
<li><span>Stray</span> animals</li>
<li><span>Injured</span> animals - also wild ones, who are nursed back to health but not able to survive
back in the wild
</li>
<li><span>Rejected animals </span> - for any reason by their previous owner</li>
</ul>
</section>
<!-- THIS IS SIDE INFORMATION -->
<section class="offer">
<h5>Where can you find us?</h5>
<h4>Click below to see our location and "Contact"</h4>
<a href="contact.html">
<img src="img/black-white-dog.jpeg" alt="Group of different kind of animals" title="Contact"
class="img1"></a>
<h5>What do we offer?</h5>
<h4>Click below to see "Our Services"</h4>
<a href="service.html">
<img src="img/grey-dog.jpeg"
alt="Group of different kind of animals" title="Our Services"
class="img1">
</a>
</section></section>
<!--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>
</div></body>
</html>