forked from afnizarnur/draco
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
267 lines (255 loc) · 12.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-C6X3XJWE43"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-C6X3XJWE43');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Resume of Bogdan Gavrilets">
<meta name="author" content="Bogdan Gavrilets">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bogdan Gavrilets</title>
<link rel="stylesheet" href="css/kube.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/custom.min.css">
<link rel="shortcut icon" href="img/favicon.png">
<link href='https://fonts.googleapis.com/css?family=Playfair+Display+SC:700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
<style>
.intro h1:before {
content: 'Bo';
}
.bg-custom {
background-color: #FF69B4;
}
.nft-mint-container {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
max-width: 600px;
margin: 20px auto;
padding: 20px;
text-align: center;
}
.nft-mint-container h1 {
color: #333;
font-size: 24px;
margin-bottom: 10px;
}
.nft-mint-container p {
color: #555;
font-size: 16px;
margin-bottom: 20px;
}
.nft-mint-container img {
width: 100%;
border-radius: 10px;
margin-bottom: 20px;
}
.nft-mint-container button {
background-color: #FF69B4;
color: #000000;
border: none;
padding: 15px 20px;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.nft-mint-container button:hover {
background-color: #45A049;
}
}
</style>
</style>
</head>
<body>
<!-- Navigation -->
<div class="main-nav">
<div class="container">
<header class="group top-nav">
<div class="navigation-toggle" data-tools="navigation-toggle" data-target="#navbar-1">
<span class="logo">Bogdan Gavrilets</span>
</div>
<nav id="navbar-1" class="navbar item-nav">
<ul>
<li class="active"><a href="#about">About</a></li>
<li><a href="#experiences">Experiences</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
</div>
</div>
<!-- Introduction -->
<div class="intro section" id="about">
<div class="container">
<p>Hi, I’m Bogdan Gavrilets</p>
<div class="units-row units-split wrap">
<div class="unit-20">
<img src="img/ava.png" alt="Avatar">
</div>
<div class="unit-80">
<h1>I live in<br><span id="typed"></span></h1>
</div>
<p>
I am passionate about high-tech projects in the crypto industry. I have extensive experience in technical writing and programming for blockchain projects.
</p>
<a href="https://calendly.com/gavriles" class="btn">Book a meeting</a>
</div>
</div>
</div>
<!-- Work Experiences -->
<div class="work section second" id="experiences">
<div class="container">
<h1>Work<br>Experiences</h1>
<ul class="work-list">
<li><strong>Blockchain Logic Writer | Technical Writer (Jun 2023 - now)</strong>
<ul>
<li>Technical Documentation Development: Created detailed and clear documents for various blockchain projects, ensuring comprehensive understanding and accessibility.</li>
<li>Smart Contract Coding: Participated in the development and optimization of smart contracts using Solidity, enhancing blockchain project functionality and security.</li>
<li>Training and Counseling: Assisted new project members in quickly getting up to speed and contributing effectively to the development process.</li>
</ul>
</li>
<li><strong>Startup Owner at MetaPool.me (Dec 2021 - May 2023)</strong>
<ul>
<li>Team Building: Successfully built and managed a diverse team of 15 individuals, integrating their various skills to tackle the challenges faced by a fintech startup.</li>
<li>Bootstrapping & Resourcefulness: Despite initial lack of investments, managed to launch and develop the product by maximizing the utilization of limited resources.</li>
<li>Product Development: Directed the development of the product, identifying crucial features and ensuring the delivery of high-quality solutions.</li>
<li>Problem-Solving: Efficiently resolved software issues and adapted to changing circumstances.</li>
<li>Persistence: Demonstrated resilience in the face of funding setbacks, enhancing capability to navigate complex challenges effectively.</li>
</ul>
</li>
<li><strong>Product Manager at Close Venture Capital (Sep 2020 - Oct 2021)</strong>
<ul>
<li>Cross-Functional Team Leadership: Effectively led and coordinated sales, development, and stakeholders by fostering clear communication and collaboration.</li>
<li>Strategic Marketing: Strategic marketing efforts significantly boosted product visibility and adoption in the market.</li>
<li>Product Definition: Clarified the product's goals, identified the target audience, and established its value proposition, providing clear guidance for the development process.</li>
<li>End-to-End Product Management: Oversaw the entire product lifecycle, ensuring its technical robustness and alignment with market needs.</li>
</ul>
</li>
<li><strong>Corporate Registration Specialist at Tochka Bank (Aug 2018 - Sep 2020)</strong>
<ul>
<li>Expert Consultation: Provided valuable guidance to corporate clients within the fintech and online banking sectors.</li>
<li>Agile Methodology: Streamlined sales processes using B2B agile scrum methodologies, enhancing operational efficiency.</li>
<li>Compliance Advisory: Guided clients on regulatory compliance best practices within the fintech industry.</li>
<li>Financial Systems Navigation: Ensured successful registration and compliance for corporate clients.</li>
</ul>
</li>
</ul>
</div>
</div>
<!-- NFT Mint Section -->
<div class="nft-mint-container">
<h1><h1>Hey, check out what I can do: MINT NFT "ALTUSHKA"</h1>
</h1>
<p>LIMITED EDITION 303 - ABSOLUTELY FREE RANDOM ANIME MINT</p>
<img src="https://miro.medium.com/v2/resize:fit:640/format:webp/1*uQdkV7ZgUcYAe00AlALjFw.png" alt="NFT Altushka">
<button><a href="https://blockchainlogicwriter.medium.com/guide-to-using-metamask-and-minting-your-altushka-nft-on-binance-smart-chain-testnet-07fcae478ac1" target="_blank">Mint Now - Medium Guide</a></button>
</div>
<!-- Skills -->
<div class="skills section second" id="skills">
<div class="container">
<h1>Had experience with:</h1>
<ul class="skill-list list-flat">
<li>Programming Languages</li>
<li>Solidity, Python, HTML, JavaScript, CSS, SQL</li>
</ul>
<ul class="skill-list list-flat">
<li>Development Tools</li>
<li>Visual Studio Code, Git Bash, GitHub, GitLab</li>
</ul>
<ul class="skill-list list-flat">
<li>Cloud Platforms</li>
<li>Google Cloud Platform (GCP)</li>
</ul>
<ul class="skill-list list-flat">
<li>Analytics</li>
<li>Google Analytics</li>
</ul>
<ul class="skill-list list-flat">
<li>Project Management</li>
<li>Asana, Jira, Notion</li>
</ul>
<ul class="skill-list list-flat">
<li>Design Collaboration</li>
<li>Figma, Miro</li>
</ul>
<ul class="skill-list list-flat">
<li>Database Management</li>
<li>MySQL, BigQuery</li>
</ul>
<ul class="skill-list list-flat">
<li>Communication Platforms</li>
<li>Telegram, Discord, Twitter, Slack, Instagram, TikTok</li>
</ul>
<ul class="skill-list list-flat">
<li>Content Creation</li>
<li>Canva, CapCut</li>
</ul>
<ul class="skill-list list-flat">
<li>Live Streaming</li>
<li>Twitch</li>
</ul>
</div>
</div>
<div class="container">
<div class="units-row">
<div class="unit-50">
</ul>
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Oh monday, here we go again⚡️<br><br>This weekend we visited incredible Polkadot meetup organized by <a href="https://twitter.com/cyberacademydev?ref_src=twsrc%5Etfw">@cyberacademydev</a>🤖 <br><br>Amazing speakers, excellent networking and a charging atmosphere — this gives us strength for a new week!<br><br>What were you're up to, dear, don't be shy, tell us? <a href="https://t.co/yUAxso1CpA">pic.twitter.com/yUAxso1CpA</a></p>— MetaPool.me (@metapool_me) <a href="https://twitter.com/metapool_me/status/1574380710521176065?ref_src=twsrc%5Etfw">September 26, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</ul>
</div>
</div>
<!-- Contact -->
<div class="contact section second bg-custom" id="contact">
<div class="container">
<h1>Contact<br>Me</h1>
<p>If you would like to get in touch, please reach out via email or connect with me on GitHub or TG.</p>
<ul class="social list-flat"> <a href="https://calendly.com/gavriles" class="btn">Book a meeting</a>
<li><a href="https://t.me/metasurff"><i class="fa telegram"></i> t.me/metasurff</a></li>
<li><a href="https://github.com/gavriles"><i class="fa fa-github"></i> github.com/gavriles</a></li>
</ul>
</div>
</div>
<footer>
<div class="container">
<div class="units-row">
<div class="unit-50">
<p>Handcrafted by Bogdan Gavrilets</p>
</div>
<div class="unit-50">
<ul class="social list-flat right">
<li><a href="https://github.com/gavriles"><i class="fa fa-github"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Javascript -->
<script src="js/jquery.min.js"></script>
<script src="js/typed.min.js"></script>
<script src="js/kube.min.js"></script>
<script src="js/site.js"></script>
<script>
function newTyped() {}
$(function() {
$("#typed").typed({
strings: ["Montevideo", "the Blockchain World", "everywhere"],
typeSpeed: 90,
backDelay: 700,
contentType: "html",
loop: true,
resetCallback: function() { newTyped(); }
});
});
</script>
</body>
</html>