-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
73 lines (68 loc) · 3.57 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
<!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>My Dream - Our Life</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=Yatra+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="images/favicon-32x32.png" type="image/x-icon">
</head>
<body>
<section class="start">
<div class="half-width">
<h1>This is how It Started</h1>
<h1><span>Welcome to our World</span></h1>
<h2>We are Dreamer - We are The Future</h2>
<p>This Demo Site will show you the Jouney of Our Life . Most of the text of this site will be like Demo
Text . Here I wanted to place a theme of a basic site made with Basic HTML and CSS Properties . Lorem
ipsum dolor sit amet consectetur adipisicing elit. Facere consequuntur facilis autem. Impedit esse
voluptatem natus excepturi eveniet tenetur velit dicta ea inventore reprehenderit. Dolorum provident
delectus modi dolorem non</p>
<a class="link-button" target="_blank" href="https://wwww.yasirmonon.com/">My Details</a>
</div>
<div class="half-width">
<img src="images/start-bg.png" alt="Life Start">
</div>
</section>
<section class="middle">
<div class="half-width">
<img src="images/time-bg.png" alt="time-spending">
</div>
<div class="half-width">
<h1><span>And this is how we Spent Time</span></h1>
<h2>We are Dreamer - We are The Future</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex aliquid, corrupti suscipit fugit odio
quaerat, voluptatem architecto dicta vero provident cumque sequi nobis amet autem cupiditate laborum
distinctio eos quo facere. Ut dolorum, dicta minima harum est id suscipit nisi. Lorem
ipsum dolor sit amet consectetur adipisicing elit. Facere consequuntur facilis autem. Impedit esse
voluptatem natus excepturi eveniet tenetur velit dicta ea inventore reprehenderit. Dolorum provident
delectus modi dolorem non</p>
<a class="link-button" target="_blank" href="https://wwww.yasirmonon.com/">My Details</a>
</div>
</section>
<section class="finish">
<div class="future">
<h1><span>Our Memorable Times</span></h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex aliquid, corrupti suscipit fugit odio
quaerat, voluptatem architecto dicta vero provident cumque sequi nobis amet autem cupiditate laborum
distinctio eos quo facere.</p>
</div>
<div class="future">
<h1><span>Our Life Events</span></h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex aliquid, corrupti suscipit fugit odio
quaerat, voluptatem architecto dicta vero provident cumque sequi nobis amet autem cupiditate laborum
distinctio eos quo facere.</p>
</div>
<div class="future-image">
<img src="images/future-bg.png" alt="future">
</div>
</section>
<footer class="footer-text">
© This Site is Developed By Yasir Monon , Programming Hero
</footer>
</body>
</html>