-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-me.html
188 lines (155 loc) · 7.77 KB
/
about-me.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Max Basev | Blog, portfolio & other stuff</title>
<meta charset="UTF-8">
<meta name="description" content="Max Basev Blog. Debtor. Already failed 3 businesses. My thoughts & ideas.">
<meta name="keywords" content="Tilda, Max Basev, blog, webdev, order, CMS, WordPress, HTML, CSS, JS">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<!-- Template Main CSS File -->
<link href="assets/css/index.min.css" rel="stylesheet">
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (m, e, t, r, i, k, a) {
m[i] = m[i] || function () {
(m[i].a = m[i].a || []).push(arguments)
};
m[i].l = 1 * new Date();
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode
.insertBefore(k, a)
})(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(61429024, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true
});
</script> <noscript>
<div><img src="https://mc.yandex.ru/watch/61429024" style="position:absolute; left:-9999px;" alt="" /></div>
</noscript> <!-- /Yandex.Metrika counter -->
<meta name="yandex-verification" content="131f847706b87d5f" />
</head>
<body>
<!-- ======= Mobile nav toggle button ======= -->
<button type="button" class="mobile-nav-toggle d-xl-none"><i class="icofont-navigation-menu"></i></button>
<!-- ======= Header ======= -->
<header id="header">
<div class="d-flex flex-column">
<div class="profile">
<img src="assets/img/profile-img.jpg" alt="Max Basev profile photo" class="img-fluid rounded-circle">
<h1 class="text-light"><a href="https://maxbasev.com">Max Basev</a></h1>
<div class="social-links mt-3 text-center">
<a href="https://twitter.com/maxbasev" class="twitter"><i class="bx bxl-twitter"></i></a>
<a href="https://www.facebook.com/maxim.basev" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="https://www.instagram.com/maxbasev/" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="https://www.linkedin.com/in/maxim-basev/" class="linkedin"><i
class="bx bxl-linkedin"></i></a>
<a href="https://t.me/maxbasev" class="telegram"><i class="bx bxl-telegram"></i></a>
</div>
</div>
<nav class="nav-menu">
<ul>
<li data-aos="fade-right" data-aos-delay="100"><a href="https://maxbasev.com"><i
class="bx bx-home"></i>
<span> Homepage</span></a>
</li>
<li data-aos="fade-right" data-aos-delay="150"><a href="https://portfolio.maxbasev.com"><i
class="bx bx-desktop"></i> <span>
Portfolio</span></a></li>
<li data-aos="fade-right" data-aos-delay="200"><a href="https://skazoff.com"><i
class="bx bx-book-bookmark"></i> <span>
Blog</span></a></li>
<li data-aos="fade-right" data-aos-delay="250"><a href="https://instagram.com/maxbasev"><i
class="bx bx-camera"></i>
Photography</a>
</li>
<!-- <li data-aos="fade-right" data-aos-delay="300"><a href="https://skazoff.com"><i
class="bx bx-ghost"></i>
Crypto/NFT</a></li> -->
<li data-aos="fade-right" data-aos-delay="350"><a href="http://eepurl.com/ihiecn"><i
class="bx bx-mail-send"></i>
Newsletter</a></li>
</ul>
</nav><!-- .nav-menu -->
<button type="button" class="mobile-nav-toggle d-xl-none"><i class="icofont-navigation-menu"></i></button>
</div>
</header><!-- End Header -->
<main id="main">
<div class="progress-right"></div>
<div class="p-4 p-md-5 text-white top-post-bg-color">
<div class="section-titlez">
<h2>Hi there!👋</h2>
</div>
<h3 class="mt-5">My name is Max and I am from Russia, or rather from the coldest part of this country -
Siberia.</h3>
<h4>These are some things about me (based on recent events):</h4>
<ul class="li-none">
<li>🤦 I've screwed up 3 businesses already</li>
<li>☠️ I've been working as a freelancer for several years on websites, various simple CRUD/CRM, etc.
Usually, I work with Angular (MEAN), Python (Django), or some CMS (WordPress/Tilda, etc.).</li>
<li>😑 I lived in Novosibirsk until the end of 2022, then moved to Bishkek and now (in 2023) I plan to
move further. I dream of moving to Canada, although I was born in the Moscow region.</li>
<li>🖋 I am trying to improve my English, so sometimes I start blogging in English, but it doesn't turn
out well.</li>
<li>☕️ I drink a lot of coffee and love horror and Lovecraftian stories. 😱</li>
<li>💡 I constantly want to learn everything, but I end up not having enough time for anything.</li>
<li>🚀 I run different projects, some are successful, and some are not. As the first line of this text
suggests, it's clear which projects are more successful.</li>
<li>📚 I used to read a lot (150 books in 2018), but now I try to be more selective.</li>
</ul>
<h4>And quite briefly:</h4>
<ul class="li-none">
<li>🍺 I haven't drunk alcohol in 10 years.</li>
<li>🚬 I also don't smoke or use any other substances.</li>
<li>😇 I don't believe in God, but I believe in the power of the brain.</li>
</ul>
<h5>P.S. Coffee - the drink of the gods!</h5>
</div>
<section id="about" class="newsletter p-4 p-md-5 top-post-bg-color">
<div class="container">
<p class="top-post-btn border-animation"><a href="http://eepurl.com/ihiecn"
class="text-white fw-bold border-animation__inner">Newsletter</a></p>
</div>
</section>
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="copyright">
2020 - 2024 © MaxBasev
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="assets/vendor/counterup/counterup.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/typed.js/typed.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script
id="mcjs">!function (c, h, i, m, p) { m = c.createElement(h), p = c.getElementsByTagName(h)[0], m.async = 1, m.src = i, p.parentNode.insertBefore(m, p) }(document, "script", "https://chimpstatic.com/mcjs-connected/js/users/dda263eda0765b2716a0f1fbf/262b01f78104c6ec39859173a.js");</script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>