-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
205 lines (174 loc) · 12.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
</head>
<body>
<!--container start-->
<div class="container">
<!--header start-->
<header>
<img class="profile-image" src="image/anisul-islam.jpg">
<div class="header-bio">
<h1>Anisul Islam</h1>
<h3>Web Designer</h3>
</div>
<div class="header-contact">
<p><a href="mailto:anisul2010@yahoo.co.uk">Email:anisul2010@yahoo.co.uk</a></p>
<p><a href="https://studywithanis.com">Website:studywithanis.com</a></p>
<p><a href="Tel:+8817444700">Phone:+8817444700</a></p>
</div>
</header>
<!--clearing div-->
<div class="clear-div"></div>
<hr>
<!--header end-->
<main>
<!--personal information section start-->
<section id="personal-section">
<div class="content">
<div class="left-div">
<h3>Personal Information</h3>
</div>
<div class="right-div">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Feugiat scelerisque varius morbi enim. Lectus quam id leo in vitae turpis massa sed. Commodo ullamcorper a lacus vestibulum sed arcu non. Ut placerat orci nulla pellentesque. Placerat in egestas erat imperdiet sed euismod nisi porta. Non blandit massa enim nec dui nunc mattis. Enim facilisis gravida neque convallis a cras semper auctor neque. Vitae suscipit tellus mauris a diam maecenas sed. Nunc mattis enim ut tellus elementum sagittis vitae. Duis convallis convallis tellus id interdum. Pellentesque nec nam aliquam sem et tortor. Ultrices in iaculis nunc sed augue. Neque gravida in fermentum et. Tincidunt eget nullam non nisi est. Elementum tempus egestas sed sed risus pretium quam. Vitae et leo duis ut diam quam nulla.</p>
</div>
</div>
</section>
<!--personal information section end-->
<!--clearing div-->
<div class="clear-div"></div>
<hr class="common-hr">
<!--work experience section start-->
<section id="work-section">
<div class="content">
<div class="left-div">
<h3>Work Experience</h3>
</div>
<div class="right-div">
<h3>Lecturer of ICT</h3>
<h5>2012-2016</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Feugiat scelerisque varius morbi enim. Lectus quam id leo in vitae turpis massa sed. Commodo ullamcorper a lacus vestibulum sed arcu non. Ut placerat orci nulla pellentesque. Placerat in egestas erat imperdiet sed euismod nisi porta. Non blandit massa enim nec dui nunc mattis. Enim facilisis gravida neque convallis a cras semper auctor neque. Vitae suscipit tellus mauris a diam maecenas sed. Nunc mattis enim ut tellus elementum sagittis vitae. Duis convallis convallis tellus id interdum. Pellentesque nec nam aliquam sem et tortor. Ultrices in iaculis nunc sed augue. Neque gravida in fermentum et. Tincidunt eget nullam non nisi est. Elementum tempus egestas sed sed risus pretium quam. Vitae et leo duis ut diam quam nulla.</p><br><br>
<h3>Lecturer of ICT</h3>
<h5>2012-2016</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Feugiat scelerisque varius morbi enim. Lectus quam id leo in vitae turpis massa sed. Commodo ullamcorper a lacus vestibulum sed arcu non. Ut placerat orci nulla pellentesque. Placerat in egestas erat imperdiet sed euismod nisi porta. Non blandit massa enim nec dui nunc mattis. Enim facilisis gravida neque convallis a cras semper auctor neque. Vitae suscipit tellus mauris a diam maecenas sed. Nunc mattis enim ut tellus elementum sagittis vitae. Duis convallis convallis tellus id interdum. Pellentesque nec nam aliquam sem et tortor. Ultrices in iaculis nunc sed augue. Neque gravida in fermentum et. Tincidunt eget nullam non nisi est. Elementum tempus egestas sed sed risus pretium quam. Vitae et leo duis ut diam quam nulla.</p><br><br>
<h3>Lecturer of ICT</h3>
<h5>2012-2016</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Feugiat scelerisque varius morbi enim. Lectus quam id leo in vitae turpis massa sed. Commodo ullamcorper a lacus vestibulum sed arcu non. Ut placerat orci nulla pellentesque. Placerat in egestas erat imperdiet sed euismod nisi porta. Non blandit massa enim nec dui nunc mattis. Enim facilisis gravida neque convallis a cras semper auctor neque. Vitae suscipit tellus mauris a diam maecenas sed. Nunc mattis enim ut tellus elementum sagittis vitae. Duis convallis convallis tellus id interdum. Pellentesque nec nam aliquam sem et tortor. Ultrices in iaculis nunc sed augue. Neque gravida in fermentum et. Tincidunt eget nullam non nisi est. Elementum tempus egestas sed sed risus pretium quam. Vitae et leo duis ut diam quam nulla.</p>
</div>
</div>
</section>
<!--work experience section end-->
<!--clearing div-->
<div class="clear-div"></div>
<hr class="common-hr">
<!--skill section end-->
<section id="skill-section">
<div class="content">
<div class="left-div">
<h3>Key Skills</h3>
</div>
<div class="right-div">
<h3>Communication skills</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Feugiat scelerisque varius morbi enim. Lectus quam id leo in vitae turpis massa sed. Commodo ullamcorper a lacus vestibulum sed arcu non. Ut placerat orci nulla pellentesque. Placerat in egestas erat imperdiet sed euismod nisi porta. Non blandit massa enim nec dui nunc mattis. Enim facilisis gravida neque convallis a cras semper auctor neque. Vitae suscipit tellus mauris a diam maecenas sed. Nunc mattis enim ut tellus elementum sagittis vitae. Duis convallis convallis tellus id interdum. Pellentesque nec nam aliquam sem et tortor. Ultrices in iaculis nunc sed augue. Neque gravida in fermentum et. Tincidunt eget nullam non nisi est. Elementum tempus egestas sed sed risus pretium quam. Vitae et leo duis ut diam quam nulla.</p><br><br>
<h3>Organisation/managerial skills</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Feugiat scelerisque varius morbi enim. Lectus quam id leo in vitae turpis massa sed. Commodo ullamcorper a lacus vestibulum sed arcu non. Ut placerat orci nulla pellentesque. Placerat in egestas erat imperdiet sed euismod nisi porta. Non blandit massa enim nec dui nunc mattis. Enim facilisis gravida neque convallis a cras semper auctor neque. Vitae suscipit tellus mauris a diam maecenas sed. Nunc mattis enim ut tellus elementum sagittis vitae. Duis convallis convallis tellus id interdum. Pellentesque nec nam aliquam sem et tortor. Ultrices in iaculis nunc sed augue. Neque gravida in fermentum et. Tincidunt eget nullam non nisi est. Elementum tempus egestas sed sed risus pretium quam. Vitae et leo duis ut diam quam nulla.</p><br><br>
<h3>Job-related skills</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Feugiat scelerisque varius morbi enim. Lectus quam id leo in vitae turpis massa sed. Commodo ullamcorper a lacus vestibulum sed arcu non. Ut placerat orci nulla pellentesque. Placerat in egestas erat imperdiet sed euismod nisi porta. Non blandit massa enim nec dui nunc mattis. Enim facilisis gravida neque convallis a cras semper auctor neque. Vitae suscipit tellus mauris a diam maecenas sed. Nunc mattis enim ut tellus elementum sagittis vitae. Duis convallis convallis tellus id interdum. Pellentesque nec nam aliquam sem et tortor. Ultrices in iaculis nunc sed augue. Neque gravida in fermentum et. Tincidunt eget nullam non nisi est. Elementum tempus egestas sed sed risus pretium quam. Vitae et leo duis ut diam quam nulla.</p>
</div>
</div>
</section>
<!--skill section end-->
<!--clearing div-->
<div class="clear-div"></div>
<hr class="common-hr">
<!--Education section start-->
<section id="personal-section">
<div class="content">
<div class="left-div">
<h3>Education</h3>
</div>
<div class="right-div">
<div class="edu-template-left">
<h4>B.sc. in Computer Science & Engineering</h4>
<h5>2013-2017 | CGPA : 3.92/4.00</h5>
<p>Leading University</p>
<p>Ragib nagar, Ponaullaf Bazar Rd, Kamal Bazar, 3112 Sylhet (Bangladesh)</p>
<p><a href="https://www.lus.ac.bd/">https://www.lus.ac.bd/</a></p>
</div>
<div class="edu-template-right">
<h4>M.sc. in Software Development</h4>
<h5>2019-Running | CGPA : 3.92/5.00</h5>
<p>Tampere University</p>
<p>Korkeakoulunkatu 7 Kampusareena, 33720 Tampere</p>
<p><a href="https://www.tuni.fi/fi">https://www.tuni.fi/fi</a></p>
</div>
</div>
</div>
</section>
<!--Education section end-->
<!--clearing div-->
<div class="clear-div"></div>
<hr class="common-hr">
<!--honors and awards section start-->
<section id="honors&awards-section">
<div class="content">
<div class="left-div">
<h3>Honors and Awards</h3>
</div>
<div class="right-div">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Feugiat scelerisque varius morbi enim. Lectus quam id leo in vitae turpis massa sed. Commodo ullamcorper a lacus vestibulum sed arcu non. Ut placerat orci nulla pellentesque. Placerat in egestas erat imperdiet sed euismod nisi porta. Non blandit massa enim nec dui nunc mattis. Enim facilisis gravida neque convallis a cras semper auctor neque. Vitae suscipit tellus mauris a diam maecenas sed. Nunc mattis enim ut tellus elementum sagittis vitae. Duis convallis convallis tellus id interdum. Pellentesque nec nam aliquam sem et tortor. Ultrices in iaculis nunc sed augue. Neque gravida in fermentum et. Tincidunt eget nullam non nisi est. Elementum tempus egestas sed sed risus pretium quam. Vitae et leo duis ut diam quam nulla.</p>
</div>
</div>
</section>
<!--honors and awards section end-->
<!--clearing div-->
<div class="clear-div"></div>
<hr class="common-hr">
<!--references section start-->
<section id="references">
<div class="content">
<div class="left-div">
<h3>References</h3>
</div>
<div class="right-div">
<div class="edu-template-left">
<h4>Md.Asaduzzaman Khan</h4>
<h5>Assistant Professor</h5>
<p>Head(acting)</p>
<p>Department of computer science & Engineering,Leading University</p>
<p>Cell phone:+8801711003233</p>
<p>E-mail:head_cse@lus.ac.bd</p>
</div>
<div class="edu-template-right">
<h4>Rumel M.S.Rahman pir</h4>
<h5>Associate professor</h5>
<p>Head</p>
<p>Department of Electrical and Electronics Engineering,leading university</p>
<p>Cell phone:+8801758228736</p>
<p>E-mail:rumelpir@lus.ac.bd</p>
</div>
</div>
</div>
</section>
<!--references section end-->
<!--clearing div-->
<div class="clear-div"></div>
<hr class="common-hr">
</main>
<!--footer start-->
<footer class="bottom-container">
<a href="#">Facebook</a>
<a href="#">Youtube</a>
<a href="#">Website</a>
<p>Copyright © Anisul Islam 2019</p>
</footer>
<!--footer end-->
</div>
<!--container end-->
</body>
</html>