-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
385 lines (321 loc) · 18 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
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
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- ===========================
THEME INFO
=========================== -->
<meta name="description" content="CVstrap is another Free minimal CV HTML theme by EvenFly built with Bootstrap 3.3.0. and released under CC-3.0 license.">
<meta name="keywords" content="curriculum vitae, cv, one page, onepage, bootstrap, responsive, resume, timeline, free cv">
<meta name="author" content="Mamun Srizon">
<!-- ===========================
SITE TITLE
=========================== -->
<title>CVstrap - Free Bootstrap CV Template by EvenFly</title>
<!-- ===========================
FAVICONS
=========================== -->
<link rel="icon" href="img/favicon.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-ipad-retina.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-iphone.png" />
<!-- ===========================
STYLESHEETS
=========================== -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<!-- ===========================
FONTS & ICONS
=========================== -->
<link href='//fonts.googleapis.com/css?family=Kristi|Alegreya+Sans:300' rel='stylesheet' type='text/css'>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!--[if IE]>
<script src="https://cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://cdn.jsdelivr.net/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<!-- ===========================
HEADER
============================ -->
<div id="header" class="row">
<div class="col-sm-2">
<img class="propic" src="img/bappy.jpg" alt="">
</div>
<!-- photo end-->
<div class="col-sm-10">
<div class="cv-title">
<div class="row">
<div class="col-sm-7">
<h1>Towkir A. Bappy</h1>
</div>
<div class="col-sm-5 text-right dl-share">
<!-- AddToAny BEGIN -->
<a class="a2a_dd btn btn-default" href=""><span class="fa fa-share "></span> Share</a>
<script type="text/javascript">
var a2a_config = a2a_config || {};
a2a_config.linkname = "Minimal CV by EvenFly";
a2a_config.num_services = 6;
a2a_config.prioritize = ["facebook", "twitter", "google_plus", "linkedin", "pinterest", "email"];
</script>
<script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->
<a class="btn btn-success" href=""><span class="fa fa-download"></span> Download</a>
</div>
</div>
<h2>UI/UX Designer</h2>
</div><!-- Title end-->
<!-- ===========================
SOCIAL & CONTACT
============================ -->
<div class="row">
<div class="col-sm-4">
<ul class="list-unstyled">
<li><a href=""><span class="social fa fa-home"></span>EvenFly.com</a>
</li>
<li><a href=""><span class="social fa fa-skype"></span>+88 0123 45678</a>
</li>
<li><a href="mailto:support@evenfly.com"><span class="social fa fa-envelope-o"></span>me@mail.com</a>
</li>
</ul>
</div><!-- social 1st col end-->
<div class="col-sm-4">
<ul class="list-unstyled">
<li><a href=""><span class="social fa fa-facebook"></span>Facebook</a>
</li>
<li><a href=""><span class="social fa fa-twitter"></span>Twitter</a>
</li>
<li><a href=""><span class="social fa fa-linkedin"></span>Linkedin</a>
</li>
</ul>
</div><!-- social 2nd col end-->
<div class="col-sm-4">
<ul class="list-unstyled">
<li><a href=""><span class="social fa fa-behance"></span>Behance</a>
</li>
<li><a href=""><span class="social fa fa-dribbble"></span>Dribbble</a>
</li>
<li><a href=""><span class="social fa fa-instagram"></span>Instagram</a>
</li>
</ul>
</div><!-- social 3rd col end-->
</div><!-- header social end-->
</div><!-- header right end-->
</div><!-- header end-->
<hr class="firsthr">
<!-- ===========================
BODY LEFT PART
============================ -->
<div class="col-md-8 mainleft">
<div id="statement" class="row mobmid">
<div class="col-sm-1">
<span class="secicon fa fa-user"></span>
</div><!--icon end-->
<div class="col-sm-11">
<h3>Personal statement </h3>
<p>Hi, I am Bappy from Bangladesh.Adipiscing elit. Nullam dapibus vehicula condimentum. Curabitur elit enim, accumsan vitae tristique ut, mollis at orci. Fusce cursus interdum neque nec aliquam. Proin turpis leo, laoreet non ultricies non, dictum nec nulla. Duis vitae nisi eu odio Adipiscing elit. Nullam dapibus vehicula condimentum. Curabitur elit enim, accumsan.</p>
<p>Consectetur adipisicing elit. Hic labore, unde, ratione, itaque ducimus provident error similique qui, recusandae nam dignissimos autem. Sequi quas quis non, odit assumenda similique neque.</p>
<p class="signature">TowkirAhmed</p>
</div><!--info end-->
</div><!--personal statement end-->
<hr>
<div id="education" class="row mobmid">
<div class="col-sm-1">
<span class="secicon fa fa-graduation-cap"></span>
</div><!--icon end-->
<div class="col-sm-11">
<h3>Education & Certification</h3>
<div class="row">
<div class="col-md-9">
<h4>MSc in Design & Fine Art</h4>
<p class="sub"><a href="">Ideal Institute of Science and Technology</a>
</p>
<p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration, Information Design, Packaging Design and Website Design</p>
</div>
<div class="year col-md-3">
<p>2009-2011</p>
</div>
</div><!--Education & Certification 1 end-->
<hr>
<div class="row">
<div class="col-md-9">
<h4>BSc in Graphic Design</h4>
<p class="sub"><a href="">Ideal Institute of Science and Technology</a>
</p>
<p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration, Information Design, Packaging Design and Website Design</p>
</div>
<div class="year col-md-3">
<p>2006-2009</p>
</div>
</div><!--Education & Certification 2 end-->
<hr>
<div class="row">
<div class="col-md-9">
<h4>Diploma in Graphic Design</h4>
<p class="sub"><a href="">Ideal Institute of Science and Technology</a>
</p>
<p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration, Information Design, Packaging Design and Website Design</p>
</div>
<div class="year col-md-3">
<p>2003-2006</p>
</div>
</div><!--Education & Certification 3 end-->
</div>
</div><!--Education & Certifications end-->
<hr>
<!-- ===========================
JOB EXPERIENCES
============================ -->
<div id="job" class="row mobmid">
<div class="col-sm-1">
<span class="secicon fa fa-briefcase"></span>
</div><!--icon end-->
<div class="col-sm-11">
<h3>Job Experiences</h3>
<div class="row">
<div class="col-md-9">
<h4>Lead Graphic Designer</h4>
<p class="sub"><a href="">Lifeview Media Ltd.</a>
</p>
<p>Adipiscing elit. Nullam dapibus vehicula condimentum. Curabitur elit enim, accumsan vitae tristique ut, mollis at orci. Fusce cursus interdum neque nec aliquam. Proin turpis leo, laoreet non ultricies non, dictum nec nulla.</p>
</div>
<div class="year col-md-3">
<p>2008 - present</p>
</div>
</div><!--Job 1 end-->
<hr>
<div class="row">
<div class="col-md-9">
<h4>Sr. Graphic Designer</h4>
<p class="sub"><a href="">Softech solution ltd.</a>
</p>
<p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration, Information Design, Packaging Design and Website Design</p>
</div>
<div class="year col-md-3">
<p>2006-2008</p>
</div>
</div><!--Job 2 end-->
<hr>
<div class="row">
<div class="col-md-9">
<h4>Jr. Graphic Designer</h4>
<p class="sub"><a href="">TwinTwin Design Solution</a>
</p>
<p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration, Information Design, Packaging Design and Website Design</p>
</div>
<div class="year col-md-3">
<p>2003-2006</p>
</div>
</div><!--Job 3 end-->
</div><!--Job experiences end-->
</div><!--Job experiences end-->
</div><!--left end-->
<!-- ===========================
SIDEBAR
=========================== -->
<div class="col-md-4 mainright">
<div class="row">
<div class="col-sm-1 col-md-2 mobmid">
<span class="secicon fa fa-magic"></span>
</div><!--icon end-->
<div class="col-sm-11 col-md-10">
<h3 class="mobmid">Technical skills </h3>
<p>Photoshop</p>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%">
<span class="sr-only">65% Complete (success)</span>
</div>
</div><!--skill end-->
<p>Illustrator</p>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%">
<span class="sr-only">85% Complete</span>
</div>
</div><!--skill end-->
<p>InDesign</p>
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
<span class="sr-only">60% Complete (warning)</span>
</div>
</div><!--skill end-->
<p>Flash</p>
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%">
<span class="sr-only">30% Complete (danger)</span>
</div>
</div><!--skill end-->
</div><!--info end-->
</div><!--tech skills end-->
<hr>
<div class="row mobmid">
<div class="col-sm-1 col-md-2">
<span class="secicon fa fa-trophy"></span>
</div><!--icon end-->
<div class="col-sm-11 col-md-10 ">
<h3>Awards</h3>
<div class="award">
<h4>Best Designer 2012</h4>
<p class="sub"><a href="">Life View Media Ltd.</a></p>
<p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration.</p>
</div>
<!--1st award end-->
<div class="award">
<h4>Best Designer 2011</h4>
<p class="sub"><a href="">Alexa Design Solution</a></p>
<p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration, Information Design, Packaging Design and Website Design</p>
</div><!--1st award end-->
</div><!--awards end-->
</div>
<hr>
<div class="row ">
<div class="col-sm-1 col-md-2 mobmid">
<span class="secicon fa fa-quote-left"></span>
</div><!--icon end-->
<div class="col-sm-11 col-md-10 testimonials">
<h3 class="mobmid">Testimonials </h3>
<div class="row">
<blockquote>
<p>Sit amet, consectetur adipisicing elit. Fuga quidem ipsum maiores necessitatibus sint, porro temporibus labore, amet officia unde libero eligendi? Porro dolorum itaque, facere harum amet, rem libero.</p>
</blockquote>
<img src="img/mushfiq.jpg" alt="">
<h4>Mushfiqul Islam</h4>
<p>The UX Votch</p>
</div><!--1st testimonial end-->
<div class="row">
<blockquote>
<p>Consectetur adipisicing elit. Fuga quidem ipsum maiores necessitatibus sint, porro temporibus labore, unde libero eligendi? Porro dolorum itaque, facere harum amet, rem libero.</p>
</blockquote>
<img src="img/siblu.jpg" alt="">
<h4>E.A. Siblu</h4>
<p>The Jatir Vobisshot</p>
</div><!--2nd testimonial end-->
<div class="row">
<blockquote>
<p>Fuga quidem ipsum maiores necessitatibus sint, porro temporibus labore, amet officia unde libero eligendi? Porro dolorum itaque, facere harum amet, rem libero.</p>
</blockquote>
<img src="img/nasir.jpg" alt="">
<h4>Nasir Uddin</h4>
<p>The Cute Huzur</p>
</div><!--3rd testimonial end-->
</div><!--testimonials end-->
</div><!--tech skills end-->
</div><!--right end-->
</div><!--container end-->
<!-- ===========================
FOOTER
=========================== -->
<footer class="text-center">
<p>© <a href="http://creativecommons.org/licenses/by/3.0/">CC-3.0</a>, Just another CV template by <a href="https://evenfly.com">EvenFly </a> - Designed by <a target="_blank" href="http://www.facebook.com/towkirahmedbappy">Towkir Ahmed Bappy</a>.
</p>
</footer>
<!--necessary scripts and plugins-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/evenfly.js"></script>
</body>
</html>