-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (115 loc) · 6.09 KB
/
index.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
<!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="css/style2.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
<title>Document</title>
</head>
<body>
<header>
<div class="headerdiv">
<img src="../crimea-house/assets/img/logo-chaika.png" class="logo" alt="logotype">
</div>
</header>
<nav>
<div class="navdiv">
<div class="container">
<ul>
<li>ГЛАВНАЯ</li>
<li>ФОТОГРАФИИ</li>
<li>КОМНАТЫ</li>
</ul>
</div>
</div>
</nav>
<main>
<div class="sect parallax">
</div>
<div class="sect desc">
<div class="container">
<h1>ГЛАВНАЯ</h1>
<p><br><strong>Добро пожаловать в гостиницу "Чайка"!</strong>
<br><br>В "Чайке" вы найдете целую массу удобств! Комфортные номера, красивый вид и море поблизости!
<br><br>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus explicabo earum cum voluptates quaerat deserunt at consequatur laborum recusandae fugit illum ad beatae facere sint quisquam, atque libero, nobis perferendis assumenda
sapiente necessitatibus blanditiis, adipisci velit? Nemo natus repudiandae nostrum commodi assumenda ipsa praesentium laborum aperiam eaque officia, id eos error ratione ducimus qui sequi corrupti tenetur nam veniam iure soluta voluptatum
doloribus! Perspiciatis, distinctio! Eveniet at ex sint expedita voluptate iusto error quaerat in tempora harum, officiis omnis praesentium autem delectus dolorum ducimus, ut neque voluptatem quod. Necessitatibus vitae reprehenderit
repellat dolorem exercitationem aliquam molestias odio laudantium maxime cupiditate.</p>
</div>
</div>
<div class="sect parallax">
<video autoplay loop muted poster="assets/img/design/pic2.jpg" id="videobg">
<source src="https://scontent-arn2-1.cdninstagram.com/v/t50.2886-16/66165011_154414285681903_7278850201689082514_n.mp4?_nc_ht=scontent-arn2-1.cdninstagram.com&_nc_cat=107&_nc_ohc=EMmnCNBbggYAX9EP4m1&oe=5E042129&oh=d67e94271e0e22fc21fdcb13d61538a4" type="video/mp4">
</video>
</div>
<div class="sect gallery">
<!-- <div class="photoview"></div> -->
<div class="container">
<h1>ФОТОГРАФИИ</h1>
<img src="assets/img/out/ph9.jpeg" alt="" class="album">
<img src="assets/img/out/ph4.jpeg" alt="" class="album">
<img src="assets/img/out/ph16.jpg" alt="" class="album">
<img src="assets/img/out/ph8.jpeg" alt="" class="album">
<img src="assets/img/out/ph10.jpg" alt="" class="album">
<img src="assets/img/out/ph12.jpg" alt="" class="album">
<img src="assets/img/out/ph13.jpg" alt="" class="album">
<img src="assets/img/out/ph14.jpg" alt="" class="album">
<img src="assets/img/out/ph15.jpg" alt="" class="album">
</div>
</div>
<div class="sect parallax" id="hotelbg"></div>
<div class="sect rooms">
<h1>КОМНАТЫ</h1>
<p><br>Ниже представлены цены и фотографии комнат, которые вы можете увидеть в нашей гостинице! <br><br></p>
<h2>Цены за номер:</h2>
<div class="container">
<div class="prices">
<p><strong>Май</strong><br>1500 руб.</p>
</div>
<div class="prices">
<p><strong>Июнь</strong><br>2000 руб.</p>
</div>
<div class="prices">
<p><strong>Июль-Август</strong><br>2500 руб.</p>
</div>
<div class="prices">
<p><strong>Сентябрь</strong><br>2000 руб.</p>
</div>
<!-- <div class="photogallery"> -->
<img src="assets/img/ap/room1/1.jpeg" alt="" class="album">
<img src="assets/img/ap/room1/2.jpeg" alt="" class="album">
<img src="assets/img/ap/room2/1.jpeg" alt="" class="album">
<img src="assets/img/ap/room2/2.jpeg" alt="" class="album">
<img src="assets/img/ap/room3/1.jpeg" alt="" class="album">
<img src="assets/img/ap/room4/1.jpeg" alt="" class="album">
<!-- </div> -->
</div>
</div>
<!-- <div class="sect"></div> -->
</main>
<div class="modal">
<span class="close">×</span>
<img class="modal-content" id="img01">
<div class="caption"></div>
</div>
<footer>
<div class="footerdiv">
<div class="container">
<div class="fblock">
<a href=""><img src="https://cdn3.iconfinder.com/data/icons/picons-social/57/46-facebook-512.png" alt="" class="link" id="facebook"></a>
<a href="https://www.instagram.com/minigostinitsachaika/"><img src="https://image.flaticon.com/icons/png/512/87/87390.png" alt="" class="link" id="instagram"></a>
</div>
<div class="fblock" style="text-align: left;">
<p><strong>Адрес:</strong> г. Крым, ул. Морская, 18
<br><strong>Тел.:</strong> +7 (9XX) XXX-XX-XX
</p>
</div>
</div>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>