-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
341 lines (289 loc) · 13.1 KB
/
index.html
File metadata and controls
341 lines (289 loc) · 13.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ikkty Rahman</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/fireflies.css">
<link rel="icon" type="image/x-icon" href="img/icons/favicon.ico">
</head>
<body>
<span class="sidebar">
<a class="icon static img-wrap" href="https://github.com/eter-null" target="_blank">
<img class="icon-img animated" src="img/icons/github-2.gif" alt="">
<img class="icon-img static" src="img/icons/github-2.png" alt="">
</a>
<a class="icon static img-wrap" href="https://www.linkedin.com/in/ikkty-rahman-50b925240/" target="_blank">
<img class="icon-img animated" src="img/icons/linkedin-1.gif" alt="">
<img class="icon-img static" src="img/icons/linkedin-1.png" alt="">
</a>
<a class="icon static img-wrap" href="https://wa.me/+8801910910616" target="_blank">
<img class="icon-img animated" src="img/icons/whatsapp.gif" alt="">
<img class="icon-img static" src="img/icons/whatsapp.png" alt="">
</a>
<a class="icon static img-wrap" href="https://twitter.com/Soulreaper76" target="_blank">
<img class="icon-img animated" src="img/icons/twitter-1.gif" alt="">
<img class="icon-img static" src="img/icons/twitter-1.png" alt="">
</a>
<a class="icon static img-wrap" href="https://www.facebook.com/ikkty.rahman" target="_blank">
<img class="icon-img animated" src="img/icons/facebook.gif" alt="">
<img class="icon-img static" src="img/icons/facebook.png" alt="">
</a>
</span>
<header>
<nav>
<label class="icon">
<a class="img-wrap static" href="#">
<img class="animated" src="img/icons/awake.gif" alt="">
<img class="static" src="img/icons/sleep.gif" alt="">
</a>
</label>
<ul>
<li><a href="#about">ABOUT</a></li>
<li><a href="#experience">EXPERIENCE</a></li>
<li><a href="#projects">PROJECTS</a></li>
<li><a href="#contact">CONTACT</a></li>
<li ><a class="glowing-button-2" href="Profile.pdf" target="_blank">RESUME</a></li>
</ul>
</nav>
<div class="header-content">
<div style="margin-left: 17%" class="flex-item ">
<h1 class="header-starting-text">
Hello World! I am
</h1>
<h1 style="font-family: 'Manrope', sans-serif; font-weight: 800; font-size: 7em; animation: slide-left 4s;">
Ikkty Rahman.
</h1>
<h1 style="font-family: 'Manrope', sans-serif; font-weight: 800; font-size: 3.5em; color: #5fe8dd; animation: slide-right 4s;">
Developer, Designer, Researcher
</h1>
<h1 style="font-family: 'Manrope', sans-serif; font-weight: 800; font-size: 2em; animation: slide-up 3.5s; color: #ababab">
and an admirer of all things in the technosphere.
</h1>
</div>
</div>
</header>
<div>
<div class="flex-container glass ">
<div id="about" class="flex-item">
<h1 class="section-title-text" >About Me.</h1>
<img class="img-format" src="img/profile-pic.jpg" alt="profile pic">
</div>
<div class="flex-item">
<div class="card">
<div class="card-item" style="font-size: small">
<p>
Hello, I'm Ikkty Rahman, a passionate coder and computer science enthusiast based in Dhaka,
Bangladesh. I am currently pursuing a Bachelor of Science in Computer Science at an Independent
University, Bangladesh where my dedication and hard work have earned me a place on the honors list.
</p>
<p>
My journey in the world of technology began with my education at Heed International School, where I
completed my O-levels and A-levels. Since then, I have been captivated by the art of coding and
problem-solving. With a strong interest in image processing research, I am currently involved in
exploring innovative solutions to real-world challenges in this domain.
Having worked in app development, I have honed my programming skills in industry level.
My love for creative work extends beyond coding, as I find joy in crafting
visually appealing front-end designs.
</p>
<p>
As an aspiring developer, I am driven by the belief that technology has the power to transform lives
positively. I am constantly seeking opportunities to expand my knowledge, embrace new challenges,
and make a meaningful impact through my work.
I invite you to explore my projects and get a glimpse of my passion for coding and innovation. Let's
connect and collaborate to create a outstanding achievements!
</p></div>
</div>
</div>
</div>
<div class="flex-container">
<div id="experience" class="flex-container black-background">
<div class="flex-item"><span>
<h1 class="section-title-text" >Experience.</h1>
<br>
<h1 class="h1-space" style="color: white">Skills</h1>
<br>
<ul style="color: #5FE8DDFF">
<li>> Python </li>
<li>> Java </li>
<li>> Pytorch </li>
<li>> Tensorflow </li>
<li>> PHP </li>
<li>> MySQL </li>
<li>> C++ </li>
<li>> C </li>
<li>> HTML </li>
<li>> CSS </li>
<li>> Object Oriented Programming </li>
<li>> Adobe Photoshop </li>
<li>> Adobe Premiere Pro </li>
</ul>
</span>
</div>
<div class="flex-item">
<span >
<h1 class="h1-space" style="color: white; padding-top: 120px">Job</h1>
<br>
<h3 style="color: #5FE8DDFF; font-family: 'Manrope 800', sans-serif">
Mobile App Developer
</h3>
<p style="color: #b2b0b0; font-size: 1em; font-family: 'Space Mono', monospace">
July 2023 - Present
</p>
<br>
<h3 style="color: #5FE8DDFF; font-family: 'Manrope 800', sans-serif">
Teaching Assistant
</h3>
<p style="color: #b2b0b0; font-size: 1em; font-family: 'Space Mono', monospace">
March 2021 - December 2022
</p> <br>
<h3 style="color: #5FE8DDFF; font-family: 'Manrope 800', sans-serif">
Data Entry @ ICC
</h3>
<p style="color: #b2b0b0; font-size: 1em; font-family: 'Space Mono', monospace">
Jul 2021 - February 2022
</p>
</span>
</div>
<div class="flex-item"><span>
<h1 class="h1-space" style="color: white; padding-top: -60px">Education</h1>
<br>
<h3 style="color: #5FE8DDFF; font-family: 'Manrope 800', sans-serif">
Independent University, Bangladesh
</h3>
<p style="color: #b2b0b0; font-size: 1em; font-family: 'Space Mono', monospace">
January 2021 - 2024
</p> <br>
<h3 style="color: #5FE8DDFF; font-family: 'Manrope 800', sans-serif">
HEED International School (HIS)
</h3>
<p style="color: #b2b0b0; font-size: 1em; font-family: 'Space Mono', monospace">
July 2020
</p>
</span>
</div>
</div>
</div>
<div id="projects" class="flex-container glass ">
<div class="flex-item-2">
<h1 class="section-title-text" >Projects.</h1>
<br>
<img class="project-img" src="img/oop.png" alt="oop project">
</div>
<div class="flex-item">
<h1 style="text-align: right; color: white" class="h1-manrope"> Object-Oriented Programming</h1>
<h1 style="text-align: right; color: white" class="h1-manrope"> Project </h1>
<div class="card-2">
<div class="card-item-2" style="font-size: small; color: white">
<p style="font-size: small">
Created a java application for my course project
to manage the functions of an Amusement Park.
Here the visitors can easily view, manage their account, buy tickets
and check their cart items which update dynamically.
</p>
</div>
</div>
</div>
</div>
<div class="flex-container glass ">
<div style="width: 320px" class="flex-item">
<h1 style="text-align: left; color: white" class="h1-manrope"> Database Management</h1>
<h1 style="text-align: left; color: white" class="h1-manrope"> Project </h1>
<div class="card-2">
<div class="card-item-2" style="font-size: small; color: white">
<p style="font-size: small">
A DBMS application for my course project
to manage the functions of an our University.
Here the students and teachers can easily view mark, manage their account,
and other statistical outputs like graphs to visualise the progress.
</p>
</div>
</div>
</div>
<div class="flex-item-2">
<video muted id="proj-vid" class="project-vid" src="img/dbms.mp4"></video>
</div>
</div>
</div>
<footer>
<div id="contact" class="end-footer">
<div class="flex-container">
<h1 style="font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 6em">Let's start a project together!</h1>
</div>
<div class="flex-container">
<a class="glowing-button" href="mailto:ikktyrahman@gmail.com">Send Me An Email</a>
</div>
<p style="font-size: 0.65em; text-align: center">Copyleft (ɔ) All Rights Reversed</p>
</div>
</footer>
<!--Just the background animation-->
<div class="fireflies">
<span style="--i:11"></span>
<span style="--i:23"></span>
<span style="--i:50"></span>
<span style="--i:33"></span>
<span style="--i:47"></span>
<span style="--i:65"></span>
<span style="--i:90"></span>
<span style="--i:14"></span>
<span style="--i:65"></span>
<span style="--i:22"></span>
<span style="--i:83"></span>
<span style="--i:60"></span>
<span style="--i:90"></span>
<span style="--i:69"></span>
<span style="--i:84"></span>
<span style="--i:27"></span>
<span style="--i:77"></span>
<span style="--i:52"></span>
<span style="--i:34"></span>
<span style="--i:9"></span>
<span style="--i:41"></span>
<span style="--i:26"></span>
<span style="--i:79"></span>
<span style="--i:46"></span>
<span style="--i:5"></span>
<span style="--i:76"></span>
<span style="--i:44"></span>
<span style="--i:13"></span>
<span style="--i:96"></span>
<span style="--i:87"></span>
<span style="--i:75"></span>
<span style="--i:55"></span>
<span style="--i:92"></span>
<span style="--i:24"></span>
<span style="--i:71"></span>
<span style="--i:3"></span>
<span style="--i:7"></span>
<span style="--i:18"></span>
<span style="--i:29"></span>
<span style="--i:36"></span>
<span style="--i:38"></span>
<span style="--i:48"></span>
<span style="--i:58"></span>
<span style="--i:61"></span>
<span style="--i:66"></span>
<span style="--i:72"></span>
<span style="--i:81"></span>
<span style="--i:88"></span>
<span style="--i:94"></span>
<span style="--i:98"></span>
</div>
<script src="script/cursor.js"></script>
<!--Video play on hover-->
<script>
const video = document.getElementById('proj-vid');
video.addEventListener('mouseover', () => {
video.play();
});
video.addEventListener('mouseout', () => {
video.pause();
});
</script>
<!--Gif hover play-->
<script>
document.getElementById("idofgif").style.display = "none";
</script>
</body>
</html>