-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
268 lines (230 loc) · 15.1 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
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WG97HS57JW"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-WG97HS57JW');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anatoliy Babushka | Engineering Leader</title>
<meta name="title" content="Anatoliy Babushka | Engineering Leader">
<meta name="description"
content="Experienced Engineering Leader with 10+ years of success in team growth, product development, and technical strategy, driving efficiency and innovation.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://anatoliybabushka.com">
<meta property="og:title" content="Anatoliy Babushka | Engineering Leader">
<meta property="og:description"
content="Experienced Engineering Leader with 10+ years of success in team growth, product development, and technical strategy, driving efficiency and innovation.">
<meta property="og:image" content="https://anatoliybabushka.com/Anatoliy_Babushka_no_background.webp">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://anatoliybabushka.com">
<meta property="twitter:title" content="Anatoliy Babushka | Engineering Leader">
<meta property="twitter:description"
content="Experienced Engineering Leader with 10+ years of success in team growth, product development, and technical strategy, driving efficiency and innovation.">
<meta property="twitter:image" content="https://anatoliybabushka.com/Anatoliy_Babushka_no_background.webp">
<script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<script type="module" crossorigin="" src="https://anatoliybabushka.com/script.js"></script>
<link rel="stylesheet" href="https://anatoliybabushka.com/styles.css">
</head>
<body class="flex flex-col bg-white overflow-x-hidden" data-new-gr-c-s-check-loaded="14.1221.0"
data-gr-ext-installed="">
<header class="px-2 xl:px-0 py-5 border-b">
<section class="flex items-center justify-between container xl:w-252 mx-auto">
<div class="flex items-center">
<p class="text-xl">ANATOLIY BABUSHKA</p>
</div>
<a aria-label="Write me an email" class="group flex items-center gap-2 text-primary py-2 px-4 rounded-full"
href="mailto:[email protected]">
<span class="group-hover:animate-bounce">
<svg class="fill-primary" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 256 256">
<path
d="M132,24A100.11,100.11,0,0,0,32,124v84.33A15.69,15.69,0,0,0,47.67,224H132a100,100,0,0,0,0-200Zm0,184H48V124a84,84,0,1,1,84,84Zm12-80a12,12,0,1,1-12-12A12,12,0,0,1,144,128Zm-44,0a12,12,0,1,1-12-12A12,12,0,0,1,100,128Zm88,0a12,12,0,1,1-12-12A12,12,0,0,1,188,128Z">
</path>
</svg> </span><span>Write me</span></a>
</section>
</header>
<main class="flex flex-col">
<section class="flex flex-col bg-secondary-100 py-32">
<div
class="flex flex-col md:flex-row justify-center md:justify-between px-2 xl:px-0 container xl:w-252 mx-auto">
<div
class="flex flex-col items-center md:items-start text-center md:text-left gap-y-10 w-full md:w-1/2">
<h1 class="text-5xl sm:text-6xl">
I help
<br>
<span class="text-primary italic">companies and individuals</span>
<br>
to deliver impactful results.
</h1>
<p class="text-lg">
Leveraging strategic leadership, innovation, and technical expertise to help companies drive
growth and individuals advance their careers through professional coaching and mentorship.
</p>
<a class="group flex items-center gap-2 transition duration-500 bg-primary hover:bg-black text-white py-2 px-4 rounded-full w-fit"
href="mailto:[email protected]" aria-label="Write me an email">
<span>
<svg class="fill-white" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
viewBox="0 0 256 256">
<path
d="M132,24A100.11,100.11,0,0,0,32,124v84.33A15.69,15.69,0,0,0,47.67,224H132a100,100,0,0,0,0-200Zm0,184H48V124a84,84,0,1,1,84,84Zm12-80a12,12,0,1,1-12-12A12,12,0,0,1,144,128Zm-44,0a12,12,0,1,1-12-12A12,12,0,0,1,100,128Zm88,0a12,12,0,1,1-12-12A12,12,0,0,1,188,128Z">
</path>
</svg> </span><span>Write me</span>
</a>
</div>
<div class="hidden md:flex w-1/2">
<img width="200px" height="500px" class="h-full w-full object-cover animate-reveal-image"
src="https://anatoliybabushka.com/Anatoliy_Babushka_no_background.webp" alt="Anatoliy Babushka"
loading="eager">
</div>
</div>
</section>
<section id="about"
class="flex flex-col-reverse md:flex-row gap-10 px-2 xl:px-0 container xl:w-252 mx-auto my-20 scroll-mt-10">
<div class="md:w-1/2 h-[700px]">
<img width="200px" height="1000px" class="h-full w-full object-cover object-center-top"
src="https://anatoliybabushka.com/Anatoliy_Babushka.webp" alt="Profile pic" loading="lazy">
</div>
<div class="flex flex-col gap-y-5 md:w-1/2 justify-center">
<h2 class="text-4xl font-gill-sans-nova">
Let's <span class="italic"></span>shape</span> your journey to
<br /><span class="text-primary">high-performing success</span>
</h2>
<p>
With over a decade of engineering leadership, I transform organizations by aligning technical
strategy with business objectives. I boost efficiency, cut product cycles, and cultivate innovative
cultures, enabling companies to thrive in competitive markets and achieve remarkable growth.
</p>
<p>
In my coaching and consulting practice, I empower professionals to achieve career breakthroughs and
refine their leadership skills. Through personalized mentorship, I help you build high-performing
teams and sustain innovation for long-term impact.
</p>
</div>
</section>
<section id="services" class="px-2 xl:px-0 container xl:w-252 mx-auto my-20 scroll-mt-10">
<h2 class="text-center text-3xl font-gill-sans-nova">
I Will help you stand out
</h2>
<div class="grid grid-cols-12 md:grid-rows-6 gap-3 mt-10">
<div class="bg-secondary-200 col-span-12 md:col-span-6 md:row-span-3 rounded-xl p-10">
<img width="400px" height="280px"
class="rounded-xl object-cover object-left-bottom h-[280px] w-full" src="https://anatoliybabushka.com/mentoring.webp"
alt="Mentoring" loading="lazy">
<h3 class="flex items-center gap-x-2 text-primary text-xl my-3">
<i class="fi fi-rr-brain"></i>Mentoring
</h3>
<p>
Benefit from over a decade of engineering leadership. I provide personalized mentoring to
accelerate your professional growth, sharpen leadership skills, and overcome organizational
challenges. Elevate your career with proven strategies and expert guidance.
</p>
</div>
<div class="bg-secondary-200 col-span-12 md:col-span-6 md:row-span-3 rounded-xl p-10">
<img width="400px" height="280px"
class="rounded-xl object-cover object-left-bottom h-[280px] w-full" src="https://anatoliybabushka.com/product_development.webp"
alt="Product Development" loading="lazy">
<h3 class="flex items-center gap-x-2 text-primary text-xl my-3">
<i class="fi fi-rr-people-carry-box"></i>Product Development
</h3>
<p>
Transform your product vision into reality. I streamline the process from product discovery to
launch, integrating engineering excellence with strategic management. Drive innovation and
market success with a comprehensive, hands-on approach.
</p>
</div>
<div class="bg-secondary-200 col-span-12 md:col-span-6 md:row-span-3 rounded-xl p-10">
<img width="400px" height="280px"
class="rounded-xl object-cover object-left-bottom h-[280px] w-full" src="https://anatoliybabushka.com/technical_strategy.webp"
alt="Technical Strategy" loading="lazy">
<h3 class="flex items-center gap-x-2 text-primary text-xl my-3">
<i class="fi fi-rr-pencil"></i>Technical Strategy
</h3>
<p>
Leverage a robust technical strategy designed by a seasoned engineering leader. I align
technology initiatives with business goals to boost efficiency, accelerate time-to-market, and
drive impactful innovation and compliance.
</p>
</div>
<div class="bg-secondary-200 col-span-12 md:col-span-6 md:row-span-3 rounded-xl p-10">
<img width="400px" height="280px"
class="rounded-xl object-cover object-left-bottom h-[280px] w-full" src="https://anatoliybabushka.com/software_development.webp"
alt="Software Development" loading="lazy">
<h3 class="flex items-center gap-x-2 text-primary text-xl my-3">
<i class="fi fi-rr-interactive"></i>Software Development
</h3>
<p>
For mission-critical projects, I offer expert hands-on coding. With deep software engineering
expertise, I tackle complex challenges, build scalable solutions, and provide direct coding
support to ensure high-quality, reliable results.
</p>
</div>
</div>
</section>
</main>
<footer class="flex flex-col bg-secondary-100 mt-20">
<section class="grid grid-cols-12 px-2 xl:px-0 xl:max-w-5xl xl:mx-auto py-20 gap-y-5">
<div class="flex flex-col col-start-2 col-span-8 xl:col-start-1 xl:col-span-6 gap-7">
<div class="flex items-center">
<p class="text-xl pr-[1px]">ANATOLIY BABUSHKA</p>
</div>
<p class="w-2/3">
Engineering Leader | Driving Team Growth, Product Development, and Technical Strategy
</p>
<div class="flex items-center gap-x-3">
<a aria-label="LinkedIn Profile" href="https://www.linkedin.com/in/bbsnly/">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#2563eb"
viewBox="0 0 256 256">
<path
d="M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24ZM96,176a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0ZM88,96a12,12,0,1,1,12-12A12,12,0,0,1,88,96Zm96,80a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140Z">
</path>
</svg>
</a>
<a aria-label="GitHub Profile" href="https://www.github.com/bbsnly/">
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105 105">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"
fill="#24292f" />
</svg>
</a>
</div>
</div>
<div class="flex flex-col col-span-2 gap-y-7">
<h3 class="font-medium">Links</h3>
<ul class="flex flex-col gap-2">
<li class="hover:text-primary">
<a aria-label="Home page" href="/">Home</a>
</li>
<li class="hover:text-primary">
<a aria-label="About section" href="#about">About</a>
</li>
<li class="hover:text-primary">
<a aria-label="Services section" href="#services">Services</a>
</li>
</ul>
</div>
<div class="flex flex-col col-start-2 col-span-10 xl:col-span-4 gap-7">
<h3 class="font-medium">Contacts</h3>
<p class="max-w-sm">
Got a question? Email me—let's connect and create success together!
</p>
<a class="transition duration-500 bg-primary hover:bg-black text-white py-2 px-4 rounded-full w-fit"
href="mailto:[email protected]" aria-label="Contact me now">
Contact me now
</a>
</div>
</section>
<section class="bg-white">
<div
class="px-2 xl:px-0 container xl:w-252 sm:mx-auto flex items-center justify-between my-5 space-x-2 sm:space-x-0">
<p>© 2025 Anatoliy Babushka</p>
</div>
</section>
</footer>
</body>
</html>