-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
391 lines (375 loc) · 25.3 KB
/
index.html
File metadata and controls
391 lines (375 loc) · 25.3 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
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
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
<!DOCTYPE html>
<html lang="en" class="lookinlabs-body-bg">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>LookinLabs</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="resources/css/main.css" />
<!-- Load Fonts Awesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<!-- https://tailwindcss.com/docs/installation/play-cdn -->
<script src="https://cdn.tailwindcss.com"></script>
<script src="resources/js/index.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
<!-- Google Captcha-->
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<!-- Buy me a Coffee -->
<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="lookinlabs" data-description="Support Us!" data-message="" data-color="#BD5FFF" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
</head>
<body class="lookinlabs-body-bg">
<!-- Success Banner -->
<div id="success-banner"
class="mt-24 hidden fixed top-0 left-1/2 w-3/5 mx-auto max-w-7xl bg-green-500 text-white px-6 py-3 justify-between items-center z-50 rounded transform -translate-x-1/2"
data-translation-key="banner_success_email_sent">
<div>Success! Email was sent.</div>
</div>
<!-- Fail Banner -->
<div id="fail-banner"
class="mt-24 hidden fixed top-0 left-1/2 w-3/5 mx-auto max-w-7xl bg-red-500 text-white px-6 py-3 justify-between items-center z-50 rounded transform -translate-x-1/2"
data-translation-key="banner_failure_email_sent">
<div>Email was not sent, please try again.</div>
</div>
<!-- Terms Banner -->
<div id="terms-banner"
class="mt-24 hidden fixed top-0 left-1/2 w-3/5 mx-auto max-w-7xl bg-red-500 text-white px-6 py-3 justify-between items-center z-50 rounded transform -translate-x-1/2"
data-translation-key="banner_please_check_terms_and_conditions">
<div>Please check out LookinLabs Terms & Conditions and Privacy Policy.</div>
</div>
<!-- Loader -->
<section id="refreshLoader" class="bg-white dark:bg-black flex justify-center items-center h-screen">
<div class="spinner bg-pink-200 rounded-full w-40 h-40 flex justify-center items-center">
<img src="./resources/img/pedro.webp" alt="Pedro!">
</div>
</section>
<div id="content">
<header class="relative mx-auto mb-8">
<div class="container">
<nav class="fixed top-0 w-full z-50 bg-gray-900 border-gray-200">
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto">
<a href="#about" class="flex items-center space-x-3 rtl:space-x-reverse lg:pl-10 xl:pl-0">
<img src="./resources/img/logo.webp" class="ml-8 lg:ml-0 h-20" alt="LookinLabs" />
<span class="self-center text-2xl font-semibold whitespace-nowrap text-white"></span>
</a>
<button id="navbar-toggler" type="button"
class="mr-8 inline-flex items-center p-2 w-10 h-10 justify-center text-sm rounded-lg md:hidden text-white hover:bg-gray-100 focus:outline-none focus:ring-2 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
aria-controls="navbar-default" aria-expanded="false">
<span class="sr-only" data-translation-key="navbar_open_menu">Open main menu</span>
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 17 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M1 1h15M1 7h15M1 13h15" />
</svg>
</button>
<div class="hidden w-full md:flex md:w-auto" id="navbar-default">
<ul class="font-medium flex flex-col md:p-0 md:flex-row md:space-x-8 rtl:space-x-reverse bg-gray-900">
<li>
<a href="#about"
class="block py-2 px-3 md:hover:bg-transparent md:border-0 md:hover:text-purple-400 md:p-0 text-white md:dark:hover:text-purple-400 hover:bg-gray-700 hover:text-white md:dark:hover:bg-transparent"
data-translation-key="navbar_about">About</a>
</li>
<li>
<a href="#who-we-are"
class="block py-2 px-3 md:hover:bg-transparent md:border-0 md:hover:text-purple-400 md:p-0 text-white md:dark:hover:text-purple-400 hover:bg-gray-700 hover:text-white md:dark:hover:bg-transparent"
data-translation-key="navbar_who_we_are">Who
we are?</a>
</li>
<li>
<a href="#offer"
class="block py-2 px-3 md:hover:bg-transparent md:border-0 md:hover:text-purple-400 md:p-0 text-white md:dark:hover:text-purple-400 hover:bg-gray-700 hover:text-white md:dark:hover:bg-transparent"
data-translation-key="navbar_offer">What
we offer?</a>
</li>
<li>
<a href="#pricing"
class="block py-2 px-3 md:hover:bg-transparent md:border-0 md:hover:text-purple-400 md:p-0 text-white md:dark:hover:text-purple-400 hover:bg-gray-700 hover:text-white md:dark:hover:bg-transparent"
data-translation-key="navbar_pricing">Pricing</a>
</li>
<li>
<a href="#contact"
class="block py-2 px-3 md:hover:bg-transparent md:border-0 md:hover:text-purple-400 md:p-0 text-white md:dark:hover:text-purple-400 hover:bg-gray-700 hover:text-white md:dark:hover:bg-transparent"
data-translation-key="navbar_contact">Join Us</a>
</li>
</ul>
</div>
<div id="language-changer" class="p-5">
<div class="relative inline-flex items-center">
<button id="language-button" class="flex items-center">
<i class="fas fa-globe text-white mr-2"></i>
<span id="selected-language" class="text-sm text-white">
EN <span class="mr-2"></span>
</span>
<i class="fas fa-caret-down text-white ml-2"></i>
</button>
<div id="language-options"
class="hidden absolute bg-gray-900 text-white rounded mt-2 w-20 right-0 top-full">
<button class="p-2 flex items-center w-full text-left hover:bg-purple-400 hover:text-white"
data-value="en">EN</button>
<button class="p-2 flex items-center w-full text-left hover:bg-purple-400 hover:text-white"
data-value="ee">EE</button>
<button class="p-2 flex items-center w-full text-left hover:bg-purple-400 hover:text-white"
data-value="ru">RU</button>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<main class="container mx-auto px-8 md:px-16 lg:px-32 text-white fade-in">
<section id="about" class="flex flex-col sm:flex-row pt-24">
<div class="w-full sm:w-1/2 mr-16">
<h1 class="text-2xl font-bold mb-10 underline" data-translation-key="section_about_title">About</h1>
<p class="text-justify leading-6" data-translation-key="about_description">
LookinLabs is an organization dedicated to developing diverse applications, utilizing best programming
practices tailored to the needs of each application. Our primary focus is on creating a self-development
organization that helps junior developers gain their first knowledge and experience through hands-on
projects.
</p>
</div>
<div class="w-full sm:w-1/2 flex justify-center items-center mt-4 sm:mt-0">
<img class="object-contain" data-translation-key="img_alt_startup" src="resources/img/startup.webp"
alt="Startup" style="box-shadow: 0px 0px 8px 0px #b5d200bf" />
</div>
</section>
<!-- Additionally, our partner companies benefit by hiring these engineers and significantly reducing the 3-4 months
typically needed for junior engineers to become net positive contributors to their teams. -->
<section id="who-we-are" class="flex flex-wrap pt-16">
<h1 class="text-2xl font-bold my-6 underline w-full" data-translation-key="section_who_we_are_title">Who We Are
</h1>
<p class="w-full text-justify leading-6 mb-8" data-translation-key="who_we_are_description">
At LookinLabs, we take pride in the quality of our services. Our dedicated team of specialists is not just
highly skilled, but also certified in their respective fields. Each member of our team has a minimum of 3
years of professional experience, ensuring that they have the knowledge and expertise to deliver top-notch
services.
When you choose LookinLabs, you're not just getting a service, you're getting a partnership with a team of
experts committed to your success. We value our teammates and work tirelessly to meet their needs and exceed
their expectations.
</p>
<div id="team-members" class="w-full flex flex-wrap justify-center mt-8">
<!-- Team members will be inserted here -->
</div>
</section>
<section id="offer" class="sm:w-auto md:w-auto lg:w-auto xl:w-auto flex flex-wrap pt-16">
<h1 class="text-2xl font-bold my-6 underline w-full text-center" data-translation-key="section_offer_title">What We
Offer
</h1>
</section>
<section id="kpis" class="pt-16">
<div class="container mx-auto">
<div class="flex flex-wrap justify-center">
<!-- First Icon Column -->
<div class="w-full sm:w-1/2 lg:w-1/3 px-4 mb-8 sm:mb-0">
<div class="text-center">
<i class="fas fa-book-open text-6xl text-transparent bg-clip-text bg-gradient-to-r from-emerald-700 via-indigo-700 to-purple-900 mb-4"></i>
<h3 data-translation-key="what_do_we_offer_book_icon" class="text-xl font-semibold mb-2">Comprehensive knowledge</h3>
<p data-translation-key="what_do_we_offer_book_icon_description" class="text-gray-600">Master in-demand skills across different technologies</p>
</div>
</div>
<!-- Second Icon Column -->
<div class="w-full sm:w-1/2 lg:w-1/3 px-4 mb-8 sm:mb-0">
<div class="text-center">
<i class="fas fa-users text-6xl text-transparent bg-clip-text bg-gradient-to-r from-emerald-700 via-indigo-700 to-purple-900 mb-4"></i>
<h3 data-translation-key="what_do_we_offer_users_icon" class="text-xl font-semibold mb-2">Expert Guidance</h3>
<p data-translation-key="what_do_we_offer_users_icon_description" class="text-gray-600">Learn from top-rated experts with hands-on experience</p>
</div>
</div>
<!-- Third Icon Column -->
<div class="w-full sm:w-1/2 lg:w-1/3 px-4 mb-8 sm:mb-0">
<div class="text-center">
<i class="fas fa-laptop-code text-6xl text-transparent bg-clip-text bg-gradient-to-r from-emerald-700 via-indigo-700 to-purple-900 mb-4"></i>
<h3 data-translation-key="what_do_we_offer_tools_icon" class="text-xl font-semibold mb-2">Project Based Learning</h3>
<p data-translation-key="what_do_we_offer_tools_icon_description" class="text-gray-600">Develop real projects and learn by doing</p>
</div>
</div>
</div>
<div class="flex flex-wrap justify-center mt-8">
<!-- Fourth Icon Column -->
<div class="w-full sm:w-1/2 lg:w-1/3 px-4 mb-8 sm:mb-0">
<div class="text-center">
<i class="fas fa-tools text-6xl text-transparent bg-clip-text bg-gradient-to-r from-emerald-700 via-indigo-700 to-purple-900 mb-4"></i>
<h3 data-translation-key="what_do_we_offer_laptop_icon" class="text-xl font-semibold mb-2">Performance Tracking</h3>
<p data-translation-key="what_do_we_offer_laptop_icon_description" class="text-gray-600">Monitor your progress with detailed analytics</p>
</div>
</div>
<!-- Fifth Icon Column -->
<div class="w-full sm:w-1/2 lg:w-1/3 px-4 mb-8 sm:mb-0">
<div class="text-center">
<i class="fas fa-infinity text-6xl text-transparent bg-clip-text bg-gradient-to-r from-emerald-700 via-indigo-700 to-purple-900 mb-4"></i>
<h3 data-translation-key="what_do_we_offer_infinity_icon" class="text-xl font-semibold mb-2">Certification</h3>
<p data-translation-key="what_do_we_offer_infinity_icon_description" class="text-gray-600">Earn certificates to showcase your skills</p>
</div>
</div>
<div class="w-full sm:w-1/2 lg:w-1/3 px-4 mb-8 sm:mb-0">
<div class="text-center">
<i class="fas fa-hand-holding-usd text-6xl text-transparent bg-clip-text bg-gradient-to-r from-emerald-700 via-indigo-700 to-purple-900 mb-4"></i>
<h3 data-translation-key="what_do_we_offer_affordable_icon" class="text-xl font-semibold mb-2">Affordable Pricing</h3>
<p data-translation-key="what_do_we_offer_affordable_icon_description" class="text-gray-600">Get top-quality education at a fraction of the cost compared to other organizations.</p>
</div>
</div>
</div>
</div>
</section>
<section id="pricing" class="py-16 bg-gray-900 dark:bg-gray-900 bg-opacity-0 dark:bg-opacity-0">
<div class="container mx-auto px-6">
<h1 class="text-2xl font-bold my-6 underline w-full text-center" data-translation-key="pricing_section_title">Pricing</h1>
<p class="text-center text-gray-600 dark:text-gray-400" data-translation-key="pricing_section_description">Choose the plan that best suits and fill the form below</p>
<p class="text-center text-gray-600 dark:text-gray-400 mb-12" data-translation-key="pricing_section_description2">Experience the best with our 14-day free trial. Join us today and unlock your potential!</p>
<div class="flex flex-col md:flex-row justify-center items-center space-y-6 md:space-y-0 md:space-x-6">
<!-- Early Bird -->
<div class="flex flex-col items-center bg-gray-900 bg-opacity-30 border-yellow-400 rounded-lg shadow-lg p-4 w-full md:w-1/4 text-center border-2">
<i class="fas fa-gem text-4xl text-transparent bg-clip-text bg-gradient-to-r from-emerald-700 via-indigo-700 to-purple-900 mb-4"></i>
<h3 class="text-xl font-semibold text-gray-800 dark:text-white mb-2" data-translation-key="pricing_early_bird_title">Early Bird Prices</h3>
<p class="text-gray-600 dark:text-gray-400 mb-4" data-translation-key="pricing_early_bird_description">Become one of the 10 newcomers</p>
<p class="text-purple-500 dark:text-purple-400 font-semibold mb-4" data-translation-key="pricing_early_bird_discount">Pay 40% less!</p>
<div class="text-2xl font-bold text-gray-800 dark:text-white mb-2">60€</div>
<p class="text-gray-600 dark:text-gray-400 mb-4" data-translation-key="pricing_early_bird_duration">per month</p>
</div>
<!-- Monthly Plan -->
<div class="flex flex-col items-center bg-gray-900 bg-opacity-30 border border-gray-600 rounded-lg shadow-lg p-4 w-full md:w-1/4 text-center">
<i class="fas fa-gem text-4xl text-transparent bg-clip-text bg-gradient-to-r from-emerald-700 via-indigo-700 to-purple-900 mb-4"></i>
<h3 class="text-xl font-semibold text-gray-800 dark:text-white mb-2" data-translation-key="pricing_monthly_title">Monthly Plan</h3>
<div class="text-2xl font-bold text-gray-800 dark:text-white mb-2">100€</div>
<p class="text-gray-600 dark:text-gray-400 mb-4" data-translation-key="pricing_monthly_duration">per month</p>
</div>
<!-- Quarterly Plan -->
<div class="flex flex-col items-center bg-gray-900 bg-opacity-30 border border-gray-600 rounded-lg shadow-lg p-4 w-full md:w-1/4 text-center">
<i class="fas fa-gem text-4xl text-transparent bg-clip-text bg-gradient-to-r from-emerald-700 via-indigo-700 to-purple-900 mb-4"></i>
<h3 class="text-xl font-semibold text-gray-800 dark:text-white mb-2" data-translation-key="pricing_quarterly_title">Quarterly Plan</h3>
<div class="text-2xl font-bold text-gray-800 dark:text-white mb-2">300€</div>
<p class="text-gray-600 dark:text-gray-400 mb-4" data-translation-key="pricing_quarterly_duration">per quarter</p>
</div>
<!-- Yearly Plan -->
<div class="flex flex-col items-center bg-gray-900 bg-opacity-30 border border-gray-600 rounded-lg shadow-lg p-4 w-full md:w-1/4 text-center">
<i class="fas fa-gem text-4xl text-transparent bg-clip-text bg-gradient-to-r from-emerald-700 via-indigo-700 to-purple-900 mb-4"></i>
<h3 class="text-xl font-semibold text-gray-800 dark:text-white mb-2" data-translation-key="pricing_yearly_title">Yearly Plan</h3>
<div class="text-2xl font-bold text-gray-800 dark:text-white mb-2">1080€</div>
<p class="text-gray-600 dark:text-gray-400 mb-2" data-translation-key="pricing_yearly_duration">per year</p>
<p class="text-purple-500 dark:text-purple-400 font-semibold mb-4" data-translation-key="pricing_yearly_discount">Pay 10% less!</p>
</div>
</div>
</div>
</section>
<section id="contact" class="flex flex-col items-center justify-center pt-24">
<h1 class="text-2xl font-bold my-6 underline w-full text-center" data-translation-key="section_contact_title">Join
Us</h1>
<form id="contactForm"
class="space-y-6 w-full lg:w-2/3 bg-gray-900 bg-opacity-30 border border-gray-600 p-8 rounded-lg shadow-xl dark:bg-opacity-30 dark:border-gray-700">
<input type="text" id="username" name="username" placeholder="Username" required
class="w-full p-3 border bg-gray-900 bg-opacity-30 border-gray-600 rounded text-white dark:text-white dark:bg-gray-700 dark:bg-opacity-30 focus:outline-none focus:ring-2 focus:ring-blue-400"
data-translation-key="contact_form_username_placeholder">
<input type="email" id="email" name="email" placeholder="Email" required
class="w-full p-3 border border-gray-600 bg-opacity-30 rounded text-white dark:text-white dark:bg-gray-700 dark:bg-opacity-30 focus:outline-none focus:ring-2 focus:ring-blue-400"
data-translation-key="contact_form_email_placeholder">
<input type="text" id="title" name="title" placeholder="Your role (e.g Software Engineer, DevOps Engineer etc)"
required
class="w-full p-3 border border-gray-600 bg-opacity-30 rounded text-white dark:text-white dark:bg-gray-700 dark:bg-opacity-30 focus:outline-none focus:ring-2 focus:ring-blue-400"
data-translation-key="contact_form_role_placeholder">
<textarea id="description" name="description" placeholder="Share your knowledge" required rows="5"
class="w-full p-3 border border-gray-600 bg-opacity-30 rounded text-white dark:text-white dark:bg-gray-700 dark:bg-opacity-30 focus:outline-none focus:ring-2 focus:ring-blue-400"
data-translation-key="contact_form_description_placeholder"></textarea>
<div class="flex justify-center">
<label class="inline-flex items-center mt-3">
<input id="termsCheckbox" type="checkbox" class="form-checkbox h-5 w-5 text-purple-400 dark:text-white">
<span class="ml-2 text-white dark:text-white" data-translation-key="contact_form_agree_checkbox_label">
I agree to
<a href="/resources/terms/en/terms_and_conditions.pdf" target="_blank" class="text-blue-500 hover:underline">Terms
&
Conditions</a>
and
<a href="/resources/terms/en/privacy_policy.pdf" target="_blank" class="text-blue-500 hover:underline">Privacy
Policy</a>
</span>
</label>
</div>
<div class="flex justify-center">
<div class="g-recaptcha" data-sitekey="6LdxhqIpAAAAACETruL2Z0WJmCi0hcNo9k6wCk_-"></div>
</div>
<div class="flex justify-center">
<button type="submit"
class="p-3 bg-opacity-30 bg-purple-600 hover:bg-green-500 hover:bg-opacity-70 text-white rounded"
data-translation-key="contact_form_submit_button_text">
Join Us!
</button>
</div>
</form>
</section>
<!-- Loader Section -->
<section id="loader" class="fixed z-10 inset-0 overflow-y-auto hidden" aria-labelledby="modal-title" role="dialog"
aria-modal="true">
<div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
<div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true"></div>
<span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span>
<div
class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full">
<div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
<div class="sm:flex sm:items-start">
<div
class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-green-100 sm:mx-0 sm:h-10 sm:w-10">
<svg class="h-6 w-6 text-green-600 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
</path>
</svg>
</div>
<div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
<h3 class="text-lg leading-6 font-medium text-gray-900" id="modal-title"
data-translation-key="contact_form_loader_modal_title">
Sending email...
</h3>
<div class="mt-2">
<p class="text-sm text-gray-500" data-translation-key="contact_form_loader_modal_description">
Please wait... Don't press submit second time, otherwise it will fail.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="partners" class="flex flex-col items-center justify-center p-4 pt-16">
<h1 class="text-2xl font-bold my-6 underline w-full text-center" data-translation-key="section_partners_title">Our Partners</h1>
<div class="flex flex-col md:flex-row w-full items-center mt-12 md:mt-6 mb-12 px-4">
<div class="flex flex-1 justify-center md:justify-end pr-2 md:pr-8">
<a href="https://aws.amazon.com/what-is-cloud-computing">
<img class="w-40" src="./resources/img/powered-by-aws-white.webp" alt="Powered by AWS">
</a>
</div>
<div class="flex flex-1 justify-center md:justify-start pl-2 md:pl-8 mt-8 md:mt-0">
<a href="https://kood.tech/">
<img class="w-80" src="./resources/img/kood_johvi.webp" alt="Powered By Kood Jõhvi">
</a>
</div>
</div>
</section>
</main>
<div class="sm:w-auto md:w-auto lg:w-auto xl:w-auto flex justify-center mt-4">
<footer class="w-full mt-20 p-2 bg-gray-900 border-gray-200 text-center text-white">
<div class="max-w-full mx-auto px-4 sm:px-6 lg:px-8">
<div class="py-2 h-12 text-3xl font-bold">LookinLabs</div>
<div class="" data-translation-key="footer_contact_prompt">Feel free to contact us directly.</div>
<div class="text-sm">support@lookinlabs.com</div>
<div class="h-10 flex justify-center space-x-4 text-sm">
+ 372 5686 5405
</div>
<div class="h-12 flex justify-center space-x-4">
<a href="https://github.com/LookinLabs" target="_blank">
<i class="fab fa-github fa-2x text-white hover:text-gray-400"></i>
</a>
<a href="https://www.linkedin.com/company/lookinlabs" target="_blank">
<i class="fab fa-linkedin fa-2x text-blue-700 hover:text-blue-900"></i>
</a>
</div>
<hr class="my-2 mx-auto bg-gray-900 border-gray-200 shadow-lg">
<div class=" flex justify-center space-x-4 text-lg" data-translation-key="footer_copyright_statement">©
All rights reserved</div>
</div>
</footer>
</div>
</div>
</body>
</html>