-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (72 loc) · 4.27 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
<!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>Personal profolio</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:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<section class="top-banner flexible-container">
<div class="half-width">
<h1>Welcome to</h1>
<h2> <span class="orange">Tofazzal Kamruzzaman</span> World!</h2>
<h3>World Class Web Devoloper!</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae unde, maiores et tempora facere voluptate sequi, omnis porro nihil quas reprehenderit non deserunt. Dolorem odio ex doloribus molestias, unde reiciendis maxime illo distinctio veniam ut libero id maiores accusantium delectus? Tenetur eligendi corporis quaerat, sint laudantium dignissimos odio quisquam consequatur!</p>
<a class="link-btn" target="_blank" href="https://www.linkedin.com/in/tofazzal-kamruzzaman-b514511b2/">HIRE ME</a>
</div>
<div class="half-width">
<img src="images/profile.png" alt="">
</div>
</section>
<section class="dream-area flexible-container">
<div class="half-width">
<img src="images/jhankar2.png" alt="">
</div>
<div class="half-width">
<h1 class="title">My Final Goal</h1>
<h1 class="title-2">Become a world <span class="orange-2">No'1</span> Developer</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Commodi at sapiente ipsa molestias quasi quam
distinctio quisquam, perspiciatis atque quia sint omnis ex praesentium eum laboriosam minima iure. Soluta enim
culpa laboriosam minima voluptas aliquid porro ducimus, cum eos dolorem ratione id quam tenetur eaque minus
doloremque sit. Laboriosam ratione odit eius cum dolores, perferendis modi recusandae autem temporibus deserunt!
</p>
<a class="link-btn" href=""> Download Resume</a>
</div>
</section>
<section class="third-section ">
<div>
<h1 class="expe">Experiences</h1>
</div>
<div id="full" class="flexible-container">
<div class="half-width2 ">
<h1 class="left">Full stack web developer</h1>
<h3>2021-Present | Pro Level developer </h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Architecto autem nemo animi obcaecati, pariatur
distinctio id? Tenetur assumenda saepe adipisci ducimus nostrum ratione quas esse facere non rerum veniam
labore, soluta sit beatae corporis nemo delectus ipsa omnis! Quibusdam neque quidem quo veniam delectus,
possimus voluptas laboriosam accusamus amet ipsa modi facilis nobis a deserunt dignissimos odio excepturi
fuga saepe adipisci suscipit. Quos suscipit temporibus iusto harum doloremque ipsum iure!</p>
</div>
<div id="junior" class="half-width2">
<h1 class="right">Junior web developer</h1>
<h3>2020-2021 | Programming Hero Learner </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis tempora quis nesciunt libero enim veritatis
ex
aspernatur, perferendis maxime ea? Doloremque fugit beatae obcaecati maxime? Aperiam, nisi quas est sit
pariatur
incidunt at. Commodi nesciunt excepturi aliquid impedit accusantium hic recusandae. Atque expedita
consectetur
accusantium animi labore ipsa alias illo, dolore laudantium. Ipsum tempore, eos quibusdam reprehenderit
nobis
dolor unde perferendis nesciunt ipsam, alias iste doloremque quo, repellat soluta obcaecati!</p>
</div>
</div>
</section>
<footer>© 2021 From Communications</footer>
</body>
</html>