-
Notifications
You must be signed in to change notification settings - Fork 1
/
about-us.html
213 lines (195 loc) · 8 KB
/
about-us.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
type="text/css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
type="text/css" />
<script src="https://kit.fontawesome.com/feb2e0f3cb.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/style.css">
<title>Après Ski</title>
</head>
<body>
<!---Normal Nav Bar-->
<!--From Bootstrap-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark non-transparent">
<a class="navbar-brand" href="index.html" style="border-bottom: white;">
<h2 class="title-standard">APRÈS SKI</h2>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center ml-5 standard-nav" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="resorts.html">Resorts</a>
</li>
<li class="nav-item">
<a class="nav-link current-page" href="about-us.html">About us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="booking-page.html">Book your holiday</a>
</li>
</ul>
<div class="languages ml-auto standard-nav">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-globe"></i>Language
</a>
<div class="dropdown-menu dropdown-menu-normal" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item dropdown-normal" id="lang-option" href="about-us.html">English
<img src="assets/images/british-flagx.jpg" alt="English" class="lang-icons"></a>
<a class="dropdown-item dropdown-normal" id="lang-option"
href="about-us_esp.html">Español
<img src="assets/images/flag-espx.jpg" alt="English" class="lang-icons"></a>
</div>
</li>
</ul>
</div>
</div>
</nav>
<!---About us section-->
<!--Contains inbuilt classes from Bootstrap-->
<section id="section-header">
<a id="about-us"></a>
<div class="row text-center">
<div class="col">
</div>
<div class="col-6">
<h1 class="display-4">About us</h1>
</div>
<div class="col">
</div>
</div>
</section>
<section id="about-us">
<div class="container about-us-questions text-center">
<div class="row">
<div class="col-md-6 border1">
<h5 class="info-title">Who are we?</h5>
<p>Founded over 12 years ago by a team of veteran Skiers and Snowboarders, Aprés Ski was created for
the
sole purpose of providing the best mountain holidays at reasonable prices. <br>
<br>
Aprés Ski runs holidays
across four different countries in Europe for University clubs, Societies and small individual
groups from 10 to 1,000 passengers.</p>
</div>
<div class="col-md-6">
<h5 class="info-title">Why choose us?</h5>
<p>We have the expertise and experience to make your time on the slopes as fun and stress free as
possible and help you get the most out of your holiday. So, you needn’t look any further as you
will be in good hands.
We also arrange a variety of socials and events in the evenings so that you can catch up with
friends and relax after spending all day on the snow. <br>
<br> Also we have agreements with restaurants, nightclubs and bars across all six resorts enabling us to offer great group bookings at affordable prices.</p>
</div>
</div>
</div>
</section>
<!--How it works-->
<!--Contains inbuilt classes from Bootstrap-->
<section id="the-process">
<div class="container" id="how-it-works-header">
<div class="row">
<!--Sub heading-->
<div class="col">
</div>
<div class="col">
<h3 class="process-header">How it works..</h3>
</div>
<div class="col">
</div>
</div>
</div>
<div class="container" id="process-icons">
<div class="row">
<div class="col-sm-3 text-center">
<i class="fas fa-mobile-alt"></i>
<h5 class="icon-title">Get a Quote</h5>
<p>Complete the booking section and one of our advisors will contact you within 24 hours to provide
you with a full quote. </p>
</div>
<div class="col-sm-3 text-center">
<i class="fas fa-map-marked-alt"></i>
<h5 class="icon-title">Choose a resort</h5>
<p>Let us know what you are looking for in a resort and we will help you pick the one right for you.
</p>
</div>
<div class="col-sm-3 text-center">
<i class="fas fa-plane-departure"></i>
<h5 class="icon-title">Travel options</h5>
<p>Whether you want to travel by train, bus or coach we can help provide you with the best options
for all group sizes.</p>
</div>
<div class="col-sm-3 text-center">
<i class="fas fa-wine-bottle"></i>
<h5 class="icon-title">Party & Experience</h5>
<p>Party and event planning are our forte and we can help you plan the most unforgettable events in
the mountains.</p>
</div>
</div>
</div>
</section>
<!---Footer-->
<!--Contains inbuilt classes from Bootstrap-->
<footer>
<div class="row text-center footer">
<div class="col-md-3">
<h5 class="footer-title">APRÈS SKI LTD</h5>
<p>1040 B Avenida Paseo, La Habana, Cuba</p>
</div>
<div class="col-md-6">
<a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f footer-icon"></i></a>
<a href="https://twitter.com/explore" target="_blank"><i class="fab fa-twitter footer-icon"></i></a>
<a href="https://www.youtube.com/" target="_blank"><i class="fab fa-youtube footer-icon"></i></a>
<a href="https://www.instagram.com/?hl=en"
target="_blank"><i class="fab fa-instagram footer-icon"></i></a>
</div>
<div class="col-md-3">
<a href="assets/images/privacy-policy1.pdf" target="_blank" class="pp-pdf">
<p class="privacy-policy">Privacy Policy <i class="fas fa-download pp-icon"></i></p>
<span class="sr-only">Download our Privacy Policy.</span>
</a>
<a href="assets/images/terms-and-conditions.pdf" target="_blank" class="pp-pdf">
<p class="privacy-policy">Terms and Conditions<i class="fas fa-download pp-icon"></i></p>
<span class="sr-only">Download our Terms and Conditions.</span>
</a>
<a href="assets/images/data-protection-and-data-security-policy.pdf" target="_blank" class="pp-pdf">
<p class="privacy-policy">Data Potection and Data Security
Policy<i class="fas fa-download pp-icon"></i></p>
<span class="sr-only">Data Potection and Data Security Policy.</span>
</a>
</div>
</div>
<div class="container-fluid">
<div class="row copyright">
<div class="col-sm">
</div>
<div class="col-sm">
<p class="copyright">Copyright © 2020 Après Ski LTD All rights reserved</p>
</div>
<div class="col-sm">
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous">
</script>
</body>
</html>