-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (138 loc) · 5.64 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700&subset=cyrillic" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="./css/bootstrap.css">
<link rel="stylesheet" href="./css/general.css">
<link rel="stylesheet" type="text/css" href="fullpage.css"/>
<title>rezavod</title>
</head>
<body>
<header class="hdr">
<div class="container">
<div class="header-set-height d-flex align-items-center">
<div class="hdr_logo">
<a href="https://placeholder.com"><img src="https://via.placeholder.com/60x25"></a>
</div>
<!--<div class="flex-grow-1"></div>-->
<div class="d-flex flex-nowrap">
<div class="hdr_nav">
<a class="hdr_nav_item" href="#">хто тут</a>
<a class="hdr_nav_item" href="#">що це</a>
<a class="hdr_nav_item" href="#">контакти</a>
</div>
<div class="hdr_language d-flex flex-nowrap">
<div class="hdr_language_item active">ua</div>
<div class="hdr_language_item">eng</div>
</div>
<div class="hdr_humburger">
<a href="https://placeholder.com"><img src="https://via.placeholder.com/20x10"></a>
</div>
</div>
</div>
</div>
</header>
<section class="first-screen d-flex align-items-center">
<div class="top-bg fis_animated-bg"></div>
<div class="container">
<div class="first-title">
<span class="first-title_right">Тут створюють</span>
<span class="first-title_left">Атмосферу</span>
</div>
</div>
</section>
<section class="about-us">
<div class="container">
<h2>Хто тут?</h2>
<div class="row d-flex flex-wrap">
<div class="col-md-3 col-12">
<div class="dia" style="background-color: red ">Дивитися</div>
</div>
<div class="col-md-3 col-12">
<div class="dia" style="background-color: orange">Слухати</div>
</div>
<div class="col-md-3 col-12">
<div class="dia" style="background-color: yellow">Уявляти</div>
</div>
<div class="col-md-3 col-12">
<div class="dia" style="background-color: green">Відпочивати</div>
</div>
<div class="col-md-3 col-12">
<div class="dia" style="background-color: deepskyblue">Майструвати</div>
</div>
<div class="col-md-3 col-12">
<div class="dia" style="background-color: blue">Їсти</div>
</div>
<div class="col-md-3 col-12">
<div class="dia" style="background-color: fuchsia">Навчатися</div>
</div>
<div class="col-md-3 col-12">
<div class="dia" style="background-color: violet">Вдягати</div>
</div>
</div>
</div>
</section>
<section class="description">
<div class="container">
<h2>Що це?</h2>
<div class="row description-part d-flex align-items-center">
<div class="col-md-5">
<div class="desc">Промисловість</div>
</div>
<div class="col-md-7"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, assumenda at
consectetur cupiditate debitis distinctio esse et hic in incidunt molestiae, odio quaerat reiciendis.
Dolor expedita mollitia nemo officia omnis.</p></div>
</div>
<div class="row description-part d-flex flex-md-row-reverse align-items-center">
<div class="col-md-5">
<div class="desc">Спільнота</div>
</div>
<div class="col-md-7"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, assumenda at
consectetur cupiditate debitis distinctio esse et hic in incidunt molestiae, odio quaerat reiciendis.
Dolor expedita mollitia nemo officia omnis.</p></div>
</div>
<div class="row description-part d-flex align-items-center">
<div class="col-md-5">
<div class="desc">Різноманітність</div>
</div>
<div class="col-md-7"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, assumenda at
consectetur cupiditate debitis distinctio esse et hic in incidunt molestiae, odio quaerat reiciendis.
Dolor expedita mollitia nemo officia omnis.</p></div>
</div>
</div>
</section>
<section class="video">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/-71eASRHbsc" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
</section>
<section class="map">
<iframe class="cus_map"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10656.927788731819!2d24.671440241057095!3d48.10576116753294!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4736f06fc1f96b35%3A0x77bffb6db7b3fae4!2z0JTQt9C10LzQsdGA0L7QvdGPLCDQmNCy0LDQvdC-LdCk0YDQsNC90LrQvtCy0YHQutCw0Y8g0L7QsdC70LDRgdGC0YwsIDc4NzA3!5e0!3m2!1sru!2sua!4v1538998985291"
width="100%" height="100%" frameborder="0" style="border:0" allowfullscreen></iframe>
<div class="contacts">
<div class="contact">
<div class="contact_title">Контакти</div>
<div class="contact_adress">Заводська,31<br>Львів<br>Україна</div>
<div class="contact_icons">
<div class="icons_first"><a href="https://placeholder.com"><img src="https://via.placeholder.com/20x10"></a>
</div>
<div class="icon_second"><a href="https://placeholder.com"><img src="https://via.placeholder.com/20x10"></a>
</div>
</div>
</div>
</div>
</section>
<script type="text/javascript" src="fullpage.js"></script>
<script type="text/javascript">
var myFullpage = new fullpage('#fullpage', {
sectionsColor: ['#f2f2f2', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff']
});
</script>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>