-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (62 loc) · 2.86 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
<!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 Website</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="top-area">
<div class="half-width">
<h2>hello I'm</h2>
<h1 class="name-heilight">Rabiul Islam</h1>
<p>You might saw me jumping. climbing, bulding and stoping trains.
but nobody pays me a time for that work</p>
<a class="link-button" href="http://www.google.com" target="_blank" rel="noopener noreferrer">Hire me</a>
</div>
<div class="half-width">
<img src="images/peter.png" alt="">
</div>
</section>
<section class="dream-area">
<div class="half-width">
<img src="images/peter_dream.png" alt="">
</div>
<div class="half-width">
<h2>Biography</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</p>
</div>
</section>
<section class="latest-area">
<div class="leatest-work">
<h2>My Leatest work</h2>
<div class="letest-image">
<img src="images/latest-work/work-1.png" alt="">
</div>
<div class="letest-image">
<img src="images/latest-work/work-2.jpg" alt="">
</div>
<div class="letest-image">
<img src="images/latest-work/work-3.jpg" alt="">
</div>
</div>
</section>
<section class="contact-area">
<div class="contact-info">
<h2>What Client are Say</h2>
<h3>buruch mocccy</h3>
<p>Founder & CEO</p>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock,</p>
</div>
<div class="email-info">
<p>leave me a message</p>
<span class="email-hilight">robi.yscs@gmail.com</span>
</div>
</section>
</body>
</html>