-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (66 loc) · 3.58 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
<!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">
<title>Portfolio Website</title>
<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=Poppins:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="top-left-shape"></div>
<section class="header">
<div class="header-left-text">
<h1>Welcome To </h1>
<h1><span>Mehedi Hasan's</span> Website</h1>
<h3>World-class professional web developer</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci ut nam quod, cupiditate velit ab ducimus totam aliquam nostrum, vero exercitationem. Eum harum nemo veniam veritatis ex in quo atque.Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<a href="https://www.linkedin.com/in/mehedi-hasan-4316bab9/" target="_blank"> <button>HIRE ME</button> </a>
</div>
<div class="header-right-image">
<div class="big-circul">
<img src="images/pic-bg-removed.png" alt="Md. Mehedi Hasan">
</div>
<div class="small-circul"></div>
</div>
</section>
<!--=========================================Header Section End===========================================-->
<section class="middle">
<div class="middle-left-image">
<div class="big-circul2">
<img src="images/pic3-bg-removed.png" alt="Md. Mehedi Hasan">
</div>
<div class="small-circul2"></div>
</div>
<div class="middle-right-txt">
<h1>Big Dream</h1>
<h3>Want To Become World's No. 1 Developer</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci ut nam quod, cupiditate velit ab ducimus totam aliquam nostrum, vero exercitationem. Eum harum nemo veniam veritatis ex in quo atque.Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<a href="https://www.linkedin.com/in/mehedi-hasan-4316bab9/" target="_blank"> <button>DOWNLOAD RESUME</button> </a>
</div>
</section>
<!--==========================================Middle section end==========================================-->
<Section class="bottom-section">
<h1>Real Experiences</h1>
<div class="bottom-div">
<div class="bottom-left">
<h1>Full Stack Web Developer</h1>
<h3>2022 - Present | Pro level Web Dev</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Temporibus ex, nulla tempora optio libero facilis at reiciendis velit atque, suscipit vitae aliquid itaque recusandae maxime magnam, esse possimus fugiat corrupti!</p>
</div>
<div class="bottom-right">
<h1>Beginer Web Developer</h1>
<h3>2021-2022 | Programming Hero Learner</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi, impedit, at, labore quas ipsam libero necessitatibus maxime asperiores qui voluptates sed molestiae quos quasi? Nemo, tempora officiis. Itaque, ut nobis?</p>
</div>
</div>
</Section>
<!--==========================================Before footer section=======================================-->
<footer>© Mehedi 2022, all rights reserved.</footer>
<div class="disc"></div>
<div class="disc2"></div>
</body>
</html>