-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (112 loc) · 5.81 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Carter+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
* {
margin: 0;
padding: 0;
}
.name {
font-family: 'Bungee', cursive;
}
.fa-facebook-square {
color: #3b5998;
}
.fa-twitter-square {
color: #00aced;
}
.fa-linkedin-square {
color: #007bb6;
}
.fa-stack-overflow {
color: #ef8236;
}
.background_1 {
background-color: #18bc9c;
}
.tamal_img {
border: 5px solid white;
}
.articleTitle {
font-family: 'Lobster', cursive;
font-size: 40px;
color: #C6426E;
}
.leftBorder {
border-left: 4px solid #C6426E;
}
.bg_crimson_tide {
background: #642B73;
background: -webkit-linear-gradient(to right, #C6426E, #642B73);
background: linear-gradient(to right, #C6426E, #642B73);
}
</style>
<title>Monayem Islam || Programmer</title>
</head>
<body>
<!--image and name start -->
<div class="container-fluid h-100 bg_crimson_tide py-5">
<div class="row h-100 justify-content-center d-flex flex-column align-items-center">
<div><img src="monayem.jpg" class="img-fluid rounded-circle tamal_img animate__animated animate__zoomIn" height="200px" width="200px"></div>
<div>
<h2 class="name pt-3 text-white animate__animated animate__slideInLeft">Monayem Islam</h2>
</div>
<div class="lead text-white animate__animated animate__slideInRight">
<h4>Programmer</h4>
</div>
<div class="py-5">
<a href="https://www.linkedin.com/in/monayemislam" target="_blank" class="btn btn-primary p-1 text-white">Hire Me</a>
<a href="Monayem_Islam.pdf" target="_blank" class="btn btn-success p-1">Download CV</a>
</div>
<div class="rounded bg-white row">
<a href="https://www.linkedin.com/in/monayemislam" target="_blank"><i class="fab fa-linkedin fa-3x p-2"></i></a>
<a href="https://stackoverflow.com/users/11581254/monayem-islam" target="_blank"><i class="fab fa-stack-overflow fa-3x p-2"></i></a>
<a href="https://github.com/monayemislam" target="_blank"><i class="fab fa-github fa-3x p-2"></i></a>
<a href="https://monayemislam.medium.com" target="_blank"><i class="fab fa-medium fa-3x p-2"></i></a>
<a href="https://www.facebook.com/monayem.islam.7" target="_blank"><i class="fab fa-facebook-square fa-3x p-2"></i></a>
<a href="https://twitter.com/monayemislam" target="_blank"><i class="fab fa-twitter-square fa-3x p-2"></i></a>
</div>
</div>
</div>
<!--end of image and name-->
<!--start of About Me-->
<div class="container py-3">
<div class="articleTitle text-center" id="about">About</div>
<hr>
<div class="row">
<div class="col-sm-6">
<p class="text-justify">
I'm passionate about programming and emerging technologies. I have completed my Bachelor of Science degree in Information and Communication Technology from Islamic Universiy, Kushtia-7003.<br><br> I am proficient with PHP frameworks
named Laravel-8 & CodeIgniter-4. I have about one year of professional experience and two years of individual working experience on web technologies.<br><br> I am excited to learn new technology and implement the knowledge of software
engineering.
</p>
</div>
<div class="col-sm-6 leftBorder">
<ol style="list-style-type: circle;" class="pl-3">
<li class="p-1">Languages: PHP, JavaScript, Java, C/++, SQL</li>
<li class="p-1">Frameworks: Laravel,Codigniter</li>
<li class="p-1">Web Technologies: HTML, CSS, Bootstrap, JQuery, Ajax, JSON</li>
<li class="p-1">DBMS: MySQL, MS SQL Server</li>
<li class="p-1">Version Control System: Git/Github</li>
<li class="p-1">Content Management System: Wordpress</li>
<li class="p-1">Tools: Postman,VS Code, PowerBI</li>
<li class="p-1">Methodologies: Agile</li>
<li class="p-1">Good knowledge on SDLC, OOP, algorithms and data structures</li>
<li class="p-1">Solved problems using Java, C/C++ and SQL in several online judges </li>
<li class="p-1">Basic Knowledge of Internet of Things(IoT)</li>
</ol>
</div>
</div>
</div>
<!--End of About Me-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>