-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
246 lines (236 loc) · 12.4 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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="images/fav.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<title>Portfolio</title>
</head>
<body>
<section class="hero">
<div class="gifWrapper">
<div class="gifinnerWrapper">
<img id="imgid" src="images/clip.gif" alt="">
</div>
</div>
<div class="hiWrapper">
<div class="hiMask">
<div class="hi">
<span class="hi1">Hi</span>
<span class="hi2">I'm Bakhtiyor</span>
<span class="hi3">a software developer with a passion for solving problems and learning new things.</span>
</div>
</div>
</div>
</section>
<section class="aboutMe">
<div class="h2wrapper">
<div class="half">
<h2 class="">
<span>A</span><span>b</span><span>o</span><span>u</span><span>t</span><span> </span><span>m</span><span>e</span>
<i>More</i>
</h2>
</div>
</div>
<h3>As a Software Developer, my goal is to continually improve my programming skills in order to present better solutions to my employers and their clients.</h3>
<div class="pathwrapper">
<svg width="810" height="703" viewBox="0 0 810 703" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M406 703C406 703 406 569.5 406 557.5V543H394.5H302.5C302.5 543 296 545.5 296 557.5C296 569.5 296 615 296 615C296 615 296 631.5 280 631.5C264 631.5 34 631.5 34 631.5C34 631.5 16.5 631.5 16.5 615C16.5 598.5 16.5 478.5 16.5 478.5C16.5 478.5 16.5 464 34 464C51.5 464 280 464 280 464C280 464 296 464 296 478.5C296 493 296 512.5 296 526C296 539.5 302.5 541.5 302.5 541.5H394.5H406V429H417.5C429 429 509.5 429 509.5 429C509.5 429 514.5 432 514.5 444C514.5 456 514.5 478.5 514.5 478.5C514.5 478.5 514.5 494 532 494C549.5 494 794.5 494 794.5 494C794.5 494 809 494 809 475C809 456 809 389.5 809 375.5C809 361.5 794.5 361.5 794.5 361.5H527.5C527.5 361.5 514.5 361.5 514.5 375.5C514.5 389.5 514.5 394.5 514.5 409.5C514.5 424.5 509.5 427.5 509.5 427.5H417.5H406V324H392H302.5C302.5 324 296 327.5 296 343C296 358.5 296 388 296 405C296 422 277 422 277 422H23.5C23.5 422 1 422 1 401C1 380 1 254 1 234C1 214 23.5 214 23.5 214H277C277 214 296 214 296 234C296 254 296 293.5 296 307C296 320.5 302.5 322.5 302.5 322.5H392H406V223.5H417.5H509.5C509.5 223.5 514.5 228.5 514.5 241C514.5 253.5 514.5 261 514.5 261C514.5 261 514.5 277 532 277C549.5 277 716.5 277 716.5 277C716.5 277 736.5 277 736.5 258.5C736.5 240 736.5 164.5 736.5 164.5C736.5 164.5 736.5 147 716.5 147C696.5 147 532 147 532 147C532 147 514.5 147 514.5 164.5C514.5 182 514.5 199 514.5 210.5C514.5 222 509.5 222 509.5 222H417.5H406V131.5H394.5H302.5C302.5 131.5 296 131.5 296 141.5C296 151.5 296 148 296 164.5C296 181 277 181 277 181C277 181 90 181 73.5 181C57 181 57 164.5 57 164.5V66.5C57 66.5 57 53.5 70 53.5C83 53.5 285.5 53.5 285.5 53.5C285.5 53.5 296 53.5 296 66.5C296 79.5 296 104.5 296 116C296 127.5 302.5 129.5 302.5 129.5H394.5H406V0" stroke="black"/>
</svg>
<div class="layout">
<div class="left1">
<h5>Project Manager</h5>
<span>
Slashed delivery times 5% in 6 months and cut costs by 3% for all client projects.
Achieved average of 99% client satisfaction.
</span>
</div>
<div class="right1">
<h5>web-developer</h5>
<span>
Devised and created more than 30 modern custom responsive (wordpress) websites.
</span>
</div>
<div class="left2">
<h5>Microverse Remote<br> Full Stack Web Development Program</h5>
<span>
Spent 1300+ hours mastering algorithms, data structures, and full-stack development while simultaneously developing projects with Ruby, Rails, JavaScript, React, and Redux.
Developed skills in remote pair-programming using GitHub, industry-standard git-flow, and daily standups to communicate and collaborate with international remote developers.
</span>
</div>
<div class="right2">
<h5>Golang Developer<br> program student. Freelancer,</h5>
<span>
Learning and developing golang language programming. Making changes to Prop44.com property website.
</span>
</div>
<div class="left3">
<div class="imgwrapper">
<img src="images/hirebanner.jpg" alt="">
</div>
</div>
<span class="span20">2020</span>
<span class="span21">2022</span>
<span class="span22">2022</span>
<span class="span23">2023</span>
<span class="spannow">NOW</span>
</div>
</div>
</section>
<section class="projects rrr">
<div class="h2wrapper">
<div class="half">
<h2>
<span> </span><span>W</span><span>o</span><span>r</span><span>k</span><span>s</span>
<i>Featured</i>
</h2>
</div>
</div>
<div class="container">
<div class="item">
<div class="content">
<div class="links">
<a target="_blank" href="https://github.com/username-forGithub/basic_microservice"><i class="fa-brands fa-github"></i></a>
</div>
<h4><span>Basic</span><span>microservice</span></h4>
<div class="h5wrapper">
<h5>Clean Architecture</h5>
<h5>Golang, Docker Compose, Postgres</h5>
</div>
</div>
</div>
<div class="item">
<div class="content">
<div class="links">
<a target="_blank" href="https://github.com/username-forGithub/tutor_front_api.git"><i class="fa-brands fa-github"></i></a>
<a target="_blank" data-title="The website on Free Tier. The load might be slow" href="https://github.com/username-forGithub/tutor_front_api.git" ><i class="fa fa-arrow-up-right-from-square"></i></a>
</div>
<h4><span>Tutors</span><span>Universe</span></h4>
<div class="h5wrapper">
<h5>API, HTML/CSS, JS</h5>
<h5>ReactJS, Redux, Rails, AWS S3</h5>
</div>
</div>
</div>
<div class="item">
<div class="content">
<div class="links">
<a target="_blank" href="https://github.com/username-forGithub/charthop-wordpress"><i class="fa-brands fa-github"></i></a>
<a target="_blank" data-title="The website on Free Tier. The load might be slow" href="http://simplesamplesite.rf.gd"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
<h4><span>Chart</span><span>Hope</span></h4>
<div class="h5wrapper">
<h5>API, HTML/CSS, JS, PHP</h5>
<h5>WordPress, Custom Theme</h5>
</div>
</div>
</div>
<div class="item">
<div class="content">
<div class="links">
<a target="_blank" href="https://github.com/username-forGithub/rails_budget_app"><i class="fa-brands fa-github"></i></a>
<a target="_blank" data-title="The website on Free Tier. The load might be slow" href="https://github.com/username-forGithub/rails_budget_app"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
<h4><span>Budget</span><span>App</span></h4>
<div class="h5wrapper">
<h5>HTML/CSS, JS</h5>
<h5>Ruby on Rails</h5>
</div>
</div>
</div>
<div class="item">
<div class="content">
<div class="links">
<a target="_blank" href="https://github.com/username-forGithub/react_space"><i class="fa-brands fa-github"></i></a>
<a target="_blank" data-title="This is a react prototype website" href="https://reactspace-prototype.netlify.app/"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
<h4><span>Space</span><span>Travel</span></h4>
<div class="h5wrapper">
<h5>HTML/CSS, JS</h5>
<h5>ReactJS, Redux</h5>
</div>
</div>
</div>
<div class="item">
<div class="content">
<div class="links">
<a target="_blank" data-title="Username: dev, Password: 555" href="https://jms.1devserver.co.uk/"><i class="fa-brands fa-github"></i></a>
<a target="_blank" data-title="Username: dev, Password: 555" href="https://jms.1devserver.co.uk/"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
<h4><span>Sustainable</span><span>Feed Solutions</span></h4>
<div class="h5wrapper">
<h5>HTML/CSS, JS</h5>
<h5>Custom WP Theme</h5>
</div>
</div>
</div>
<div class="item">
<div class="content">
<div class="links">
<a target="_blank" data-title="Username: dev, Password: 555" href="https://ccf.1devserver.co.uk"><i class="fa-brands fa-github"></i></a>
<a target="_blank" data-title="Username: dev, Password: 555" href="https://ccf.1devserver.co.uk"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
<h4><span>Car</span><span>Finance</span></h4>
<div class="h5wrapper">
<h5>HTML/CSS, JS</h5>
<h5>Custom WP Theme</h5>
</div>
</div>
</div>
<div class="item">
<div class="content">
<div class="links">
<a target="_blank" data-title="Username: dev, Password: 555" href="https://sharples-davies.1devserver.co.uk/"><i class="fa-brands fa-github"></i></a>
<a target="_blank" data-title="Username: dev, Password: 555" href="https://sharples-davies.1devserver.co.uk/"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
<h4><span>Sharples</span><span>Devies</span></h4>
<div class="h5wrapper">
<h5>HTML/CSS, JS</h5>
<h5>Custom WP Theme</h5>
</div>
</div>
</div>
</div>
</section>
<section class="contact">
<div class="h2wrapper">
<div class="half">
<h2 class="">
<span>T</span><span>a</span><span>l</span><span>k</span>
<i>Let's</i>
</h2>
</div>
</div>
<div class="envelope-wrapper form">
<div id="envelope" class="close">
<div class="front flap"></div>
<div class="front pocket"></div>
<div class="letter">
<form id="contactform" action="https://formspree.io/f/mqknveor" method="post">
<label for="fullname">Fullname</label>
<input id="fullname" type="text" name="username" maxlength="30" placeholder="Full name" required>
<label for="email">Email</label>
<input id="email" type="email" name="useremail" placeholder="Email address" required>
<label for="textarea">Textarea</label>
<textarea id="textarea" name="usermessage" maxlength="500" placeholder="Enter text here" required></textarea>
</form>
</div>
<div class="acontainer-linked-1"><a target="_blank" class="linkedin" href="https://www.linkedin.com/in/baxtiyor-yusubaliev/"><img src="images/socialicons/linkedor.png" alt=""></a></div>
<div class="acontainer-linked-2"><a target="_blank" class="linkedin" href="https://github.com/username-forGithub"><img src="images/socialicons/githubor.png" alt=""></a></div>
<div class="acontainer-linked-3"><a target="_blank" class="linkedin" href="mailto:harhil46@gmail.com"><img src="images/socialicons/email.png" alt=""></a></div>
<div class="acontainer-linked-4"><a target="_blank" class="linkedin" href="https://twitter.com/Bakhtiyor_dev"><img src="images/socialicons/twitter.png" alt=""></a></div>
</div>
</div>
<div class="reset">
<button form="contactform" id="reset">Go</button>
</div>
</section>
<div class="mob">Comming soon</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>