-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
239 lines (235 loc) · 16 KB
/
index.html
File metadata and controls
239 lines (235 loc) · 16 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
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
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body id="home">
<header class="header" style="background-image: url('https://elearningindustry.com/wp-content/uploads/2022/08/Shutterstock_1583248045.jpg');">
<div class="container">
<div class="header__top">
<a href="index.html#home" class="logo" style="white-space: nowrap; color: white; font-size: 22px; text-decoration: underline;">
Vikonna Khata TOV
</a>
<nav class="menu">
<svg class="burger-btn " width="42" height="42" viewBox="0 0 42 24" fill="none">
<rect x="-0.00012207" width="42" height="3.5" fill="white" />
<rect x="-0.00012207" y="10" width="42" height="3.5" fill="white" />
<rect x="-0.00012207" y="20" width="42" height="3.5" fill="white" />
</svg>
<ul class="burger-menu__list">
<li class="burger-menu__item">
<a class="burger-menu__item-link" href="index.html#about">About</a>
</li>
<!-- <li class="burger-menu__item">
<a class="burger-menu__item-link" href="index.html#facts">Benefits</a>
</li> -->
<!-- <li class="burger-menu__item">
<a class="burger-menu__item-link" href="index.html#aboutus">Facts</a>
</li> -->
<li class="burger-menu__item">
<a class="burger-menu__item-link" href="index.html#ages">Stages</a>
</li>
<li class="burger-menu__item">
<a class="burger-menu__item-link" href="index.html#slider">Design App</a>
</li>
<li class="burger-menu__item">
<a class="burger-menu__item-link" href="index.html#applications">Contacts</a>
</li>
<li class="burger-menu__item">
<a class="burger-menu__item-link" href="term.html">Privacy Policy</a>
</li>
</ul>
</nav>
<a href="index.html#home" class="logo--center" style="white-space: nowrap; color: white; font-size: 22px; text-decoration: none;">
Vikonna Khata TOV
</a>
<a href="index.html#" class="menu__phone--inner">
<div class="menu__phone">
<svg width="25" height="31" viewBox="0 0 25 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.199951 10.1C0.199951 4.7 1.99995 1.9 5.49995 1C6.59995 0.7 7.29995 1 7.69995 2.1C8.29995 4 8.99995 5.8 9.59995 7.7C9.99995 8.8 9.69995 9.6 8.49995 9.9C4.89995 10.9 5.19995 13 6.29995 15.3C7.39995 17.4 8.59995 19.5 10.1 21.4C11.7 23.4 13 23.4 15 21.8C16.5 20.6 16.8 20.6 18.1 22C19.3 23.4 20.5 24.7 21.7999 26.1C22.5999 27 22.5 27.7 21.7 28.6C19.7 30.7 17.4 31.2 14.7 30.4C13.8 30.1 12.8 29.8 12.1 29.3C4.79995 24.5 1.09995 17.5 0.199951 10.1Z"
fill="black" />
<path
d="M24.3999 16.9C24.3999 17.4 24.4999 18 24.3999 18.5C24.2999 19 23.7999 19.3 23.5999 19.7C23.2999 19.3 22.8999 18.9 22.7999 18.4C22.4999 16.7 22.5999 14.9 22.0999 13.2C21.0999 9.5 18.5999 6.9 15.0999 5.3C14.5999 5.1 14.1999 4.8 13.8999 4.4C13.7999 4.3 13.9999 3.6 14.0999 3.5C14.5999 3.4 15.0999 3.3 15.5999 3.4C20.1999 5.3 22.9999 8.7 24.0999 13.5C24.3999 14.6 24.3999 15.7 24.4999 16.8C24.3999 16.9 24.3999 16.9 24.3999 16.9Z"
fill="black" />
<path
d="M19.4999 16.6C19.4999 16.8 19.5999 17 19.4999 17.2C19.1999 17.6 18.7999 18 18.4999 18.5C18.1999 18.1 17.7999 17.7 17.5999 17.2C17.0999 15.8 16.9999 14.2 16.2999 12.9C15.6999 11.8 14.3999 11.2 13.4999 10.3C13.0999 9.9 12.9999 9.3 12.7999 8.8C13.2999 8.7 13.9999 8.4 14.3999 8.7C17.5999 10.3 19.2999 13 19.4999 16.6Z"
fill="black" />
</svg>
</div>
</a>
</div>
<h1 class="header__title">
Unlocking Innovation: Crafting Your Digital Vision with Vikonna Khata TOV
<span>Empower your business with cutting-edge app solutions. At Vikonna Khata TOV, we specialize in turning your ideas into interactive digital realities. Explore innovation with us.</span>
</h1>
<a href="index.html#tutorial" class="btn header__btn" >get a consultation</a>
</div>
</header>
<main>
<section class="about" id=about>
<div class="container">
<div class="about__content">
<div class="about__inner">
<h2 class="title about__title">
About
</h2>
<div class="about__text">
<p>At Vikonna Khata TOV, we are more than just a company – we are your partners in turning dreams into digital realities. With a passion for innovation and a commitment to excellence, we have been crafting remarkable app experiences that redefine industries.</p>
</div>
</div>
<img class="about__img"src="https://getmockup.app/Images/ipad%20pencil%20mobile.png" alt="Вектор дома">
</div>
</div>
</section>
<section class="slider" id="slider">
<div class="container">
<h2 class="title slider__title">Designs our applications</h2>
<div class="slider__text">
<p></p>
</div>
<ul class="slider__items">
<li class="slider__item">
<img class="slider__img" src="https://assets.materialup.com/uploads/bfa08a6a-b128-4103-b81f-9a840c534465/attachment.jpg" alt="картинка">
<a href="index.html#" class="slider__link"></a>
<Span style="position:absolute">Light Theme</span>
</li>
<li class="slider__item">
<img class="slider__img" src="https://i.pinimg.com/originals/cf/d0/0f/cfd00ff613363792d38fb666df03331e.png" alt="картинка">
<a href="index.html#" class="slider__link"></a>
<Span style="position:absolute">Innovations Ideas</span>
</li>
<li class="slider__item">
<img class="slider__img" src="https://s3.amazonaws.com/a.storyblok.com/f/86602/820x460/317fbd0883/how-to-build-a-branding-in-your-mobile-app.jpg" alt="картинка">
<a href="index.html#" class="slider__link"></a>
<Span style="position:absolute">Branding App</span>
</li>
<li class="slider__item">
<img class="slider__img" src="https://i.pinimg.com/736x/e5/db/52/e5db5263c9368a84a98ef3eb9f95ac14.jpg" alt="картинка">
<a href="index.html#" class="slider__link"></a>
<Span style="position:absolute">Interesting solutions</span>
</li>
</ul>
<ul class="slider__items-inner">
<li class="slider__item">
<img class="slider__img" src="https://assets.materialup.com/uploads/bfa08a6a-b128-4103-b81f-9a840c534465/attachment.jpg" alt="картинка">
<a href="index.html#" class="slider__link"></a>
<Span style="position:absolute">Light Theme</span>
</li>
<li class="slider__item">
<img class="slider__img" src="https://i.pinimg.com/originals/cf/d0/0f/cfd00ff613363792d38fb666df03331e.png" alt="картинка">
<a href="index.html#" class="slider__link"></a>
<Span style="position:absolute">Innovations Ideas</span>
</li>
<li class="slider__item">
<img class="slider__img" src="https://s3.amazonaws.com/a.storyblok.com/f/86602/820x460/317fbd0883/how-to-build-a-branding-in-your-mobile-app.jpg" alt="картинка">
<a href="index.html#" class="slider__link"></a>
<Span style="position:absolute">Branding App</span>
</li>
<li class="slider__item">
<img class="slider__img" src="https://i.pinimg.com/736x/e5/db/52/e5db5263c9368a84a98ef3eb9f95ac14.jpg" alt="картинка">
<a href="index.html#" class="slider__link"></a>
<Span style="position:absolute">Interesting solutions</span>
</li>
</ul>
</div>
</section>
<section class="ages" id="ages">
<div class="container">
<h2 class="title ages__title">DESIGN STAGES</h2>
<div class="tabs">
<button class="tabs__btn active" onclick="openCity(event, 'sketch')" id="openDeafault">Research and Analysis</button>
<button class="tabs__btn" onclick="openCity(event, 'project')">Interface Design</button>
<button class="tabs__btn" onclick="openCity(event, 'engporject')">Deployment and Launch</button>
</div>
<div id="sketch" class="tabcontent" style="display: flex;">
<div class="tab__items">
<div class="tabcontent--inner">
<div class="tabcontent--inner1">
<h3 class="tabcontent__title">Research and Analysis
</h3>
<div class="tabcontent__text">
<p>During this phase, we extensively delve into your idea, conduct market research, and assess user needs. This helps us establish project goals, requirements, and unique features.</p>
</div>
</div>
<img src="https://images.squarespace-cdn.com/content/v1/5bdb6f642714e55b84ebe507/1558631560794-44MYNUVBB2RWSDB91QPK/mindmap-2123973_960_720.jpg?format=1500w" alt="картинка">
</div>
<a class="btn tabcontent__btn" href="index.html#doc">get a consultation</a>
</div>
</div>
<div id="project" class="tabcontent" style="display: none;">
<div class="tab__items">
<div class="tabcontent--inner">
<div class="tabcontent--inner1">
<h3 class="tabcontent__title">Interface Design</h3>
<div class="tabcontent__text">
<p>At this juncture, we craft the interface design, create screen mockups, and define navigation. Our aim is to provide an intuitive and visually appealing user experience.
</p>
</div>
</div>
<img src="https://i.ytimg.com/vi/5IanQIwhA4E/maxresdefault.jpg" alt="картинка">
</div>
<a class="tabcontent__btn" href="index.html#doc">get a consultation</a>
</div>
</div>
<div id="engporject" class="tabcontent" style="display: none;">
<div class="tab__items">
<div class="tabcontent--inner">
<div class="tabcontent--inner1">
<h3 class="tabcontent__title">Deployment and Launch</h3>
<div class="tabcontent__text">
<p>With comprehensive testing completed, we deploy the app to the chosen platforms, whether it's app stores or private enterprise systems. We manage the entire launch process to ensure a smooth introduction to the market.
</p>
</div>
</div>
<img src="https://docs.aws.amazon.com/images/launchwizard/latest/userguide/images/lw-sc-architecture.png" alt="картинка">
</div>
<a class="tabcontent__btn" href="index.html#doc">get a consultation</a>
</div>
</div>
</section>
<section class="applications" id="applications">
<div class="container">
<h2 class="title applications__title">WANT TO KNOW MORE?</h2>
<div class="applications__subtitle">
<p>LEAVE A REQUEST AND WE WILL CALL YOU BACK!</p>
</div>
<form action="index.html" method="POST" class="applications__form">
<input type="hidden" name="project_name" value="Test">
<input type="hidden" name="admin_email" value="tarasevich.daniils@gmail.com">
<input type="hidden" name="form_subject" value="Form Subject">
<input type="text" name="name" class="app__input" placeholder="Name" required>
<input type="tel" name="tel" class="app__input" placeholder="Number" required>
<button name="submit" class="btn applications__btn">Get a consultation</button>
</form>
</div>
</section>
</main>
<footer class="footer" id="footer">
<div class="container">
<div class="footer--inner">
<a href="index.html#home" class="logo footer__logo" style="white-space: nowrap; color: white; font-size: 22px;">
Vikonna Khata TOV
</a>>
<ul class="footer__items">
<li class="footer__item">Address <br> Lavruhina 7</li>
<li class="footer__item">Tell : <br><a class="tel" href="#"> +380 (96) 560 77 71</a></li>
<li class="footer__item footer__item--flex">We are on social networks: <a href="#" class="footer__icon sr-only"><img src="image/socials.svg" alt="Facebook" ></a>
</li>
</ul>
</div>
<iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2655.876129548885!2d25.930786015653467!3d48.2667582792339!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x473409a5ca494213%3A0x1c635022c5725c53!2sProspekt%20Nezalezhnosti%2C%20125%20A!5e0!3m2!1sru!2sua!4v1617181971856!5m2!1sru!2sua" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</footer>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>