-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprivacy.html
More file actions
120 lines (117 loc) · 6.08 KB
/
privacy.html
File metadata and controls
120 lines (117 loc) · 6.08 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="shortcut icon" type="image/png" href="img/favicon.png">
<title>Privacy Policy | Natours</title>
</head>
<body>
<div class="navigation">
<input id="navi-toggle" class="navigation__checkbox" type="checkbox">
<label for="navi-toggle" class="navigation__button">
<span class="navigation__icon"> </span>
</label>
<div class="navigation__background"> </div>
<nav class="navigation__nav">
<ul class="navigation__list">
<li class="navigation__item"><a href="index.html" class="navigation__link"><span>00</span>Home</a></li>
<li class="navigation__item"><a href="company.html" class="navigation__link"><span>01</span>Company</a>
</li>
<li class="navigation__item"><a href="contact.html" class="navigation__link"><span>02</span>Contact</a>
</li>
<li class="navigation__item"><a href="careers.html" class="navigation__link"><span>03</span>Careers</a>
</li>
<li class="navigation__item"><a href="privacy.html" class="navigation__link"><span>04</span>Privacy</a>
</li>
<li class="navigation__item"><a href="terms.html" class="navigation__link"><span>05</span>Terms</a>
</li>
</ul>
</nav>
</div>
<header class="header">
<div class="header__logo-box">
<img class="header__logo" src="img/logo-white.png" alt="logo">
</div>
<div class="header__text-box">
<h1 class="heading-primary">
<span class="heading-primary--main">Natours</span>
<span class="heading-primary--sub">Privacy Policy</span>
</h1>
<a class="btn btn--white btn--animated" href="index.html">Back to Home</a>
</div>
</header>
<main class="main">
<section class="section-hero u-margin-bottom-big">
<div class="u-center-text u-margin-bottom-big">
<h2 class="heading-secondary">Your Data, Your Trust</h2>
</div>
<picture>
<source srcset="img/768x1024/nat-8-768x1024.webp" media="(min-width: 769px)">
<source srcset="img/320x480/nat-8-320x480.webp" media="(max-width: 768px)">
<img src="img/nat-8.jpg" alt="Privacy" style="width:100%;max-width:600px;display:block;margin:0 auto;">
</picture>
</section>
<section class="section-content u-margin-bottom-big">
<div class="row">
<div class="col-1-of-1">
<h2 class="heading-secondary">How We Protect Your Data</h2>
<p class="paragraph">At Natours, your privacy is our top priority. We are committed to protecting
your personal information and being transparent about how we use it. This policy explains what
data we collect, how we use it, and your rights regarding your information.</p>
<ul class="paragraph">
<li>We only collect data necessary for booking and communication.</li>
<li>Your data is stored securely and never sold to third parties.</li>
<li>We use industry-standard encryption and security practices.</li>
<li>You can request, update, or delete your data at any time.</li>
<li>Cookies are used only to improve your experience on our site.</li>
</ul>
</div>
</div>
</section>
<section class="section-gallery u-margin-bottom-big">
<div class="row">
<div class="col-1-of-2">
<picture>
<source srcset="img/768x1024/nat-9-768x1024.webp" media="(min-width: 769px)">
<source srcset="img/320x480/nat-9-320x480.webp" media="(max-width: 768px)">
<img src="img/nat-9.jpg" alt="Data Security" style="width:100%;max-width:400px;">
</picture>
</div>
<div class="col-1-of-2">
<h3 class="heading-tertiary">Your Rights</h3>
<p class="paragraph">You have the right to access, correct, or delete your personal data. If you
have any questions or requests regarding your privacy, please contact us at <a
href="mailto:privacy@natours.com">privacy@natours.com</a>.</p>
</div>
</div>
</section>
<section class="section-cta u-center-text">
<h2 class="heading-secondary">Questions?</h2>
<p class="paragraph">If you have any questions about our privacy policy, please reach out. We are here to
help and ensure your data is safe with us.</p>
</section>
</main>
<footer class="footer">
<div class="footer__logo-box">
<picture class="footer__logo">
<source srcset="img/logo-green-small-1x.png 1x, /img/logo-green-2x.png 2x" media="(max-width: 37.5em)">
<img class="footer__logo" srcset="img/logo-green-1x.png 1x, /img/logo-green-2x.png 2x"
src="img/logo-green-2x.png" alt="Full logo">
</picture>
</div>
<div class="row">
<div class="col-1-of-2">
<p class="footer__copyright">
Built by <a href="#" class="footer__link">Jakub</a> while completing the <a href="#"
class="footer__link">Advanced CSS and Sass</a> course by Jonas Schmedtmann — successfully
finished. © 2026.
</p>
</div>
</div>
</footer>
<script src="main.js" defer></script>
</body>
</html>