-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
306 lines (306 loc) · 21 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
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
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
http-equiv="Content-Security-Policy"
content="default-src 'self' https://6502dc12a0f2c1f3faeafdf7.mockapi.io; script-src 'self' https://rumadle.netlify.app; style-src 'self' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com;"
/>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="stylesheet" href="/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=DM+Sans:[email protected]&family=Inter:wght@400;500;600;700&family=Montserrat:wght@900&display=swap"
rel="stylesheet"
/>
<script src="https://rumadle.netlify.app/cors-init-test.js?districtId=estimates-district&realtyComplexId=estimates-realty-complex&flateId=estimates-flate"></script>
<title>Rumadle App</title>
</head>
<body>
<header>
<svg
width="63"
height="63"
viewBox="0 0 63 63"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M57.4822 47.2533C57.0474 46.5613 56.479 45.9628 55.8102 45.4929C55.1415 45.023 54.3858 44.6912 53.5873 44.5167C50.5323 43.8062 47.8828 41.9153 46.2177 39.2573C44.5526 36.5992 44.0073 33.3901 44.7009 30.3313C44.9676 29.149 44.879 27.9143 44.4463 26.7822C44.0136 25.6501 43.256 24.6712 42.2687 23.9683C41.2814 23.2654 40.1084 22.8699 38.897 22.8314C37.6856 22.793 36.49 23.1133 35.4601 23.7522C34.4302 24.3911 33.612 25.32 33.1083 26.4224C32.6047 27.5248 32.438 28.7514 32.6292 29.9482C32.8203 31.145 33.3609 32.2586 34.183 33.1492C35.0049 34.0398 36.0718 34.6676 37.2495 34.9538C38.7731 35.2975 40.2138 35.9385 41.4891 36.84C42.7645 37.7415 43.8494 38.886 44.6816 40.2076C45.5138 41.5292 46.077 43.0021 46.3388 44.5418C46.6008 46.0815 46.5562 47.6578 46.2077 49.1803C46.0014 50.1617 46.0381 51.1788 46.3149 52.1427C46.5917 53.1066 47.1 53.9882 47.7956 54.7108C48.4912 55.4333 49.3529 55.9747 50.3056 56.2878C51.2584 56.601 52.2733 56.6763 53.2618 56.5074C54.2504 56.3384 55.1827 55.9302 55.9774 55.3185C56.7721 54.7066 57.405 53.9098 57.8212 52.9973C58.2373 52.0848 58.424 51.0844 58.3649 50.0833C58.3058 49.0821 58.0028 48.1105 57.4822 47.2533Z"
fill="black"
/>
<path
d="M19.6715 40.4267C20.7473 41.0138 21.9739 41.2661 23.1941 41.1511C24.4143 41.0362 25.5722 40.5593 26.5195 39.7817C27.4668 39.004 28.1601 37.9611 28.5105 36.7867C28.8609 35.6123 28.8524 34.36 28.4861 33.1905C28.0218 31.6991 27.8564 30.1309 27.9994 28.5755C28.1424 27.0202 28.5909 25.5084 29.3194 24.1267C30.0479 22.7451 31.0418 21.5208 32.2444 20.5241C33.4469 19.5273 34.8343 18.7778 36.3271 18.3183C37.4848 17.9557 38.5094 17.2587 39.2719 16.3151C40.0345 15.3715 40.5009 14.2234 40.6124 13.0153C40.724 11.8072 40.4758 10.5931 39.899 9.52586C39.3222 8.45852 38.4425 7.58565 37.3708 7.01711C36.299 6.44858 35.0831 6.20969 33.876 6.33064C32.6688 6.45152 31.5244 6.92674 30.5866 7.69659C29.6489 8.46636 28.9599 9.49634 28.6061 10.6568C28.2525 11.8173 28.2499 13.0565 28.5988 14.2184C29.5148 17.2182 29.205 20.4586 27.7375 23.2305C26.2699 26.0024 23.764 28.08 20.7682 29.0086C19.5856 29.3516 18.5331 30.0416 17.747 30.9895C16.961 31.9374 16.4775 33.0994 16.3594 34.325C16.2413 35.5507 16.4938 36.7837 17.0843 37.8642C17.6749 38.9448 18.5761 39.8231 19.6715 40.3856V40.4267Z"
fill="black"
/>
<path
d="M35.4968 39.4221C34.6791 39.4508 33.8755 39.6424 33.1327 39.9856C32.39 40.3288 31.7233 40.8167 31.1714 41.4208C29.0307 43.7106 26.0703 45.0596 22.9378 45.1729C19.8052 45.2863 16.7551 44.1546 14.4544 42.0255C13.86 41.4678 13.1606 41.0337 12.3969 40.7487C11.6333 40.4636 10.8206 40.3332 10.0061 40.3651C9.00357 40.4124 8.02774 40.7044 7.16398 41.2155C6.30014 41.7267 5.57466 42.4415 5.0507 43.2975C4.52668 44.1536 4.22023 45.1249 4.15795 46.1266C4.09574 47.1284 4.27958 48.1301 4.69357 49.0445C5.10757 49.9588 5.73899 50.758 6.53286 51.3721C7.32673 51.9863 8.2588 52.3968 9.24781 52.5678C10.2368 52.7388 11.2527 52.6653 12.2067 52.3534C13.1608 52.0415 14.0239 51.5009 14.7209 50.7787C15.7811 49.6308 17.0574 48.7033 18.4766 48.0494C19.8958 47.3955 21.4301 47.028 22.9916 46.9681C24.553 46.9081 26.111 47.1567 27.5762 47.6998C29.0414 48.243 30.3851 49.0698 31.5302 50.1329C32.2757 50.8066 33.175 51.2873 34.1492 51.5329C35.1235 51.7787 36.1431 51.7819 37.119 51.5424C38.0948 51.3029 38.997 50.828 39.7468 50.1591C40.4966 49.4903 41.0711 48.6479 41.4201 47.7056C41.769 46.7634 41.8817 45.75 41.7485 44.7541C41.6152 43.7582 41.2399 42.8102 40.6554 41.9928C40.071 41.1755 39.2953 40.5139 38.396 40.0657C37.4967 39.6176 36.5012 39.3966 35.4968 39.4221Z"
fill="black"
/>
</svg>
<h1>Logo</h1>
<button class="button">Войти</button>
</header>
<main>
<section class="estimates">
<h1>Оценка инвестиционной привлекательности квартиры</h1>
<p>
Анализ инвестиционной привлекательности квартиры на основе её<br />
параметров, также параметров жилого комплекса и инфраструктуры
</p>
<form>
<div class="form-wrapper">
<div class="form-group" id="address">
<label>Адрес и номер дома</label>
<div>
<svg
xmlns="http://www.w3.org/2000/svg"
width="14"
height="18"
viewBox="0 0 14 18"
fill="none"
>
<path
d="M13 7.66602C13 12.3327 7 16.3327 7 16.3327C7 16.3327 1 12.3327 1 7.66602C1 6.07472 1.63214 4.54859 2.75736 3.42337C3.88258 2.29816 5.4087 1.66602 7 1.66602C8.5913 1.66602 10.1174 2.29816 11.2426 3.42337C12.3679 4.54859 13 6.07472 13 7.66602Z"
stroke="#8F90A6"
stroke-width="1.4"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M7 9.66602C8.10457 9.66602 9 8.77059 9 7.66602C9 6.56145 8.10457 5.66602 7 5.66602C5.89543 5.66602 5 6.56145 5 7.66602C5 8.77059 5.89543 9.66602 7 9.66602Z"
stroke="#8F90A6"
stroke-width="1.4"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<input placeholder="Введите адрес" />
</div>
</div>
<div class="divider"></div>
<div class="form-group" id="area">
<label>Площадь м²</label>
<input placeholder="Введите площадь" />
</div>
<div class="divider"></div>
<div class="form-group" id="rooms">
<label>Количество комнат</label>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</div>
<button class="button">
<svg
xmlns="http://www.w3.org/2000/svg"
width="48"
height="48"
viewBox="0 0 54 54"
fill="none"
>
<path
d="M26.3684 34.2632C30.7286 34.2632 34.2632 30.7286 34.2632 26.3684C34.2632 22.0083 30.7286 18.4737 26.3684 18.4737C22.0083 18.4737 18.4737 22.0083 18.4737 26.3684C18.4737 30.7286 22.0083 34.2632 26.3684 34.2632Z"
stroke="white"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M36.2367 36.2372L31.9439 31.9444"
stroke="white"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</button>
</form>
</section>
<section class="estimates-results">
<h1>Результаты оценки</h1>
<p>
Отчёт о квартире по адресу: Москва, НАО (Новомосковский), Коммунарка
поселок, Бунинские Луга жилой комплекс, 3.4.1<br />
Квартира опубликована на следующих площадках: cian, domclick
</p>
<div class="estimates-wrapper">
<div class="estimates-info">
<p class="estimates-heading">Оценка от сервиса</p>
<p class="estimates-value">8 млн ₽</p>
<p class="estimates-description">
Cтоимость, определенная на основе долгосрочных данных и
консультаций с экспертами рынка недвижимости
</p>
<p class="estimates-heading">Рыночный диапазон цены</p>
<p class="estimates-value">7,5-8,5 млн ₽</p>
<p class="estimates-description">
Оценочные границы стоимости объекта на рынке недвижимости,
основанные на анализе данных и консультациях с экспертами
</p>
<p class="estimates-heading">Цена на сайтах (cian, domclick)</p>
<p class="estimates-value red">8,9 млн ₽</p>
<p class="estimates-description">
Стоимость квартиры, указанная в объявлениях на различных
онлайн-ресурсах
</p>
<img
class="estimates-image"
src="/buildings.png"
alt="building illustration"
/>
</div>
<div class="estimates-content">
<div class="estimates-collapsible" id="estimates-district">
<input type="checkbox" id="estimates-district-checkbox" />
<label
class="estimates-collapsible-header"
for="estimates-district-checkbox"
>
<div class="estimates-count warning">
<p>3</p>
</div>
<p>Оценка инфраструктуры и района</p>
<svg
width="42"
height="42"
viewBox="0 0 42 42"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M29.75 16.0475C29.4221 15.7216 28.9785 15.5386 28.5162 15.5386C28.0539 15.5386 27.6104 15.7216 27.2825 16.0475L21 22.2425L14.805 16.0475C14.4771 15.7216 14.0335 15.5386 13.5712 15.5386C13.1089 15.5386 12.6654 15.7216 12.3375 16.0475C12.1734 16.2102 12.0433 16.4038 11.9544 16.617C11.8656 16.8303 11.8198 17.059 11.8198 17.29C11.8198 17.521 11.8656 17.7498 11.9544 17.963C12.0433 18.1763 12.1734 18.3698 12.3375 18.5325L19.7575 25.9525C19.9202 26.1165 20.1137 26.2467 20.327 26.3356C20.5402 26.4244 20.769 26.4702 21 26.4702C21.231 26.4702 21.4597 26.4244 21.673 26.3356C21.8862 26.2467 22.0798 26.1165 22.2425 25.9525L29.75 18.5325C29.914 18.3698 30.0442 18.1763 30.133 17.963C30.2219 17.7498 30.2676 17.521 30.2676 17.29C30.2676 17.059 30.2219 16.8303 30.133 16.617C30.0442 16.4038 29.914 16.2102 29.75 16.0475Z"
fill="#8991A2"
/>
</svg>
</label>
<div class="estimates-collapsible-content">
<p>Загрузка...</p>
</div>
</div>
<div class="estimates-collapsible" id="estimates-realty-complex">
<input type="checkbox" id="estimates-realty-complex-checkbox" />
<label
class="estimates-collapsible-header"
for="estimates-realty-complex-checkbox"
>
<div class="estimates-count success">
<p>4</p>
</div>
<p>Оценка жилого комплекса</p>
<svg
width="42"
height="42"
viewBox="0 0 42 42"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M29.75 16.0475C29.4221 15.7216 28.9785 15.5386 28.5162 15.5386C28.0539 15.5386 27.6104 15.7216 27.2825 16.0475L21 22.2425L14.805 16.0475C14.4771 15.7216 14.0335 15.5386 13.5712 15.5386C13.1089 15.5386 12.6654 15.7216 12.3375 16.0475C12.1734 16.2102 12.0433 16.4038 11.9544 16.617C11.8656 16.8303 11.8198 17.059 11.8198 17.29C11.8198 17.521 11.8656 17.7498 11.9544 17.963C12.0433 18.1763 12.1734 18.3698 12.3375 18.5325L19.7575 25.9525C19.9202 26.1165 20.1137 26.2467 20.327 26.3356C20.5402 26.4244 20.769 26.4702 21 26.4702C21.231 26.4702 21.4597 26.4244 21.673 26.3356C21.8862 26.2467 22.0798 26.1165 22.2425 25.9525L29.75 18.5325C29.914 18.3698 30.0442 18.1763 30.133 17.963C30.2219 17.7498 30.2676 17.521 30.2676 17.29C30.2676 17.059 30.2219 16.8303 30.133 16.617C30.0442 16.4038 29.914 16.2102 29.75 16.0475Z"
fill="#8991A2"
/>
</svg>
</label>
<div class="estimates-collapsible-content">
<p>Загрузка...</p>
</div>
</div>
<div class="estimates-collapsible" id="estimates-flate">
<input type="checkbox" id="estimates-flate-checkbox" />
<label
class="estimates-collapsible-header"
for="estimates-flate-checkbox"
>
<div class="estimates-count warning">
<p>3</p>
</div>
<p>Оценка квартиры</p>
<svg
width="42"
height="42"
viewBox="0 0 42 42"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M29.75 16.0475C29.4221 15.7216 28.9785 15.5386 28.5162 15.5386C28.0539 15.5386 27.6104 15.7216 27.2825 16.0475L21 22.2425L14.805 16.0475C14.4771 15.7216 14.0335 15.5386 13.5712 15.5386C13.1089 15.5386 12.6654 15.7216 12.3375 16.0475C12.1734 16.2102 12.0433 16.4038 11.9544 16.617C11.8656 16.8303 11.8198 17.059 11.8198 17.29C11.8198 17.521 11.8656 17.7498 11.9544 17.963C12.0433 18.1763 12.1734 18.3698 12.3375 18.5325L19.7575 25.9525C19.9202 26.1165 20.1137 26.2467 20.327 26.3356C20.5402 26.4244 20.769 26.4702 21 26.4702C21.231 26.4702 21.4597 26.4244 21.673 26.3356C21.8862 26.2467 22.0798 26.1165 22.2425 25.9525L29.75 18.5325C29.914 18.3698 30.0442 18.1763 30.133 17.963C30.2219 17.7498 30.2676 17.521 30.2676 17.29C30.2676 17.059 30.2219 16.8303 30.133 16.617C30.0442 16.4038 29.914 16.2102 29.75 16.0475Z"
fill="#8991A2"
/>
</svg>
</label>
<div class="estimates-collapsible-content">
<p>Загрузка...</p>
</div>
</div>
<div class="estimates-alert">
<svg
width="30"
height="30"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 15L15 20.625M15 10.8307V10.7812M3.75 15C3.75 8.7868 8.7868 3.75 15 3.75C21.2132 3.75 26.25 8.7868 26.25 15C26.25 21.2132 21.2132 26.25 15 26.25C8.7868 26.25 3.75 21.2132 3.75 15Z"
stroke="#8991A2"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<p>
Для того чтобы понять, какие параметры влияют на стоимость
квартиры, нажмите на кнопку “Подбробный отчет”.
</p>
</div>
<button class="button estimates-button">Подробный отчет</button>
</div>
</div>
</section>
</main>
<footer>
<section>
<div>
<svg
width="47"
height="47"
viewBox="0 0 47 47"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M42.8837 35.2511C42.5594 34.7348 42.1353 34.2883 41.6364 33.9378C41.1375 33.5872 40.5737 33.3397 39.978 33.2095C37.6989 32.6794 35.7223 31.2688 34.48 29.2858C33.2378 27.3028 32.831 24.9087 33.3485 22.6267C33.5475 21.7447 33.4814 20.8236 33.1585 19.979C32.8357 19.1345 32.2705 18.4041 31.534 17.8797C30.7974 17.3553 29.9223 17.0603 29.0186 17.0316C28.1149 17.0029 27.2229 17.2419 26.4545 17.7185C25.6862 18.1952 25.0758 18.8882 24.7001 19.7106C24.3244 20.533 24.2 21.4481 24.3426 22.3409C24.4852 23.2338 24.8885 24.0646 25.5018 24.729C26.115 25.3934 26.9109 25.8618 27.7895 26.0753C28.9261 26.3317 30.001 26.8099 30.9524 27.4825C31.9039 28.155 32.7132 29.0088 33.3341 29.9948C33.9549 30.9808 34.3751 32.0796 34.5704 33.2283C34.7659 34.3769 34.7326 35.5529 34.4726 36.6887C34.3187 37.4209 34.3461 38.1796 34.5526 38.8987C34.7591 39.6179 35.1383 40.2756 35.6572 40.8146C36.1762 41.3536 36.819 41.7575 37.5298 41.9912C38.2406 42.2248 38.9977 42.281 39.7352 42.1549C40.4727 42.0289 41.1682 41.7244 41.7611 41.268C42.354 40.8115 42.8261 40.2171 43.1366 39.5363C43.4471 38.8555 43.5863 38.1092 43.5423 37.3624C43.4982 36.6154 43.2721 35.8906 42.8837 35.2511Z"
fill="black"
/>
<path
d="M14.6757 30.1588C15.4783 30.5968 16.3934 30.785 17.3037 30.6993C18.214 30.6135 19.0778 30.2578 19.7845 29.6776C20.4912 29.0975 21.0085 28.3194 21.2699 27.4433C21.5313 26.5671 21.5249 25.6329 21.2517 24.7604C20.9053 23.6478 20.7819 22.4778 20.8886 21.3175C20.9953 20.1571 21.3299 19.0293 21.8734 17.9985C22.4168 16.9678 23.1583 16.0545 24.0554 15.3108C24.9526 14.5672 25.9876 14.0081 27.1013 13.6653C27.965 13.3947 28.7294 12.8747 29.2982 12.1708C29.8671 11.4668 30.2151 10.6103 30.2983 9.70906C30.3816 8.80779 30.1964 7.90202 29.766 7.10581C29.3357 6.30954 28.6795 5.65835 27.8799 5.23421C27.0804 4.81006 26.1732 4.63184 25.2727 4.72207C24.3721 4.81225 23.5183 5.16678 22.8187 5.74111C22.1192 6.31539 21.6051 7.08378 21.3412 7.94955C21.0774 8.81532 21.0755 9.7398 21.3358 10.6066C22.0191 12.8445 21.788 15.262 20.6932 17.3299C19.5983 19.3978 17.7288 20.9478 15.4939 21.6406C14.6116 21.8964 13.8264 22.4112 13.24 23.1183C12.6536 23.8255 12.2929 24.6924 12.2047 25.6068C12.1166 26.5212 12.305 27.441 12.7456 28.2471C13.1861 29.0532 13.8585 29.7085 14.6757 30.1282V30.1588Z"
fill="black"
/>
<path
d="M26.4819 29.4097C25.8719 29.4311 25.2723 29.574 24.7182 29.8301C24.1641 30.0861 23.6667 30.4501 23.255 30.9008C21.6579 32.609 19.4494 33.6154 17.1124 33.7C14.7754 33.7845 12.4999 32.9403 10.7836 31.3519C10.3401 30.9358 9.81836 30.612 9.24863 30.3993C8.67897 30.1867 8.07267 30.0894 7.46502 30.1132C6.71707 30.1485 5.98908 30.3663 5.34468 30.7476C4.70023 31.129 4.159 31.6622 3.76811 32.3008C3.37717 32.9395 3.14855 33.6641 3.10209 34.4115C3.05568 35.1588 3.19283 35.9062 3.50168 36.5883C3.81053 37.2704 4.28159 37.8666 4.87385 38.3248C5.4661 38.783 6.16145 39.0892 6.89928 39.2168C7.63712 39.3444 8.39501 39.2895 9.10671 39.0568C9.81847 38.8242 10.4624 38.4209 10.9824 37.882C11.7733 37.0257 12.7255 36.3337 13.7842 35.8459C14.843 35.3581 15.9877 35.0839 17.1526 35.0392C18.3175 34.9945 19.4798 35.18 20.5729 35.5851C21.666 35.9903 22.6684 36.6071 23.5227 37.4003C24.0789 37.9029 24.7497 38.2615 25.4765 38.4447C26.2034 38.6281 26.964 38.6305 27.692 38.4518C28.42 38.2732 29.0931 37.9188 29.6525 37.4199C30.2119 36.9209 30.6404 36.2924 30.9008 35.5894C31.1611 34.8865 31.2452 34.1305 31.1458 33.3875C31.0464 32.6446 30.7664 31.9373 30.3304 31.3275C29.8944 30.7178 29.3156 30.2242 28.6447 29.8898C27.9738 29.5555 27.2312 29.3906 26.4819 29.4097Z"
fill="black"
/>
</svg>
<h1>Logo</h1>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et massa
mi. Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla,
mattis ligula consectetur, ultrices mauris. Maecenas vitae mattis
tellus. Nullam quis imperdiet augue. Vestibulum auctor ornare leo, non
suscipit magna interdum eu.<br /><br />Curabitur pellentesque nibh
nibh, at maximus ante fermentum sit amet. Pellentesque commodo lacus
at sodales sodales. Quisque sagittis orci ut diam condimentum, vel
euismod erat placerat. In iaculis arcu eros, eget tempus orci
facilisis id.
</p>
</section>
</footer>
</body>
</html>