-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (84 loc) · 3.53 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
<!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 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>My portfolio</title>
</head>
<body>
<section id="header">
<div class="header-part">
<h1>Welcome!</h1>
<h1><span class="text-color">Nurul Amin's</span> World</h1>
<h2>Full stack web developer with javascript</h2>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Optio natus
et nobis nisi ducimus aliquam esse totam quibusdam odio commodi
assumenda quaerat voluptatum, modi at quo id veniam earum in
reiciendis, error minima! Velit odit nam tenetur animi beatae ab at
excepturi repellendus quisquam expedita reiciendis voluptate
consequatur voluptas veniam adipisci quasi explicabo officia, nulla
hic corporis non! Iste, repellat! Ratione et repellendus corrupti quos
aspernatur voluptatem veniam sunt culpa. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Optio natus
et nobis nisi ducimus aliquam esse totam quibusdam odio commodi
assumenda quaerat voluptatum, modi at quo id veniam earum in
reiciendis, error minima! Velit odit nam tenetur animi beatae ab at
excepturi repellendus quisquam expedita reiciendis voluptate
</p>
<a class="link-color" href="https://www.facebook.com/nurul12469">Hire Me</a>
</div>
<div class="header-part">
<img src="images/header-bg.jpg" alt="header photo" />
</div>
</section>
<section id="dream-area">
<div class="dream-area-part">
<img src="images/container-bg2.jpg" alt="background photo" />
</div>
<div class="dream-area-part">
<h1>I have a dream</h1>
<h2>Become a web developer</h2>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque, qui
quis? Cum dolorem perspiciatis amet dicta ab optio nihil nisi!
</p>
<a class="link-color" href="https://www.facebook.com/nurul12469">Resume Download</a>
</div>
</section>
<section id="experience-area">
<h1>Experiences</h1>
<div class="experience-area-part">
<div id="full-stack">
<h2>Full Stack Web Developer</h2>
<h3>Your level pro,when you are 2022</h3>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Praesentium, rerum asperiores accusamus velit ea quidem incidunt
nobis vel placeat voluptatem sint non veritatis cum optio
consequatur temporibus adipisci, repellat aspernatur.
</p>
</div>
<div id="baby-web">
<h2>Baby Web Developer</h2>
<h3>Learn with Js:You are pro</h3>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Praesentium, rerum asperiores accusamus velit ea quidem incidunt
nobis vel placeat voluptatem sint non veritatis cum optio
consequatur temporibus adipisci, repellat aspernatur.
</p>
</div>
</div>
</section>
<footer>
<p>Professional Portfolio Website © by Nurul Amin 2022</p>
</footer>
</body>
</html>