-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
213 lines (206 loc) · 13.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
<!DOCTYPE html>
<html lang="en">
<head prefix="og: http://ogp.me/ns#">
<title>Moin Uddin Ahmed | Programmer & Linux Enthusiast</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="keywords" content="Moin Uddin Ahmed, Moin Uddin, Ahmed, marufmoinuddin, bracu university, bracu, university, student, front-end, web, website, computer, software, developer, engineer, designer, co-op" />
<meta name="author" content="Moin Uddin Ahmed" />
<meta name="description" content="Programmer, Linux Enthusiast, and everything in between." />
<meta property="og:description" content="Programmer, Linux Enthusiast, and everything in between." />
<meta prefix="og: http://ogp.me/ns#" property="og:image" content="http://marufmoinuddin.github.io/img/social-image.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:title" content="Moin Uddin Ahmed's Personal Website" />
<meta property="og:url" content="http://marufmoinuddin.github.io/" />
<meta property="og:type" content="website" />
<link rel="shortcut icon" href="img/logo-transparent-00009C.png">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href='https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,900,900italic,700italic'>
<link rel="stylesheet" type="text/css" href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom" data-offset="100">
<!-- <div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-top"></div>
<div class="loader-section section-bottom"></div>
</div> -->
<div id="content">
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-2x fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="http://marufmoinuddin.github.io/">
<img src="img/logo-transparent-white-30pt.png" />Moin Uddin Ahmed</a>
</div>
<div class="collapse navbar-collapse navbar-main-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li><a class="page-scroll" href="#about">About</a></li>
<li><a class="page-scroll" href="#services">Passion</a></li>
<li><a class="page-scroll" href="#experience">Experience</a></li>
<li><a class="page-scroll" href="#portfolio">Work</a></li>
<li><a class="page-scroll" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Section: Introduction -->
<section id="intro" class="intro text-center">
<div class="overlay">
<div class="intro-content">
<h1 class="animated fadeInDown delay-05s">Hi, I'm Moin Uddin</strong>
</h1>
<p class="subtitle animated fadeInUp delay-05s">Programmer & Linux Enthusiast</p>
<a class="fa fa-angle-down page-scroll" href="#about"></a>
</div>
</div>
</section>
<!-- Section: About -->
<section id="about" class="text-center">
<div class="overlay">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 wp1">
<h2>A Little Bit About Me</h2>
<img src="img/headshot1-square4.jpg" id="prof-pic" />
<p style="text-align:justify">
Hello! I'm Moin Uddin Ahmed, a Programmer and Web Developer with a strong interest in Linux Development and the creation of both shell scripts and graphical user interfaces for it. I recently completed my studies at <a href="https://www.bracu.ac.bd/" target="_blank">BRAC University</a> , where I pursued a degree in <a href="https://www.bracu.ac.bd/academics/departments/computer-science-and-engineering" target="_blank">Computer Science and Engineering</a>. My career aspirations revolve around leveraging my creativity to develop impactful software, contribute to innovative research, and take on challenging opportunities.
<br>
<br>
Outside of my computer work, I find enjoyment in crafting, as well as indulging in activities such as cycling and exploring new destinations through travel.
</p>
</div>
</div>
<div class="row text-center">
<div id="tl-dr">
<h3>TL;DR? Self Proclamations:</h3>
<!-- <h4>Self Proclamations:</h4> -->
<div class="tldr-proc">
<div class="tldr-icon" id="tldr-keyboard"><i class="fa fa-windows"></i></div>
<h5>Windows Veteran</h5>
</div>
<div class="tldr-proc">
<div class="tldr-icon"><i class="fa fa-linux"></i></div>
<h5>Linux Enthusiast</h5>
</div>
<div class="tldr-proc">
<div class="tldr-icon"><i class="fa fa-cogs"></i></div>
<h5>Troubleshooter</h5>
</div>
<div </div>
</div>
</div>
</div>
</section>
<!-- /Section: About -->
<!-- Section: Services (Passions) -->
<section id="services" class="text-center">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>What I Do</h2>
<div class="spacer-10"></div>
<div class="col-md-4 wp2">
<div class="icon"><i class="fa fa-pencil-square"></i></div>
<h3>Design</h3>
<p>My dedication to design goes beyond aesthetics; it delves into the intricate details of how a product functions and how users interact with it. I believe that a well-designed product should seamlessly integrate both form and function, ensuring a harmonious user experience. Whether it's a web application, a mobile app, or any digital medium, my goal is to craft designs that not only look appealing but also function intuitively, making technology enjoyable and accessible for all users.
</p>
</div>
<div class="col-md-4 wp2 delay-025s">
<div class="icon"><i class="fa fa-code"></i></div>
<h3>Development</h3>
<p>With a solid computer science foundation, my passion for programming, particularly Python and web development, guides my path as a developer. I prioritize crafting elegant, efficient software, rooted in algorithmic expertise and an understanding of time complexity. In Linux, I excel in shell scripting, automating tasks and enhancing system functionality. This versatility enables me to meet modern computing demands while finding immense satisfaction in the process.</p>
</div>
<div class="col-md-4 wp2 delay-05s">
<div class="icon"><i class="fa fa-lightbulb-o"></i></div>
<h3>Research</h3>
<p>Enthusiastic about the world of AI, machine learning, and NLP, I embarked on a research journey that culminated in my thesis, "Automated Image Caption Generator in Bangla Using Multimodal Learning." This exciting project allowed me to delve into the intricacies of language and image understanding. Now, as I conclude this research, I'm currently collaborating with friends on fresh and innovative research endeavors, where we continue to explore the limitless possibilities of technology.</p>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: Contact -->
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<!-- <h3>Other places you can find me</h3> -->
<ul class="list-inline social-buttons animated fadeIn">
<!-- Facebook Button -->
<li><a id="facebook" href="https://www.facebook.com/Moin Uddin.Ahmed" target="_blank"><i class="fa fa-facebook"></i></a></li>
<!-- Twitter Button -->
<li><a id="twitter" href="https://twitter.com/marufmoinuddin" target="_blank"><i class="fa fa-twitter"></i></a></li>
<!-- Instagram Button -->
<li><a id="instagram" href="https://instagram.com/marufmoinuddin/" target="_blank"><i class="fa fa-instagram"></i></a></li>
<!-- Pinterest Button -->
<!-- <li><a id="pinterest" href="https://www.pinterest.com/Moin UddinAhmed/" target="_blank"><i class="fa fa-pinterest"></i></a></li> -->
<!-- Spotify Button -->
<li><a id="spotify" href="https://play.spotify.com/user/marufmoinuddin" target="_blank"><i class="fa fa-spotify"></i></a></li>
<!-- Codepen Button -->
<li><a id="codepen" href="http://codepen.io/marufmoinuddin/" target="_blank"><i class="fa fa-codepen"></i></a></li>
<!-- GitHub Button -->
<li><a id="github" href="https://github.com/marufmoinuddin" target="_blank"><i class="fa fa-github"></i></a></li>
<!-- LinkedIn Button -->
<li><a id="linkedin" href="https://www.linkedin.com/in/marufmoinuddin" target="_blank"><i class="fa fa-linkedin"></i></a></li>
</ul>
<div class="page-scroll">
<a id="to-top" class="page-scroll" href="#page-top">
<img id="rocket" src="img/rocket12.png" />
</a>
<p id="to-top-copy">Beam me up, Scotty!</p>
</div>
<div class="copyright">
<!-- please don't steal my stuff without permission -->
<p><i class="fa fa-copyright"></i> Moin Uddin Ahmed 2016</p>
</div>
</div>
</div>
</div>
<!-- container -->
</footer>
<!-- Core JavaScript Files -->
<script src="js/bootstrap.min.js"></script>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<!-- Helpers -->
<script src="js/scrolling-nav.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/custom.js"></script>
<script>
// $(function() {
// $(".preload").fadeOut(2000, function() {
// $(".everything").fadeIn(1000);
// });
// });
</script>
<!-- *********************************************
_ _ _ _ _
| | | | ___ _ _ | |_| |__ ___ _ __ ___| |
| |_| |/ _ \ | | | | __| '_ \ / _ \ '__/ _ \ |
| _ | __/ |_| | | |_| | | | __/ | | __/_|
|_| |_|\___|\__, | \__|_| |_|\___|_| \___(_)
|___/
Lookin' at the source code huh?
Be sure to drop me a line! I'd love to chat,
whether it's about code, design, dogs,
coffee, snowboarding, or anything in between.
- Moin Uddin
********************************************** -->
</body>
</html>