-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
514 lines (459 loc) · 17.3 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
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mumtahina Faguni</title>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<!-- font-awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="cd-fixed-bg cd-fixed-bg--1">
<div class="pageOne">
<div class="container-fluid">
<ul class="nav nav-pills">
<li>
<!-- <a href="#">Mumtahina Faguni</a> -->
<img src="img/panda.png" width="60" height="60" alt="" padding-top="5">
</li>
<li class="pull-right">
<a href="#p4">Contact Me</a>
</li>
<li class="pull-right">
<a href="#p3">Portfolio</a>
</li>
<li class="pull-right">
<a href="#p2">About Me</a>
</li>
</ul>
</div>
<div class="block text-center">
<h1>Mumtahina Faguni</h1>
<h2>The sky is my limit.</h2>
</div>
<div class="btnList text-center">
<a href="https://dribbble.com/faguni_panda" class="btn btn-default"><i class="fa fa-dribbble" aria-hidden="true"></i>Dribbble</a>
<a href="https://github.com/mumtahinafaguni" class="btn btn-default"><i class="fa fa-github" aria-hidden="true"></i>Githut</a>
<a href="https://www.linkedin.com/in/mumtahina-faguni/" class="btn btn-default"><i class="fa fa-linkedin" aria-hidden="true"></i>Linkedin</a>
<a href="https://www.facebook.com/mfaguni" class="btn btn-default"><i class="fa fa-facebook" aria-hidden="true"></i>Facebook</a>
</div>
</div>
</div>
<div class="cd-scrolling-bg cd-scrolling-bg--color-2">
<div class="cd-scrolling-bg__content">
<div class="pageTwo" id="p2">
<div id="description">
<h1>Mumtahina Faguni</h1>
<p>I am a tech enthusiast by heart who loves to work on diverse topics. From childhood I enjoed writting and drawing. As I got older, I started to feel better about math. So next I chose engineering, like everyone else! After graduation, I thought why don't I choose the sector what I used to do in my childhood.
Thats how I ended up being a part of business team. :P
<p>I have a deep interest in working with new marketing strategies and different buyer persona. </p>
<p>In my free time, I love to travel and explore new people. I also love cycling and I continued that in my university life also. Now it's time to get own bike I guess! I have so many hillarious stories to tell. Will tell you another time ;)
</p>
<br>
<p><b>Expartise:</b> This is not gonna fit in this page. If you are so interested see <a href="404.html">this page.</a></p>
</div>
<div class="col-md-6 text-center">
<img src="img/faguni.jpg" class="img-circle me">
</div>
</div>
</div>
</div>
<div class="cd-fixed-bg cd-fixed-bg--2">
<div class="pageThree text-center" id="p3">
<div class="paddingTop">
<br>
<h1>My works in a breif</h1>
<p>Published blogs(10)</p>
<p>Unpublish blogs(14)</p>
<p>Website/ theme contents(3)</p>
<p>Documentation(2)</p>
<p>Writing tools used(3)</p>
<p>Design tools(4)</p>
<br>
<br>
<h2>Published blogs(10)</h2>
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Blog title</th>
<th scope="col">Link </th>
<th scope="col">Category</th>
<th scope="col">Keynotes</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>14 can’t avoid reasons for giving your business an online identity with Fluxthemes upcoming theme</td>
<td><a href="http://bit.ly/37xHnLB">http://bit.ly/37xHnLB</a> </td>
<td>Evas theme </td>
<td>Feature image, All videos are created and updated by myself </td>
</tr>
<tr>
<th scope="row">2</th>
<td>How WordPress theme design of blog category has changed in the last 6 years (2014-2019)</td>
<td><a href="http://bit.ly/37BSPpe ">http://bit.ly/37BSPpe </a></td>
<td>WordPress Design</td>
<td>Feature image, All videos are created and updated by myself </td>
</tr>
<tr>
<th scope="row">3</th>
<td>10 design tips and tricks to make your websites CTA killer performing and revenue-generating</td>
<td><a href="http://bit.ly/2NZnYvd">http://bit.ly/2NZnYvd</a> </td>
<td>WordPress Design</td>
<td>Feature image, All videos are created and updated by myself </td>
</tr>
<tr>
<th scope="row">4</th>
<td>Latest release updates of Elementor for you that you might miss</td>
<td><a href="http://bit.ly/37xRK1Xv">http://bit.ly/37xRK1X</a> </td>
<td>Elementorr</td>
<td>Feature image, All videos are created and updated by myself </td>
</tr>
<tr>
<th scope="row">5</th>
<td>
6 top-selling WordPress themes design comparison ( unfolding the design secrete for being a top seller)</td>
<td><a href="http://bit.ly/38IU4mQ">http://bit.ly/38IU4mQ</a> </td>
<td>WordPress Design</td>
<td>Feature image, All videos are created and updated by myself </td>
</tr>
<tr>
<th scope="row">6</th>
<td>12 easy design hacks to design the most engaging Contact Us page for your WordPress theme & websites</td>
<td><a href="http://bit.ly/30Yb1qA">http://bit.ly/30Yb1qA </a></td>
<td>WordPress Design</td>
<td>Feature image, All videos are created and updated by myself </td>
</tr>
<tr>
<th scope="row">7</th>
<td>13 basic design hacks to look your website breathtakingly beautiful</td>
<td><a href="http://bit.ly/3118VX9">http://bit.ly/3118VX9</a> </td>
<td>WordPress Design</td>
<td>Feature image, All videos are created and updated by myself </td>
</tr>
<tr>
<th scope="row">8</th>
<td>9 mistakes in the “About Us” page you should avoid now to get the most revenue from your website</td>
<td><a href="http://bit.ly/2Rwa7hW">http://bit.ly/2Rwa7hW</a> </td>
<td>WordPress Design</td>
<td>Feature image, All videos are created and updated by myself </td>
</tr>
<tr>
<th scope="row">9</th>
<td>14 things you should avoid in every situation while buying WP Themes! (WP don’ts list for theming)</td>
<td><a href="http://bit.ly/2TZ4Tgt">http://bit.ly/2TZ4Tgt</a></td>
<td>Wordpress theme</td>
<td>Feature image, All videos are created and updated by myself </td>
</tr>
<tr>
<th scope="row">10</th>
<td>29 Hard to Ignore Things That You Shouldn’t Do While Purchasing WordPress Themes (Complete Guideline)</td>
<td><a href="http://bit.ly/WP-theme-buying-29-checklist">http://bit.ly/WP-theme-buying-29-checklist</a> </td>
<td>Wordpress theme</td>
<td>Feature image, All videos are created and updated by myself </td>
</tr>
</tbody>
</table>
<!-- end of published blog -->
<br>
<br>
<h2>Unpublish blogs(17)</h2>
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Blog title</th>
<th scope="col">Category</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Introducing Fluxtheme's 1st business theme Tycoon: give your business a new identity</td>
<td>Evas theme </td>
</tr>
<tr>
<th scope="row">2</th>
<td>What will rule next? Comparison between WordPress theme & WordPress page builder</td>
<td>WordPress</td>
</tr>
<tr>
<th scope="row">3</th>
<td>6 top-selling WordPress Business theme of 2019s design comparison for you( unfolding the design secrete for being a top seller)</td>
<td>WordPress design</td>
</tr>
<tr>
<th scope="row">4</th>
<td>The best customizable themes for wordpress in 2019</td>
<td>WordPress</td>
</tr>
<tr>
<th scope="row">5</th>
<td>11 Most used Gutenberg plugins to make your website more smooth</td>
<td>Gutenberg</td>
</tr>
<tr>
<th scope="row">6</th>
<td>Introduction with 15 famous fonts that are used to represent your brand on WP made websites</td>
<td>WordPress fonts</td>
</tr>
<tr>
<th scope="row">7</th>
<td>Short tutorial: how to add videos in Gutenberg</td>
<td>Gutenberg</td>
</tr>
<tr>
<th scope="row">8</th>
<td>Short tutorial: how to create a table in Gutenberg</td>
<td>Gutenberg</td>
</tr>
<tr>
<th scope="row">9</th>
<td>Short Tutorial: how to use different fonts in one single blog post</td>
<td>WordPress fonts</td>
</tr>
<tr>
<th scope="row">10</th>
<td>The review in a nutshell of WordPress 5.2</td>
<td>WordPress</td>
</tr>
<tr>
<th scope="row">11</th>
<td>20+ companies who are using WordPress cms to represent their online identity</td>
<td>WordPress</td>
</tr>
<tr>
<th scope="row">12</th>
<td>Design Trends for 2020 in wordpress theme</td>
<td>WordPress design</td>
</tr>
<tr>
<th scope="row">13</th>
<td>7 types of business that can be benefited using the business category theme for wordpress</td>
<td>WordPress theme</td>
</tr>
<tr>
<th scope="row">14</th>
<td>how to write and edit blogs of your desired website using elementor</td>
<td>Elementor</td>
</tr>
<tr>
<th scope="row">15</th>
<td>Best online recharge apps you can get easily in Bangladesh in 2018,<a href="https://docs.google.com/document/d/1sPnHzcRObAa9ZBgQv6MXjLlWNFXJoplneYA9YS4VpNA/edit?usp=sharing">here</a></td>
<td>Genarel</td>
</tr>
<tr>
<th scope="row">16</th>
<td>Introduction to our new office in the new place.<a href="https://docs.google.com/document/d/1Q8GT7CqTF8PC93FPrFjMWwdTP0BCELkzxtYT5xaJhwk/edit?usp=sharing">here</a></td>
<td>Genarel</td>
</tr>
<tr>
<th scope="row">17</th>
<td>6 Powerful UX Tips: Enhance your Website for Maximum Conversion.<a href="https://docs.google.com/document/d/1bKqzjvIg7w2yQxVPM_-E42pYgbZv3lIetPXFM0I8HsE/edit?usp=sharing">here</a></td>
<td>Genarel</td>
</tr>
</tbody>
</table>
<!-- end of unpublished blog-->
<br>
<br>
<h2>Website/ theme contents(3)</h2>
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Source</th>
<th scope="col">Keynotes</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td><a href="https://Fluxtheme.com">Fluxtheme.com</a></td>
<td>Totally Written by me </td>
</tr>
<tr>
<th scope="row">2</th>
<td>Evas multipurpose theme</td>
<td>Totally Written by me </td>
</tr>
<tr>
<th scope="row">3</th>
<td><a href="https://techcare.co">techcare.co</a></td>
<td>Partially Written by me </td>
</tr>
</tbody>
</table>
<!-- end of website content -->
<br>
<br>
<h2>Writing tools used(3)</h2>
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Tools</th>
<th scope="col">Purpose</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Google doc</td>
<td>Draft writing</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Gutenberg</td>
<td>Proofreading & publishing & designing layouts</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Elementor</td>
<td>Proofreading & publishing & designing layouts </td>
</tr>
</tbody>
</table>
<!-- end of writing tools -->
<br>
<br>
<h2>Design tools(4)</h2>
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Tools</th>
<th scope="col">Purpose</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Adobe XD</td>
<td>Edit and create images, banner</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Adobe Illustrator</td>
<td>Moderate illustrations</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Xbox</td>
<td>Recording screening</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Adobe Spark</td>
<td>Edit videos with text and other effects</td>
</tr>
</tbody>
</table>
<!-- end of design tools -->
<br>
<br>
<h2>Documentations</h2>
<h3>Evas Theme documentation</h3>
<p>It contains text, images and videos</p>
<!-- end of documentation -->
<br>
<br>
<h2>Other sectors of contents</h2>
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Content type</th>
<th scope="col">Publish place</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Image with illustration and graphics</td>
<td>Facebook </td>
</tr>
<tr>
<th scope="row">2</th>
<td>Video</td>
<td>Blog </td>
</tr>
<tr>
<th scope="row">3</th>
<td>Image with website pages/ elements</td>
<td>Facebook/ dribbble/ Pinterest</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="cd-scrolling-bg cd-scrolling-bg--color-2">
<div class="cd-scrolling-bg__content">
<div class="pageFour container-fluid text-center" id="p4">
<div class="mail">
<div class="row">
<div class="col-md-6 col-md-offset-3" id="form_container">
<h2>Contact ME</h2>
<p> Please send your message below. I will get back to you at the earliest! </p>
<form action="mailto:[email protected]" method="post" enctype="text/plain" >
<div class="row">
<div class="col-sm-12 form-group">
<label for="message"> Message:</label>
<textarea class="form-control" type="textarea" name="message" id="message" maxlength="6000" rows="7"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="name"> Your Name:</label>
<input type="text" class="form-control" id="name" name="name" required>
</div>
<div class="col-sm-6 form-group">
<label for="email"> Email:</label>
<input type="email" class="form-control" id="email" name="email" required>
</div>
</div>
<div class="row">
<div class="col-sm-12 form-group">
<button onclick="location.href='#popup1'"type="submit" class="btn btn-lg btn-default pull-right" >Send →</button>
</div>
</div>
</form>
<div id="success_message" style="width:100%; height:100%; display:none; "> <h3>Posted your message successfully!</h3> </div>
<div id="error_message" style="width:100%; height:100%; display:none; "> <h3>Error</h3> Sorry there was an error sending your form. </div>
</div>
</div>
</div>
<div class="footer text-center">
<h3>Get me candid here!</h3>
<a href="https://dribbble.com/faguni_panda"><i class="fa fa-dribbble" aria-hidden="true"></i></a>
<a href="https://github.com/mumtahinafaguni"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/mumtahina-faguni/"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="https://www.facebook.com/mfaguni"><i class="fa fa-facebook" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
<div id="popup1" class="overlay">
<div class="popup">
<h2>Thank you for your message</h2>
<a class="close" href="#">×</a>
<div class="content text-center" >
JavaScript and Server side Language don't work Here!
</div>
</div>
</div>
</body>
</html>