-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
247 lines (240 loc) · 12.3 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
<!DOCTYPE html>
<!-- уходи отсюда мужик -->
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Talen Off Production Development Company">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lavina prod.</title>
<link rel="shortcut icon" href="lavina.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="reset.css">
</head>
<body>
<!-- Header -->
<header>
<div class="header-content">
<a href="index.html" class="logo">/\avina.</a>
<nav>
<ul class="nav-links">
<li><a href="#">Our Projects</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Follow us</a></li>
</ul>
</nav>
<a class="header-button" href="#"><button id="mainbutton">Discover more</button></a>
</div>
</header>
<!-- Hero Content -->
<main>
<div class="main-content-first">
<div class="content-container">
<div class="content-center">
<p><strong class="main-point">We are engineers,</strong> advisers, and designers solving business challenges with innovative solutions.</p>
<img src="lavina.png">
<div class="center-logo">
<h1 class="hero-logo">/\avina.</h1>
</div>
<h2 class="main-point-2">We empower enterprises and software companies to (re)identify their differentiation.</h2>
<p class="main-point-3">Accelerate solution development, and vigorously compete in today’s digital economy. No matter where you are in your journey.</p>
<button class="hero-button">Read More</button>
<div class="link-anim">
<p><span id="v-str">ver.7.70.1</span></p>
<span class="px-1">·</span>
<p><a class="link-add" href="#">Download .pdf</a></p>
<span class="px-1">·</span>
<p><a class="link-add">v3.3.x docs</a></p>
<span class="px-1">·</span>
<p><a class="link-add">All releases</a></p>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div class="main-content-second">
<div class="second-center">
<div class="second-icon">
<img src="bolt.svg">
</div>
<h2>Get started any way you want</h2>
<p>We’ll help you to get started on your next project, whether you’re a new company or an existing one.</p>
<h4 id="promo-link"><a id="arrow-promo">Find out more</a><img id="arrow-promo" src="arrow_forward.svg"></h4>
</div>
</div>
<section class="gallery-row">
<div class="content-two">
<div class="third-icon">
<img src="nature.svg">
</div>
<h2>Design with custom frameworks and modules</h2>
<p>As award-winning partners of AWS, GCP, Microsoft, Salesforce, and others—we empower our clients for competitive differentiation in the enterprise digital journey.</p>
<p>Deliver innovative approaches across the interconnected healthcare ecosystem. Improve the value of healthcare from better patient engagement, to addressing the needs of our aging population. Reduce the cost and complexity of systems and regulatory compliance to deliver better patient value and exceptional health outcomes.</p>
<h4 id="text-link"><a id="arrow-promo">Your Project Estimates</a><img id="arrow-promo" src="arrow_forward.svg"></h4>
</div>
<div class="content-two-three">
<div class="logo-wrapper">
<img src="01.png">
</div>
</div>
</section>
<!-- Section copy -->
<section class="gallery-row">
<div class="content-two">
<div class="fourth-icon">
<img src="pen.svg">
</div>
<h2>Make it unique with mobile, tablet and desktop support</h2>
<p>Take design of your website to the next level with premium themes from the official marketplace. Themes are built on our own engine as their own extended frameworks, rich with new components and plugins, documentation, and powerful build tools. </p>
<p>New in our production, our utilities are now generated by our Utility API. We built it as a feature-packed Sass map that can be quickly and easily customized. It's never been easier to add, remove, or modify any utility classes. Make utilities responsive, add pseudo-class variants, and give them custom names. </p>
<h4 id="text-link"><a id="arrow-promo">See New Features</a><img id="arrow-promo" src="arrow_forward.svg"></h4>
</div>
<div class="content-two-three">
<div class="logo-wrapper">
<div class=”grow”><img src="02.png"></div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="testimonials">
<h3>Client Testimonials</h3>
<div class="testimonial-grid">
<article class="testimonial grid-col-span-2 flow bg-primary-400 quote text-neutral-100">
<div class="flex">
<div>
<img src="seo.jpg">
</div>
<div>
<h2 class="name">Daria Koval</h2>
<p class="position">Certified SEO-director of Europe</p>
</div>
</div>
<h4>
As an established SEO-specialist I applaud Lavina Productions for taking a good care for pet project of mine, and bringing it to a new heights.
</h4>
<p>
“I was taking care of my cat Monya when suddenly I figured out an idea how to create an app which will solve problems of all cats in the world. I bringed that idea to the Lavina Productions, and they fullfilled my dream with no questions asked. I want to thank Lavina Productions director @deredskoy for making my dreams come true.”
</p>
</article>
<article class="testimonial flow bg-secondary-400 text-neutral-100">
<div class="flex">
<div>
<img src="niko.png" alt="Jonathan Walters">
</div>
<div>
<h2 class="name">Nikolai Sukhenkiy</h2>
<p class="position">Certified-best 2022 nutrition-specialist, creator of Ukrainian Hookah</p>
</div>
</div>
<h4>
With help of Lavina Productions now I can lift more than a 500kg!
</h4>
<p>
“Everyday my day starts with measuring food with my hands, feet, and other parts of my body. I decided that it's enough and turned to Lavina Productions to create an app which will solve all my problems. Now I have beatufiul wife, 16 abs, mantion and three rafchiks in seperate garages.”
</p>
</article>
<article class="testimonial flow bg-neutral-100 text-secondary-400">
<div class="flex">
<div>
<img src="image-jeanette.jpg">
</div>
<div>
<h2 class="name">Julia Ledenec</h2>
<p class="position">Grandmaster Chess Player & President of Ukraine</p>
</div>
</div>
<h4>
Thanks to Lavina Productions, my boyfriend will never defeat me in chess.</h4>
<p>
“Sometimes best chess battle tactics come to me when I sleep, and with help of Lavina Productions I can record all my strategies even when I am not awake. Now my tactics are unbeatable, I will focus on other troubles, and will start from evaporating ruski pigs from the planet Earth.”
</p>
</article>
<article class="testimonial grid-col-span-2 flow bg-secondary-500 text-neutral-100">
<div class="flex">
<div>
<img class="border-primary-400" src="image-patrick.jpg">
</div>
<div>
<h2 class="name">Tatiana Sugarless</h2>
<p class="position">Gamer Girl & Best Streamer of the Year 2023</p>
</div>
</div>
<h4>
With help of Lavina Productions I dont need to work anymore for the rest of my life.
</h4>
<p>
“I believe that cats change lives. And with help of my cat Toothy I decided to become #1 Streamer in the World. Thanks to Lavina Productions, I can do just that: eat macaroons, hug my beloved toothy and headshot everyone in Counter-Strike: Global Offensive with just one pinkie toe.”
</p>
</article>
<article class="testimonial flow bg-neutral-100 text-secondary-400">
<div class="flex">
<div>
<img src="missuri.png">
</div>
<div>
<h2 class="name">Ilya Missuri</h2>
<p class="position">C# Delivery-director, EBAM destroyer & Brawl Stars enjoyer</p>
</div>
</div>
<h4>
All I need now is Hunday Sonata. Everything else (including hookah) is achieved with help of my friends from Lavina Productions!
</h4>
<p>
“Before I came up with idea that changed my life, I’ve never written a line of code. I needed some structure from
professionals who can help me. After all, all I was doing is lying on my couch and playing Brawl Stars and eating some burum. Then suddenly, an idea came to me: what if I create an blockcain app which will earn me money for lying on the couch? I came with an idea to the Lavina Productions, and they did their best. Now all I do is drinking tea, lying on the couch and sipping some hookah. Dream of my life achived.”
</p>
</article>
</section>
<section class="technologies">
<div class="tech-used">
<h3>Technologies used across our projects</h3>
<p>Get a jump on including Lavina source files in a new project with our official guides.</p>
<div class="tech-used-icon">
<a class="atech-list"><img src="vite.png">Bilovol</a>
<a class="atech-list"><img src="parcel.png">Parcel</a>
<a class="atech-list"><img src="webpack.png">Webpack</a>
<a class="atech-list"><img src="c-sharp.svg">C#</a>
<a class="atech-list"><img src="c++.png">C++</a>
<a class="atech-list js"><img src="javascript.png">JavaScript</a>
</div>
</div>
</section>
<section class="contact">
<div class="contact-us">
<h2>Contact us for a free IT consultation!</h2>
<button class="hero-button">Contact us</button>
<h3>What happens next?</h3>
<p>⛳ 1. An expert contacts you shortly after having analyzed your business requirements; </p>
<p>🌝 2. When required by you, we sign an NDA to ensure the highest privacy level;</p>
<p>🎯 3. A Pre-Sales Manager submits a comprehensive project proposal;</p>
<p>🎉 4. The team assembled for your IT project can start delivering within ten business days.</p>
</div>
</section>
<!-- Footer section -->
<footer>
<div class="footer-container">
<div class="footer-row">
<div class="column-footer-left">
<a href="index.html" id="logo" class="logo">/\avina.</a>
<p>Designed and built with all the care in the world.</p>
<p>Code licensed MIT, docs CC BY 3.0. Currently v7.77.0.</p>
<p id="author">by @deredskoy.</p>
</div>
<!-- <div class="column-footer">
<h3>Contacts</h3>
<h4>DNIPRO HQ</h4>
<p>201 W 5th Street
Suite 1550
Austin, TX 78701</p>
</div>
<div class="column-footer">
<h4>LVIV HQ</h4>
<p>201 W 5th Street
Suite 1550
Austin, TX 78701</p>
</div> -->
</div>
</div>
</footer>
</main>
</body>
</html>