-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
102 lines (70 loc) · 4.81 KB
/
index.html
File metadata and controls
102 lines (70 loc) · 4.81 KB
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
<!DOCTYPE html>
<html itemscope itemtype="https://schema.org/WebPage" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta charset="UTF-8">
<meta name="robots" content="index,follow" />
<title>Рольшторы - универсальные солнцезащитные системы</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/style/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="shortcut icon" href="/favicon.ico">
<link href="https://rollisa.github.io/" rel="canonical" />
<link rel="alternate" href="https://rollisa.github.io/" hreflang="ru-by" />
<meta name="google-site-verification" content="IlZ2tgb7MUpzDUgiHMLlljy-Yp7JMBPpy91KsohcyUU" />
<style>
body, h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}
.w3-row-padding img {margin-bottom: 12px}
.bgimg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('/style/profile_girl.jpg');
min-height: 100%;
}
</style>
</head>
<body>
<!-- Sidebar with image -->
<nav class="w3-sidebar w3-hide-medium w3-hide-small" style="width:40%">
<div class="bgimg"></div>
</nav>
<!-- Page Content -->
<div class="w3-main w3-padding-large" style="margin-left:40%">
<!-- Menu icon to open sidebar -->
<span class="w3-button w3-top w3-white w3-xxlarge w3-text-grey w3-hover-text-black" style="width:auto;right:0;" onclick="openNav()"><i class="fa fa-bars"></i></span>
<!-- Portfolio Section -->
<div class="w3-padding-32 w3-content" id="portfolio">
<hr class="w3-opacity">
<!-- Grid for photos -->
<div class="w3-row-padding" style="margin:0 -16px">
<div class="w3-half">
<img src="/style/wedding.jpg" style="width:100%">
<img src="/style/rocks.jpg" style="width:100%">
<img src="/style/sailboat.jpg" style="width:100%">
</div>
<div class="w3-half">
<img src="/style/underwater.jpg" style="width:100%">
<img src="/style/chef.jpg" style="width:100%">
<img src="/style/wedding.jpg" style="width:100%">
<img src="/style/p6.jpg" style="width:100%">
</div>
<!-- End photo grid -->
</div>
<!-- End Portfolio Section -->
</div>
<!-- About Section -->
<div class="w3-content w3-justify w3-text-grey w3-padding-32" id="about">
<h1>Рольшторы</h1>
<hr class="w3-opacity">
<p>Рулонные шторы от компании <a href="https://calon.by/">calon.by</a> используются для затемнения помещений с разным уровнем освещенности. Помимо основной задачи регулирования интенсивности света, системы обеспечивают конфиденциальность. Это свойство актуально для квартир на первых этажах и офисов. Если полотно выполнено в светлых тонах, то в жаркую погоду рольшторы будут эффективно отражать солнечные лучи и пропускать меньше тепла.</p>
<div align="center"><img src="/rolls.jpg" style="width:100%"></div>
<p>Рольшторы – это универсальные солнцезащитные системы, которые устанавливаются на пластиковые окна любого типа. Створчатые и мансардные окна не являются исключением. Устройства замечательно дополняют интерьеры как жилых комнат, так и офисов или административных помещений. Конструкции практичны в использовании, мало весят и не требуют особого ухода.</p>
<p>Модель подбирается в зависимости от размера окна, места установки изделия, стороны света, в которую смотрят оконные проемы. В зависимости от материала, из которого изготовлен оконный блок и общего стилистического решения, можно выбрать не только цвет ткани, но и цвет фурнитуры.</p>
<!-- Testimonials -->
<!-- Testimonials -->
<!-- End About Section -->
</div>
</div>
</body>
</html>