generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
cookiepolicy.html
219 lines (195 loc) · 10.5 KB
/
cookiepolicy.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="Description" content="Author: Cian O'Connor, LingLang's Cookie policy.">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!--BootStrap-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
<!--Fontawesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<!--Hover css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover.css">
<!--My Style Sheet-->
<link rel="stylesheet" href="assets/css/styles.css">
<!--favicons icons for title -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
<link rel="manifest" href="assets/img/favicons/site.webmanifest">
<title>Cookie Policy</title>
</head>
<body>
<!--NavBar Section here-->
<nav class="navbar bg-color-navbar navbar-expand-sm container-fluid sticky-top">
<a href="index.html" class="navbar-brand nav-text-color" id="logo-nav"><img src="assets/img/logos/LingLang.png"
class="linglanglogo" alt="linglanglogo" /></a>
<button class="navbar-toggler nav-text-color ml-auto navbar-dark" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse nav-text-color" id="navbarNavDropdown">
<ul class="navbar-nav mr-auto" >
<li class="nav-item mr-2" data-toggle="collapse" data-target=".navbar-collapse.show">
<a href="index.html" class="nav-link nav-text-color book-button hvr-grow-shadow"><i class="fas fa-home fa-lg"></i> Home</a>
</li>
<li class="nav-item mr-2" data-toggle="collapse" data-target=".navbar-collapse.show" >
<a href="#playgame" data-toggle="modal" data-target="#staticBackdrop1" class="nav-link nav-text-color book-button hvr-grow-shadow" ><i class="fas fa-play fa-lg"></i> Play Game</a>
</li>
<li class="nav-item mr-2" data-toggle="collapse" data-target=".navbar-collapse.show">
<a href="index.html#contact" class="nav-link nav-text-color book-button hvr-grow-shadow"><i class="fas fa-id-card fa-lg"></i> Contact Us</a>
</li>
<li class="nav-item mr-2" data-toggle="collapse" data-target=".navbar-collapse.show">
<a href="aboutus.html" class="nav-link nav-text-color book-button hvr-grow-shadow"><i class="fas fa-users fa-lg"></i> About Us</a>
</li>
<li class="nav-item mr-2" data-toggle="collapse" data-target=".navbar-collapse.show">
<a href="index.html#location" class="nav-link nav-text-color book-button hvr-grow-shadow"><i class="fas fa-map-marker-alt fa-lg"></i> Map</a>
</li>
<li class="nav-item mr-2" data-toggle="collapse" data-target=".navbar-collapse.show">
<a href="index.html#signup" class="signup-button-nav nav-link badge-pill hvr-grow-shadow">Sign up!</a>
</li>
</ul>
</div>
</nav>
<!-- Navbar Modal For Game selection -->
<div class="modal fade" id="staticBackdrop1" data-backdrop="static" data-keyboard="false" tabindex="-1"
aria-labelledby="staticBackdropLabel1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel1">Select a Game</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class=" dropdown-item hvr-glow" role="link" data-toggle="collapse"
data-target="#collapseEnglishMj" aria-expanded="false" aria-controls="collapseEnglishMj">
Instructions
</div>
<div class="collapse" id="collapseEnglishMj">
<div class="card card-body">
<p>
You must match the animals with the spelling. <br> For example:<br>
<br>
🐘 = Elephant <br>
🐅 = Tiger
<br><br>Try out our game in English, French or Spanish. <br> Click below!
</p>
</div>
</div>
<a class="dropdown-item hvr-glow" href="cardGameEnglish.html">In English</a>
<a class="dropdown-item hvr-glow" href="cardGameFrench.html">In French </a>
<a class="dropdown-item hvr-glow" href="cardGameSpanish.html">In Spanish </a>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!--Cookie Policy-->
<!--This Cookies Policy was created with the help of the Cookies Policy Generator from CookiePolicyGenerator.com-->
<section class="container-fluid">
<div class="row">
<div class="col-12 ">
<h2 class="mt-5">Cookie Policy for LingLang</h2> <br>
This is the Cookie Policy for LingLang, accessible from https://alexnexton.github.io/MS2-LingLang/ <br><br>
<h4>What Are Cookies</h4> <br>
As is common practice with almost all professional websites this site uses cookies, which are tiny files that are downloaded to your computer,
to improve your experience. This page describes what information they gather, how we use it and why we sometimes need to store these cookies.
We will also share how you can prevent these cookies from being stored however this may downgrade or 'break' certain elements of the sites functionality.
For more general information on cookies, please read <a href="https://en.wikipedia.org/wiki/HTTP_cookie" target="_blank">"What Are Cookies"</a>.
<br><br>
<h4>How We Use Cookies </h4><br>
We use cookies for a variety of reasons detailed below.
Unfortunately in most cases there are no industry standard options for disabling cookies without completely disabling the
functionality and features they add to this site.
It is recommended that you leave on all cookies if you are not sure whether you need them or not in case they are used to provide a service that you use.
<br><br>
<h4>Disabling Cookies </h4><br>
You can prevent the setting of cookies by adjusting the settings on your browser (see your browser Help for how to do this).
Be aware that disabling cookies will affect the functionality of this and many other websites that you visit.
Disabling cookies will usually result in also disabling certain functionality and features of the this site.
Therefore it is recommended that you do not disable cookies.
<br><br>
<h4>The Cookies We Set</h4><br>
Site preferences cookies
<br><br>
In order to provide you with a great experience on this site we provide the functionality to set your preferences for how this site runs when you use it.
In order to remember your preferences we need to set cookies so that this information can be called whenever you interact with a page is affected by your preferences.
<br><br>
<h4>Third Party Cookies</h4><br>
In some special cases we also use cookies provided by trusted third parties.
The following section details which third party cookies you might encounter through this site.
<br>
We also use social media buttons and/or plugins on this site that allow you to connect with your social network in various ways.
For these to work the following social media sites including; {Facebook, Twitter, Instagram and Google:},
will set cookies through our site which may be used to enhance your profile on their site or contribute to the data they hold for various purposes outlined in their
respective privacy policies.
<br><br>
<h4>More Information</h4><br>
Hopefully that has clarified things for you and as was previously mentioned
if there is something that you aren't sure whether you need or not it's usually
safer to leave cookies enabled in case it does interact with one of the features you use on our site.
<br><br>
However if you are still looking for more information then you can contact us through one of our preferred contact methods:
<br><br>
Click <strong>'Contact Us'</strong> located in the Navbar. <br>
or <br>
<strong>Email: LingLang@gmail.com</strong>
</div></div>
</section>
<hr>
<!--=======================================================================================Footer Section here-->
<footer class="container-fluid over-flow text-center" id="footerbg">
<div class="row">
<div class="col-lg-4 d-none d-sm-block d-md-none d-lg-block">
<p>
<i class=" fas fa-phone-square-alt"></i> +351 135 71113 <br>
<i class="fas fa-envelope mt-3"></i> LingLang@gmail.com
</p>
</div>
<div class="col-lg-4 ">
<ul class="list-inline social-links">
<li class="list-inline-item">
<a rel="noopener" href="https://www.facebook.com/" target="_blank">
<i class="fab fa-facebook-square" aria-hidden="true"></i>
<span class="sr-only">Facebook.</span>
</a>
</li>
<li class="list-inline-item">
<a rel="noopener" href="https://twitter.com/" target="_blank">
<i class="fab fa-twitter-square" aria-hidden="true"></i>
<span class="sr-only">Twitter.</span>
</a>
</li>
<li class="list-inline-item">
<a rel="noopener" href="https://www.instagram.com/" target="_blank">
<i class="fab fa-instagram" aria-hidden="true"></i>
<span class="sr-only">Instagram.</span>
</a>
</li>
</ul>
</div>
<div class="col-lg-4 d-none d-lg-block d-none d-xl-block">
<p><i class="fas fa-map-marker-alt"></i> LingLang, DonnyBrook, <br>Douglas, <br> Cork, Ireland </p>
<br />
</div>
</div>
<div class="row">
<div class="col-12 d-sm-none d-md-block d-lg-none">
<p>
<i class=" fas fa-phone-square-alt"></i> +351 135 71113 <br>
<i class="fas fa-envelope mt-3"></i> LingLang@gmail.com
</p>
</div>
</div>
</footer>
<!--Script tags-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.min.js"></script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
</body>
</html>