-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (65 loc) · 3.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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">
<title>Mahfuj's Portfolio</title>
</head>
<body>
<section class="top-banner flexible-container">
<div class="half-width">
<h1>Welcome to<br><span class="text-highlight">Mahfuj's</span> Website</h1>
<h3>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sunt, non!</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias sapiente corporis dignissimos accusantium,
expedita mollitia explicabo facere rem a ipsum ducimus nam quaerat quis! Animi, distinctio eaque qui
reiciendis natus, nostrum ipsam commodi doloribus, ad similique autem corrupti! Laborum nam dolorem amet
eveniet exercitationem! Consectetur doloribus facere sed nihil est?</p>
<a class="link-button" href="https://www.linkedin.com/in/md-mahfuj-hasan-5219aa202/" target="_blank">HIRE
ME</a>
</div>
<div class="half-width">
<img src="images/me-cross-arm.png" alt="developer's img">
</div>
</section>
<section class="about-me flexible-container">
<div class="half-width">
<img src="images/me-thumbs-up.png" alt="developer's img">
</div>
<div class="half-width">
<h2>About Me</h2>
<h3>Lorem ipsum dolor sit amet consectetur adipisicing.</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque rem rerum cum possimus, quae aliquid
quaerat ut magnam corrupti? Consequatur quas commodi, optio quos sint sit maiores odio corporis et
quaerat deserunt alias cumque recusandae, suscipit eligendi aliquam inventore? Tempore.</p>
<a class="link-button" href="#" target="_blank">DOWNLOAD RESUME</a>
</div>
</section>
<section class="experience-area">
<h2>Experiences</h2>
<div class="flexible-container">
<div id="full-stack-web-dev-experience" class="experience-item">
<h2>Full Stack Web Developer</h2>
<h3 class="text-highlight">Lorem ipsum dolor sit amet consectetur adipisicing.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, magnam beatae minima dolores ullam
itaque laboriosam ea repellat doloremque, veniam, praesentium voluptatem et officiis dicta incidunt
quisquam autem quas consectetur.</p>
</div>
<div id="beginner-web-dev-experience" class="experience-item">
<h2>Beginner Web Developer</h2>
<h3 class="text-highlight">Lorem, ipsum dolor sit amet consectetur adipisicing.</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae doloribus mollitia nihil
cupiditate ea maiores eius, voluptas nobis ipsum cumque labore nemo quaerat! Dolorum aspernatur
magni alias quia a qui.</p>
</div>
</div>
</section>
<footer>
<p>© Md. Mahfuj Hasan 2021, all rights reserved.</p>
</footer>
</body>
</html>