-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
256 lines (233 loc) · 11.8 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
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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Tchi – Hotel Booking</title>
<!-- configuration -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="format-detection" content="telephone=no"/>
<meta name="format-detection" content="address=no"/>
<meta name="author" content="Dali-habib-mariem" />
<meta name="description" content="Tchi —Une réservation d'hôtel moderne" />
<link rel="shortcut icon" href="assets/images/favicons/favicon.png" type="image/png">
<!-- appel css -->
<link rel="stylesheet" type="text/css" href="assets/styles/style.css"/>
<link rel="stylesheet" type="text/css" href="assets/demo/style-demo.css"/>
</head>
<body>
<!-- Preloader loding page appel -->
<div class="preloader">
<div class="preloader__wrap">
<div class="preloader__progress"><span></span></div>
</div>
</div>
<!-- Header -->
<header class="header">
<nav class="navbar navbar-white navbar-overlay">
<a class="logo-link" href="home.html">
<img class="logotype" src="assets/images/ui/logo.png" alt="Tchi">
</a>
<div class="navbar__menu">
<button class="hamburger" type="button">
<span></span>
<span></span>
</button>
<ul class="nav">
<li class="nav__item "><a class="nav__link" href="rooms.html"><span data-hover="Rooms">Chambres</span></a></li>
<li class="nav__item "><a class="nav__link" href="gallery.html"><span data-hover="Gallery">Galerie</span></a></li>
<li class="nav__item is-current"><a class="nav__link" href="about.html"><span data-hover="About Us">A propos</span></a></li>
<li class="nav__item"><a class="nav__link" href="404.html"><span data-hover="Event">Évènement</span></a></li>
<li class="nav__item"><a class="nav__link" href="contact.html"><span data-hover="Contact Us">Contact </span></a></li>
<li class="nav__item"><a class="btn btn__medium" href="reservations.html"><i class="btn-icon-left icon-bookmark"></i>Reservations</a></li>
</ul>
</div>
<div class="navbar__btn">
<a class="btn btn__medium" href="reservations.html"><i class="btn-icon-left icon-bookmark"></i>Reservations</a>
</div>
</nav>
</header>
<!-- Content -->
<main class="main">
<!-- Intro -->
<section class="intro">
<div class="intro__bg-wrap">
<div class="overlay intro__bg js-image js-parallax js-scale-down" data-image="assets/images/intro_about.jpg"></div>
</div>
<div class="container intro__container">
<div class="row h-100 align-items-center">
<div class="col-12 col-md-12 col-xl-8">
<span class="title title--overhead text-white js-lines">Bienvenue à l'hôtel Tchi</span>
<h1 class="title title--display-1 js-lines">A propos de Tchi</h1>
</div>
</div>
</div>
<!-- Scroll To -->
<a class="scroll-to" href="%21.html#about">Défiler vers le bas<span class="scroll-to__line"></span></a>
</section>
<!-- /Intro -->
<!-- Contact info -->
<div class="bottom-panel height-md-auto">
<div class="bottom-panel__wrap">
<div class="row h-100 align-items-center">
<div class="col-12">
<div class="row ">
<div class="col-12 col-md-6 col-lg-4 mb-2 mb-sm-4 mb-md-0">
<div class="bottom-panel-title">Vous avez des questions?</div>
<span class="bottom-panel-info">habibtchi91@gmail.com</span>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-2 mb-sm4 mb-md-0">
<div class="bottom-panel-title">Pour les partenaires</div>
<span class="bottom-panel-info">habibtchi91@gmail.com</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /Contact info -->
<!-- Section About Us -->
<section id="about" class="container section">
<div class="row">
<div class="col-12 col-lg-5">
<span class="title title--overhead js-lines">
Notre histoire</span>
<h1 class="title title--h1 js-lines">Une brève histoire de l'hôtel de Tchi.</h1>
</div>
<div class="col-12 col-lg-6 offset-lg-1 offset-top">
<p class="paragraph js-scroll-show">Le climat subtropical humide, les hautes montagnes, la végétation exotique, les plages sans fin, les parcs nationaux, l'architecture historique, les sites d'attraction passionnants, les festivals d'art et l'environnement multiculturel animé font de Sotchi une destination de villégiature de premier plan.</p>
<p class="paragraph js-scroll-show">Tchi a beaucoup à offrir à tous ceux qui aiment la nature, les sports, l'histoire, les loisirs sur la plage ensoleillée et les aventures actives. Il y a trop de choses à faire et trop de choses à voir à Tchi pour que vous ne vous ennuyiez jamais.</p>
</div>
<div class="slider-about col-fullwidth swiper-container">
<div class="swiper-wrapper">
<!-- Slide 1 -->
<div class="swiper-slide">
<div class="coverSlider js-image" data-image="assets/images/image_header_04.jpg"></div>
</div>
<!-- Slide 2 -->
<div class="swiper-slide">
<div class="coverSlider js-image" data-image="assets/images/about_image_02.jpg"></div>
</div>
<!-- Slide 3 -->
<div class="swiper-slide">
<div class="coverSlider js-image" data-image="assets/images/image_header_04.jpg"></div>
</div>
<!-- Slide 4 -->
<div class="swiper-slide">
<div class="coverSlider js-image" data-image="assets/images/image_header_03.jpg"></div>
</div>
</div>
<!-- Navigation -->
<div class="swiper-control-center">
<div class="swiper-control swiper-control--bottom">
<div class="slash">
<div class="swiper-button-next swiper-button-square"><i class="icon-chevron-left"></i></div>
<div class="swiper-button-prev swiper-button-square"><i class="icon-chevron-right"></i></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section Approach -->
<section class="container section">
<div class="row mb-4 mb-md-5">
<div class="col-12">
<span class="title title--overhead js-lines">Que proposons-nous
</span>
<h1 class="title title--h1 js-lines">Notre approche.</h1>
</div>
</div>
<!-- Item Approach -->
<div class="row item-approach" data-approach="01">
<div class="col-12 col-lg-6">
<h3 class="title title--h3 js-lines">Qualité du service</h3>
</div>
<div class="col-12 col-lg-6">
<p class="paragraph js-scroll-show">La qualité du service dans le secteur hôtelier devient l’un des facteurs les plus importants pour gagner un avantage concurrentiel durable et la confiance des clients dans le marché hautement concurrentiel, et par conséquent, la qualité du service peut donner au secteur hôtelier une grande chance de créer une différenciation concurrentielle pour les organisations.</p>
<p class="paragraph js-scroll-show">Un hôtel prospère offre un service d'excellente qualité aux clients et la qualité du service est considérée comme la vie de l'hôtel.</p>
</div>
</div>
<!-- Item Approach -->
<div class="row item-approach" data-approach="02">
<div class="col-12 col-lg-6">
<h3 class="title title--h3 js-lines">Personnel amical</h3>
</div>
<div class="col-12 col-lg-6">
<p class="paragraph js-scroll-show">Les clients satisfaits sont des clients fidèles. Non seulement il est important pour nous de fournir un service exceptionnel, mais aussi des produits impressionnants. </p>
<p class="paragraph js-scroll-show">Le concept le plus important de la satisfaction du client accepté partout dans le monde est la théorie de la non-confirmation des attentes. Cette théorie a été présentée par Oliver, il a dit que le stade de satisfaction est le résultat de la distinction entre la performance anticipée et supposée. </p>
</div>
</div>
<!-- Item Approach -->
<div class="row item-approach item-approach__last" data-approach="03">
<div class="col-12 col-lg-6">
<h3 class="title title--h3 js-lines">Satisfaction du clients</h3>
</div>
<div class="col-12 col-lg-6">
<p class="paragraph js-scroll-show">La satisfaction client est un concept psychologique qui implique le sentiment de bien-être et de plaisir qui résulte de l'obtention de ce que l'on espère et attend d'un produit et / ou service attrayant. La définition de la satisfaction client est basée sur le point de vue de la non-confirmation des attentes!</p>
</div>
</div>
</section>
<!-- Section Video -->
<div class="section">
<div class="video-container js-video youtube-video-place" data-yt-url="https://www.youtube.com/embed/HSsqzzuGTPo?autoplay=1&">
<div class="video__poster js-image js-parallax" data-image="assets/images/cover_video.jpg">
<button class="video__btn" type="button"></button>
</div>
<div class="video-note">
<div class="bottom-panel-title">Hotel Tchi</div>
<span class="bottom-panel-info">
Commencez votre incroyable voyage.</span>
</div>
</div>
</div>
<!-- Section CTA -->
<section class="container section">
<div class="row cta-simply">
<div class="col-12 col-lg-7">
<h2 class="title title--h2">
Faites place à l'aventure.</h2>
<p class="paragraph">Réservez votre chambre dès maintenant et commencez votre incroyable aventure pleine de découvertes et d'expériences avec Tchi.</p>
<a href="reservations.html" class="btn btn__large">Reservations <i class="btn-icon-right icon-arrow-special"></i></a>
</div>
</div>
</section>
</main>
<!-- /Content -->
<!-- Footer -->
<footer class="footer">
<div class="footer__left">
<ul class="footer__info">
<li>© 2021 Tchi Hotel créer par Dali-Habib-Mariem </li>
</ul>
</div>
<ul class="footer__social">
<li><a href="#" class="social-link"><i class="icon-facebook-alt"></i></a></li>
<li><a href="#" class="social-link"><i class="icon-twitter-alt"></i></a></li>
<li><a href="#" class="social-link"><i class="icon-instagram"></i></a></li>
</ul>
</footer>
<!-- Button Live Chat -->
<a href="reservations.html"><div class="btn-floating js-show-to-scroll"><i class="icon-bubble"></i></div></a>
<!-- Demo Menu -->
<div class="btnSlideNav slideOpen"></div>
<div class="btnSlideNav slideClose"></div>
<ul class="slideNav">
<li class="slideNav__item rtl-mode"><h2 class="title title--3">TCHI HOTEL</h2>
<li class="slideNav__item"><a href="home.html">Acceuil</a></li>
<li class="slideNav__item"><a href="rooms.html">Chambres</a></li>
<li class="slideNav__item"><a href="about.html">A propos</a></li>
<li class="slideNav__item"><a href="gallery.html"> Galerie</a></li>
<li class="slideNav__item"><a href="404.html">Évènement</a></li>
<li class="slideNav__item"><a href="contact.html">Contact</a></li>
<li class="slideNav__item"><a href="reservations.html">Reservations</a></li>
</ul>
<div class="overlay-slideNav"></div>
<!-- Demo Menu -->
<!-- JavaScripts -->
<script src="assets/js/jquery-3.4.1.min.js"></script>
<script src="assets/js/plugins.min.js"></script>
<script src="assets/js/common.js"></script>
<script src="assets/demo/plugins-demo.js"></script>
</body>
</html>