-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtemplate.html
executable file
·158 lines (143 loc) · 6.05 KB
/
template.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
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>HTML project</title>
<meta name="description" content="Adaptive html page">
<meta name="author" content="Zipofar">
</head>
<body>
<nav class="navbar bg-light">
<a href="" class="navbar__brand">
<span class="navbar__logo"></span>
Лунное море
</a>
<button class="navbar__toggler" type="button">
<span class="navbar__toggler-icon"></span>
</button>
<div class="navbar-collapse">
<ul class="navbar__nav">
<li><a href="" class="navbar__navlink">Преимущества</a></li>
<li><a href="" class="navbar__navlink">О ЖК</a></li>
<li><a href="" class="navbar__navlink">Места для отдыха</a></li>
</ul>
</div>
</nav>
<header class="masthead">
<div class="masthead__logo">
<img src="images/logo_moon.png" width=100 />
</div>
<h1 class="masthead__header">ЖК "Лунное море"</h1>
<p class="masthead__description">Место, откуда не хочется улетать</p>
<div class="masthead__btn_center">
<a href="#" class="btn btn-outline-light">забронировать</a>
</div>
</header>
<div class="section-content bg-light">
<div class="content-block section-content__item">
<h3>Уникальный вид</h3>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
</div>
<div class="content-block section-content__item">
<h3>Инфраструктура</h3>
<p>
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
</p>
</div>
<div class="content-block section-content__item">
<h3>Близость к Москве</h3>
<p>
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
</p>
</div>
</div>
<div class="section-content bg-dark">
<div class="content-block section-content__item">
<h3>О ЖК "Лунное море"</h3>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
</div>
<div class="content-block section-content__item">
<img src="images/moon-content-1.jpg" width="350" style="float: right" />
</div>
</div>
<div class="section-content bg-light">
<div class="content-block section-content__item">
<img src="images/moon-content-2.jpg" width="350" style="float: left" />
</div>
<div class="content-block section-content__item">
<h3>Места для отдыха</h3>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
</div>
</div>
<section class="section-content bg-dark">
<div class="content-block section-content__item">
<h3 class="text-center">Оставтье заявку сегодня!</h3>
<form>
<div class="form-label">
<span class="form-label__name">Параметры квартиры</span>
<div class="form-item">
<label>Количество комнат:</label>
<select class="form-control form-control_w-7">
<option>1</option>
<option>2</option>
</select>
</div>
<div class="form-item">
<label>Отделка:</label>
<select class="form-control form-control_w-7">
<option>Без отделки</option>
<option>Евро отделка</option>
</select>
</div>
</div>
<div class="form-label">
<span class="form-label__name">Контактная информация</span>
<div class="form-item">
<label>Имя:</label>
<input type="text" class="form-control" />
</div>
<div class="form-item">
<label>Телефон:</label>
<input type="text" class="form-control" />
</div>
<div class="form-item">
<label>E-mail:</label>
<input type="text" class="form-control" />
</div>
</div>
<br />
<button type="submit" class="btn btn-outline-success">Отправить</button>
</form>
</div>
</section>
<footer class="footer">
<section class="footer__block">
<div class="footer__brand">
<img src="../images/logo_moon.png" width=30 />
<span>Лунное море</span>
</div>
<span class="footer__year">© 2002 год</span>
</section>
<section class="footer__block">
<span class="footer__list-header">Проектная документация</span>
<ul class="footer__list">
<li><a href="#" class="footer__list-link">Скачать</a></li>
<li><a href="#" class="footer__list-link">Посмотреть на сайте</a></li>
</ul>
</section>
<section class="footer__block">
<span class="footer__list-header">О застройщике</span>
<ul class="footer__list">
<li><a href="#" class="footer__list-link">Отзывы</a></li>
<li><a href="#" class="footer__list-link">Сайт компании</a></li>
</ul>
</section>
</footer>
</body>
</html>