-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (123 loc) · 7.23 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.0">
<title>Md Sifatul Islam</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<!-- Container Start -->
<div id="container">
<header id="head">
<div id="header_id">
<img id="profile_picture" src="images/Sifat.jpg"alt="Profile Photo">
<div id="headline">
<h1>MD. Sifatul Islam</h1><br>
<h4>Web Designer</h4>
</div>
</div>
<div id="contact">
<p>
<a href="mailto:sifatul.mme@outlook.com">Email: sifatul.mme@outlook.com</a><br>
<a href="https://about.me/mdsifatul">Website: about.me/mdsifatul</a><br>
<a href="tel:+8801914510064">Phone: +8801914510064</a>
</p>
</div>
<div class="div-clear"></div>
<hr class="header-devider">
</header>
<main>
<section id="personal-info">
<div class="left-div">
<h4>Personal Information</h4>
</div>
<div class="right-div">
<p>
Address: Berbari Moddhopara, Berbari, Near garagonj bus stand, Shailkupa, Jhenaidah, Bangladesh<br>
Sex: Male <br>
Date Of Birth : 12/07/2004 <br>Nationality: Bangladeshi
</p>
</div>
</section>
<div class="div-clear"></div>
<hr class="common-devider">
<section class="work-exp">
<div class="left-div">
<h4>Work Experience</h4>
</div>
<div class="right-div">
<h4 class="tittle">Senior Web Devolper At XYZ IT Institute</h4><br>
<h5>01/01/2021-Present</h5><br>
<p class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi non ipsum numquam maxime omnis. Vel, atque tenetur libero illum non amet dolores quis tempora voluptatibus nostrum! Inventore error vel dolorum in voluptatem quae asperiores quisquam, ea nostrum placeat ab doloribus molestias nobis officiis maxime cumque magnam assumenda quaerat repudiandae nisi quas aperiam non? Quaerat ad deserunt est sunt quisquam tempore quod rem corporis eaque unde aliquid recusandae, maxime ea nobis.
</p> <br>
<h4 class="tittle">Joniur Web Devolper At XYZ IT Institute</h4><br>
<h5>01/01/2019-31/12/2020</h5><br>
<p class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi non ipsum numquam maxime omnis. Vel, atque tenetur libero illum non amet dolores quis tempora voluptatibus nostrum! Inventore error vel dolorum in voluptatem quae asperiores quisquam, ea nostrum placeat ab doloribus molestias nobis officiis maxime cumque magnam assumenda quaerat repudiandae nisi quas aperiam non? Quaerat ad deserunt est sunt quisquam tempore quod rem corporis eaque unde aliquid recusandae, maxime ea nobis.
</p> <br>
<h4 class="tittle">joniur Web Devolper At ABC IT Institute</h4><br>
<h5>01/01/2016-31/12/2018</h5><br>
<p class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi non ipsum numquam maxime omnis. Vel, atque tenetur libero illum non amet dolores quis tempora voluptatibus nostrum! Inventore error vel dolorum in voluptatem quae asperiores quisquam, ea nostrum placeat ab doloribus molestias nobis officiis maxime cumque magnam assumenda quaerat repudiandae nisi quas aperiam non? Quaerat ad deserunt est sunt quisquam tempore quod rem corporis eaque unde aliquid recusandae, maxime ea nobis.
</p>
</div>
<div class="div-clear"></div>
<hr class="common-devider">
</section>
<section id="education">
<div class="left-div">
<h4>Education</h4>
</div>
<div class="right-div">
<div class="mid-div1">
<h4 class="tittle">B.Sc In Metarials and Metallurgical Engineering</h4><br>
<h5>2015-2019 | CGPA 3.75/4.00</h5><br>
<p>Bangladesh University Of Engineering and Technology (BUET) <br>
Sahbag,Dhaka-1000,Bangladesh <br>
<a href="https://www.buet.ac.bd">buet.ac.bd</a>
</p>
</div>
<div class="mid-div2">
<h4 class="tittle">M.Sc In Metarials and Metallurgical Engineering</h4><br>
<h5>2015-2019 | CGPA 3.60/4.00</h5>
<br>
<p>Bangladesh University Of Engineering and Technology (BUET) <br>
Sahbag,Dhaka-1000,Bangladesh <br>
<a href="https://www.buet.ac.bd">buet.ac.bd</a>
</p>
</div>
</div>
<div class="div-clear"></div>
<hr class="common-devider">
</section>
<section id="award">
<div class="left-div">
<h4>Honors and Awards</h4>
</div>
<div class="right-div">
<p>
<ul >
<li><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos, voluptatibus?</li></p>
<li><p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p></li>
<li><p>Lorem ipsum dolor sit amet consectetur.</li></p>
</ul>
</p>
</div>
<div class="div-clear"></div>
<hr class="common-devider">
</section>
</main>
<footer>
<div id="footer">
<p><a href="">Facebook</a>
<a href="">Youtube</a>
<a href="">Linkdin</a></p>
<br>
<p>Copyright © Md. Sifatul Islam 2023</p>
</div>
</footer>
</div>
</body>
</html>