-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
executable file
·82 lines (81 loc) · 7.27 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/about.css">
<script src="/js/about.js"></script>
<title>О нас</title>
</head>
<body>
<div>
<header>
<div class="container">
<button class="burger" id="burger">
<span></span><span></span><span></span>
</button>
<img class="logo" src="/img/logo-2.jpg" alt="">
<nav class="menu">
<ul class="menu__list">
<li class="menu__item"><a class="menu__link" href="index.html">Главная</a></li>
<li class="menu__item"><a class="menu__link" href="about.html">О нас</a></li>
<li class="menu__item"><a class="menu__link" href="news.html">Новости</a></li>
<li class="menu__item"><a class="menu__link" href="bron.php">Бронирование</a></li>
</ul>
</nav>
</div>
</header>
</div>
<div class="conteiner">
<div class="slider middle">
<div class="slides">
<input type="radio" name="f" id="f1" checked>
<input type="radio" name="f" id="f2">
<input type="radio" name="f" id="f3">
<input type="radio" name="f" id="f4">
<div class="slide s1"><img src="/img/3.jpg" alt=""></div>
<div class="slide s2"><img src="/img/5.jpg" alt=""></div>
<div class="slide s3"><img src="/img/6.jpg" alt=""></div>
<div class="slide s4"><img src="/img/11.jpg" alt=""></div>
<div class="navigation">
<label for="f1" class="bar"></label>
<label for="f2" class="bar"></label>
<label for="f3" class="bar"></label>
<label for="f4" class="bar"></label>
</div>
</div>
</div>
<div class="lefttext">
<h1>База отдыха “Сфера” в Новосибирске</h1>
<p>База отдыха “Сфера” находиься недалеко от села Завьялово прямо у Новосибирского водохранилища и окружена лесом. Каждый дом имеет свою атмосферу и своё убранство для того, чтобы отдыхающие могли полностью насладится как отдыхом, так и домом. На самой базе расположены как дома для больших компаний от 5-и до 10-и человек, так и для более тихих и семейных посиделок от 2-х до 4-х человек. Тишина и покой обитающие на територрии “Сферы”, позволят вам насладиться своим отдыхом и забыть про городскую суету, отдавая всего себя отдыху на природе.</p>
</div>
</div>
<div class="relax">
<div class="slider_other_1">
<img src="/img/7.jpg" alt="" class="img">
<h5 style="background-color: #ffffffa9; border-radius: 25px; padding: 7px; width: auto; color: #4a76f0; margin: 0 0 5px; text-align: center;">Дом на воде “Профессор”</h5>
<p style="width: auto; background-color: #ffffffa9; border-radius: 25px; padding: 7px; text-align: center;">Двухпалубный дебаркадер с каютами в морском стиле. Здесь есть все, чтобы отлично отдохнуть с друзьями – на первом этаже кают-компания, ТВ, сауна, кухня. На втором – открытая палуба под тентом, мангал, столы, стулья. Все закаты будут ваши!</p>
</div>
<div class="slider_other_2">
<img src="/img/8.jpg" alt="" class="img">
<h5 style="background-color: #ffffffa9; border-radius: 25px; padding: 7px; width: auto; color: #4a76f0; margin: 0 0 5px; text-align: center;">Коттедж “Марбака”</h5>
<p style="width: auto; background-color: #ffffffa9; border-radius: 25px; padding: 7px; text-align: center;">Двухэтажный дом в скандинавском стиле с просторной гостинной, уютной кухонкой и жаркой сауной. Хотите жить в доме у моря? Марбака – воплощение этой мечты! Деревянные полы, лестницы, в окнах – с одной стороны качаются зеленым морем сосны, с другой – манят и зовут волны Обского моря.</p>
</div>
<div class="slider_other_3">
<img src="/img/9.jpg" alt="" class="img">
<h5 style="background-color: #ffffffa9; border-radius: 25px; padding: 7px; width: auto; color: #4a76f0; margin: 0 0 5px; text-align: center;">Сафари-домик “Сфера”</h5>
<p style="width: auto; background-color: #ffffffa9; border-radius: 25px; padding: 7px; text-align: center;">Сосны нежно трогают крышу палатки своими лохматыми лапами, а в раскрытую дверь видно море... В домике светло в любую погоду, ночью тепло, а днем не жарко – работает кондиционер.Для тех кто хочет сильнее ощутить единение с природой, на общем с домиком помосте - минибеседка.</p>
</div>
<div class="slider_other_4">
<img src="/img/6.jpg" alt="" class="img">
<h5 style="background-color: #ffffffa9; border-radius: 25px; padding: 7px; width: auto; color: #4a76f0; margin: 0 0 5px; text-align: center;">Дом “У воды”</h5>
<p style="width: auto; background-color: #ffffffa9; border-radius: 25px; padding: 7px; text-align: center;">Бревенчатый домик с мансардой расположился у самой воды. У вас будет свой собственный пляж, прямо на берегу стол со скамейками, костровище, мангал. И деревянные мостки над водой – чтобы загорать и любоваться закатами.</p>
</div>
<div class="slider_other_5">
<img src="/img/11.jpg" alt="" class="img">
<h5 style="background-color: #ffffffa9; border-radius: 25px; padding: 7px; width: auto; color: #4a76f0; margin: 0 0 5px; text-align: center;">Дом на колёсах “Трейлер”</h5>
<p style="width: auto; background-color: #ffffffa9; border-radius: 25px; padding: 7px; text-align: center;">Для тех, кого влечет кочевая романтика. Для тех, кто считает, что дом должен быть там, где я.</p>
</div>
</div>
</body>
</html>