-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (76 loc) · 3.49 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
<!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>Likhon Portfolio</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=Play&family=Poppins&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="top-banner flexible-container ">
<div class="half-width">
<h1>Welcome To</h1>
<h1><span class="Orange-Color">Md. Likhon Mia</span> World</h1>
<h3>Building climber and train stopper</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit fugiat tenetur maxime odit minus animi
voluptatem at. Provident praesentium consequatur rem enim, impedit eos omnis, aspernatur doloribus nam
esse
et nisi! Suscipit, ratione deserunt doloremque
temporibus doloribus repudiandae veniam beatae?
</p>
<a class="link-button" target="_blank" href="">HIRE ME</a>
</div>
<div class="half-width">
<img src="images/Yasin1.png" alt="yasins pic">
</div>
</section>
<section class="Dream_Big flexible-container ">
<div class="half-width">
<img src="images/jhankar2.png" alt="">
</div>
<div class="half-width">
<h2>Dream Big</h2>
<h3>Become a Web-Developer</h3>
<p>Lorem ipsum, dolor sit amet consectetur
adipisicing elit. Impedit est sint et veniam
ullam ipsam tempora ut, consectetur, animi rerum ad
repudiandae ex nisi vitae magni nostrum unde.
Sed quaerat quos expedita. Perspiciatis
repellat perferendis dolorum saepe alias?
Commodi, alias?</p>
<a class="link-button" target="_blank" href="">DOWNLOAD RESUME</a>
</div>
</section>
<section class="experiance">
<h1>Experiance</h1>
<div class="flexible-container ">
<div class="exp-item">
<h1>Full Stack Developer</h1>
<h3>2022 present | Pro level developer</h3>
<p>Lorem ipsum, dolor sit amet consectetur
adipisicing elit. Iure consequatur temporibus
recusandae repudiandae totam delectus, enim, corrupti,
eveniet laboriosam alias incidunt vitae voluptates saepe!
Doloribus quisquam maiores, ex commodi
vel dicta est inventore ipsum
exercitationem alias nihil obcaecati blanditiis cum?</p>
</div>
<div class="exp-item">
<h1>Baby Web Developer</h1>
<h3>2021-2022 present | Noob level developer</h3>
<p>Lorem ipsum, dolor sit amet consectetur
adipisicing elit. Iure consequatur temporibus
recusandae repudiandae totam delectus, enim, corrupti,
eveniet laboriosam alias incidunt vitae voluptates saepe!
Doloribus quisquam maiores, ex commodi
vel dicta est inventore ipsum
exercitationem alias nihil obcaecati blanditiis cum?</p>
</div>
</div>
</section>
</body>
</html>