-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (90 loc) · 4.25 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
92
93
94
95
96
97
<!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>parallel</title>
<!-- <link rel="stylesheet" href="style.css"> -->
<style>
*{
margin: 0px;
padding: 0px;
}
.parallel1{
width : 100%;
height : 600px;
background-image: url(boy.jpg);
background-size: 100% 100%;
background-attachment: fixed;
}
.parallel1 h2{
position: relative;
top: 300px;
left: 500px;
height: 35px;
width: 200px;
padding: 10px;
background-color: black;
color: white;
}
.para{
color: black;
border: 2px solid black;
margin-top: 8px;
padding: 20px;
text-align: center;
font-size: 20px;
font-style: oblique;
}
.parallel2{
width : 100%;
height : 600px;
background-image: url(boy2.jpg);
background-size: 100% 100%;
background-attachment: fixed;
}
</style>
</head>
<body>
<div class="parallel1">
<h2>vikrant kushwaha</h2>
</div>
<div class="para">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate commodi ipsa harum voluptas quibusdam
tempora animi eius quos iusto. Laboriosam, tenetur! Ipsam modi nobis in sequi doloribus, porro blanditiis
minus, amet maiores ratione quibusdam ex eveniet natus consectetur temporibus voluptatem aspernatur?
Assumenda adipisci perspiciatis minus asperiores iusto laboriosam incidunt blanditiis eaque, maxime sit
sequi? Maiores ipsa quas provident distinctio quod quaerat blanditiis sint excepturi? Mollitia odit
voluptatem culpa illo quas fuga ab cupiditate nulla aspernatur, doloremque, impedit, autem commodi
laudantium? Magnam quam cum nisi? Deserunt vel, molestiae adipisci soluta voluptatem beatae ipsa quod
similique cum tempore corrupti delectus atque asperiores?</p>
</div>
<div class="parallel2">
<h2>I am beleiver</h2>
</div>
<div class="para">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate commodi ipsa harum voluptas quibusdam
tempora animi eius quos iusto. Laboriosam, tenetur! Ipsam modi nobis in sequi doloribus, porro blanditiis
minus, amet maiores ratione quibusdam ex eveniet natus consectetur temporibus voluptatem aspernatur?
Assumenda adipisci perspiciatis minus asperiores iusto laboriosam incidunt blanditiis eaque, maxime sit
sequi? Maiores ipsa quas provident distinctio quod quaerat blanditiis sint excepturi? Mollitia odit
voluptatem culpa illo quas fuga ab cupiditate nulla aspernatur, doloremque, impedit, autem commodi
laudantium? Magnam quam cum nisi? Deserunt vel, molestiae adipisci soluta voluptatem beatae ipsa quod
similique cum tempore corrupti delectus atque asperiores?</p>
</div>
<div class="parallel1">
<h2>vikrant kushwaha</h2>
</div>
<div class="para">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate commodi ipsa harum voluptas quibusdam
tempora animi eius quos iusto. Laboriosam, tenetur! Ipsam modi nobis in sequi doloribus, porro blanditiis
minus, amet maiores ratione quibusdam ex eveniet natus consectetur temporibus voluptatem aspernatur?
Assumenda adipisci perspiciatis minus asperiores iusto laboriosam incidunt blanditiis eaque, maxime sit
sequi? Maiores ipsa quas provident distinctio quod quaerat blanditiis sint excepturi? Mollitia odit
voluptatem culpa illo quas fuga ab cupiditate nulla aspernatur, doloremque, impedit, autem commodi
laudantium? Magnam quam cum nisi? Deserunt vel, molestiae adipisci soluta voluptatem beatae ipsa quod
similique cum tempore corrupti delectus atque asperiores?</p>
</div>
</body>
</html>