forked from StartBootstrap/startbootstrap-resume
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
242 lines (232 loc) · 16.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="Portfolio of Ibrahim Rafi" />
<meta name="author" content="Ibrahim Rafi" />
<!-- Social Start -->
<meta property="og:title" content="Portfolio of Ibrahim Rafi">
<meta property="og:description" content="This is the portfolio website of Ibrahim Rafi">
<meta property="og:image" content="assets/img/profile.jpg">
<meta name="twitter:title" content="Portfolio of Ibrahim Rafi">
<meta name="twitter:description" content="This is the portfolio website of Ibrahim Rafi">
<meta name="twitter:image" content="assets/img/profile.jpg">
<!-- Social End -->
<meta name="wot-verification" content="7d02560dda86dcbf65d2"/>
<title>Portfolio of Ibrahim Rafi</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top"
><span class="d-block d-lg-none">Ibrahim Rafi</span><span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets/img/profile.jpg" alt="" /></span></a
><button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<!-- <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">Experience</a></li> -->
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#projects">Projects</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#awards">Awards</a></li>
</ul>
</div>
</nav>
<!-- Page Content-->
<div class="container-fluid p-0">
<!-- About-->
<section class="resume-section" id="about">
<div class="resume-section-content">
<h1 class="mb-0">Ibrahim <span class="text-primary">Rafi</span></h1>
<div class="subheading mb-5">Khulna, Bangladesh · +880 1521-515658 · <a href="mailto:me@ibrahimrafi.me">me@ibrahimrafi.me</a></div>
<p class="lead mb-5">Programming enthusiast. Loves learning new things. Experienced in OOP. Passionate about cryptography.</p>
<div class="social-icons">
<a class="social-icon" href="https://github.com/rafiibrahim8"><i class="fab fa-github"></i></a><a class="social-icon" href="https://facebook.com/rafiibrahim8"><i class="fab fa-facebook-f"></i></a><a class="social-icon" href="https://twitter.com/rafiibrahim8"><i class="fab fa-twitter"></i></a><a class="social-icon" href="https://www.linkedin.com/in/rafiibrahim8"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Experience
<section class="resume-section" id="experience">
<div class="resume-section-content">
<h2 class="mb-5">Experience</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Senior Web Developer</h3>
<div class="subheading mb-3">Intelitec Solutions</div>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">March 2013 - Present</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Web Developer</h3>
<div class="subheading mb-3">Intelitec Solutions</div>
<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">December 2011 - March 2013</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Junior Web Designer</h3>
<div class="subheading mb-3">Shout! Media Productions</div>
<p>Podcasting operational change management inside of workflows to establish a framework. Taking seamless key performance indicators offline to maximise the long tail. Keeping your eye on the ball while performing a deep dive on the start-up mentality to derive convergence on cross-platform integration.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">July 2010 - December 2011</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Web Design Intern</h3>
<div class="subheading mb-3">Shout! Media Productions</div>
<p>Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">September 2008 - June 2010</span></div>
</div>
</div>
</section>
<hr class="m-0" />
-->
<!-- Projects-->
<section class="resume-section" id="projects">
<div class="resume-section-content">
<h2 class="mb-5">Projects</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">iSteg</h3>
<div class="subheading mb-3">A little steganography. Hiding text or file inside an image.</div>
<p>iSteg is a program written in Java that can hide any file inside an image. It modifies the least significant bits (LSB) of an image to store data. iSteg has both a GUI and a command-line version, and also supports encryption. With iSteg, your private files are now safer than ever.</p>
<p>Stack: Java, Steganography, AES256, Swing</p>
</div>
<div class="flex-shrink-0"><a class="btn btn-dark" href="https://github.com/rafiibrahim8/iSteg" role="button"><i class="fab fa-github"></i> Repository</a></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">asteg</h3>
<div class="subheading mb-3">Another steganography project. But this time with ear.</div>
<p>Asteg is a python script that can be used to hide files inside an audio file without compromising any quality. It uses high-frequency components of audio to do so. Asteg uses On-Off Keying (OOK) to modulate the wave according to the information of the file.</p>
<p>Stack: Python, Steganography, OOK</p>
</div>
<div class="flex-shrink-0"><a class="btn btn-dark" href="https://github.com/rafiibrahim8/asteg" role="button"><i class="fab fa-github"></i> Repository</a></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Vault-Blaster</h3>
<div class="subheading mb-3">Demonstration of the fragility of weak encryption.</div>
<p>THIS PROJECT IS FOR EDUCATION PURPOSES ONLY. In this project, I demonstrate how to break weak encryption. This is a very simple and elegant project.</p>
<p>Stack: C, Cryptography</p>
</div>
<div class="flex-shrink-0"><a class="btn btn-dark" href="https://github.com/rafiibrahim8/Vault-Blaster" role="button"><i class="fab fa-github"></i> Repository</a></div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Education-->
<section class="resume-section" id="education">
<div class="resume-section-content">
<h2 class="mb-5">Education</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Khulna University</h3>
<div class="subheading mb-3">Bachelor of Science</div>
<div>Electronics and Communication Engineering Discipline</div>
<p>GPA: N/A</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">January 2017 - Present</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Dhaka Imperial College</h3>
<div class="subheading mb-3">HSC</div>
<p>GPA: 5.00</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">June 2014 - July 2016</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">Hazi Md. Siddiqur Rahman High School</h3>
<div class="subheading mb-3">SSC</div>
<p>GPA: 5.00</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">January 2009 - April 2014</span></div>
</div>
</div>
</section>
<hr class="m-0" />
<!-- Skills-->
<section class="resume-section" id="skills">
<div class="resume-section-content">
<h2 class="mb-5">Skills</h2>
<div class="subheading mb-3">Programming Languages & Tools</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item"><i class="fab fa-java"></i></li>
<li class="list-inline-item"><i class="fab fa-python"></i></li>
<li class="list-inline-item"><i class="fab fa-js-square"></i></li>
<li class="list-inline-item"><i class="fab fa-node-js"></i></li>
<li class="list-inline-item"><i class="fab fa-npm"></i></li>
<li class="list-inline-item"><i class="fab fa-android"></i></li>
<li class="list-inline-item"><i class="fab fa-linux"></i></li>
</ul>
<div class="subheading mb-3">Workflow</div>
<ul class="fa-ul mb-0">
<li>
<span class="fa-li"><i class="fas fa-check"></i></span>In depth knowledge of OOP
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span>Good at hardware and software integration
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span>Excellent knowledge of micro-controller and micro-controller based systems
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span>Cross functional teams
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span>Agile development & scrum
</li>
</ul>
</div>
</section>
<hr class="m-0" />
<!-- Interests-->
<section class="resume-section" id="interests">
<div class="resume-section-content">
<h2 class="mb-5">Interests</h2>
<p>I love to learn new things, especially if it is related to science or technology. I also enjoy sharing knowledge among others. I enjoy watching different shows on YouTube during my free time.</p>
<p>NB: I love coffee.</p>
</div>
</section>
<hr class="m-0" />
<!-- Awards-->
<section class="resume-section" id="awards">
<div class="resume-section-content">
<h2 class="mb-5">Awards & Certifications</h2>
<ul class="fa-ul mb-0">
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>2<sup>nd </sup>Place - Robo Soccer - Spectrum by ROUTER - Khulna University
</li>
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>2<sup>nd </sup>Place - IT Quiz - CSE Fest 2018 - Khulna University
</li>
</ul>
</div>
</section>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>