-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
53 lines (52 loc) · 3.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="pricing.css">
<title>Basic Parallax</title>
</head>
<body>
<div class="img1">
<div class="ptext">
<span class="border">
Parallax Website
</span>
</div>
</div>
<section class="section section-light">
<h2>Section One</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Incidunt vitae, vero laudantium odio ducimus accusamus sint fugiat harum recusandae iure rerum necessitatibus, soluta, magni fuga at molestias dolorum totam quis consequatur dolor nostrum esse ut. Vero deleniti repudiandae odio aliquid mollitia nostrum dolores consequuntur ex facilis iure! Officia maxime reiciendis repellat error autem ipsa necessitatibus laboriosam deserunt? Distinctio consequuntur sit nobis ipsam deserunt dolores ea reiciendis culpa tempore. Reprehenderit cupiditate maiores totam exercitationem, neque numquam, provident beatae atque iusto soluta omnis. Neque illo et itaque voluptas accusantium veniam optio rem similique consequuntur quibusdam quidem impedit animi, quam, maiores praesentium debitis.</p>
</section>
<div class="img2">
<div class="ptext">
<span class="border trans">
Image Two Text
</span>
</div>
</div>
<section class="section section-dark">
<h2>Section Two</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestias dicta delectus fugiat excepturi libero cum deleniti, et quod est assumenda illo commodi molestiae eaque labore quasi culpa laboriosam eveniet at nemo enim unde laborum quibusdam, quae beatae. Et, fugiat officia delectus excepturi nesciunt debitis quisquam architecto eos voluptates magnam, molestias sapiente, facilis repellendus pariatur sequi minima ducimus assumenda repudiandae ipsam doloremque ipsum accusamus ad dolorem consectetur. Nobis, sequi nemo recusandae tempore ad vel quisquam quam voluptatem doloribus architecto perspiciatis molestiae porro iste ut, aliquid impedit a distinctio? Possimus quas corporis quod voluptas pariatur. Quasi consequuntur, modi alias provident explicabo quos?</p>
</section>
<div class="img3">
<div class="ptext ">
<span class="border trans">
Image Three Text
</span>
</div>
</div>
<section class="section section-dark">
<h2>Section Three</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo tenetur dicta est qui a voluptas iste et cumque placeat, culpa magnam repellat exercitationem, fuga molestiae facere, dolorem repudiandae aperiam facilis quidem ducimus quam repellendus. Quos, facere soluta? Omnis distinctio modi debitis minus nobis dolorem laboriosam quos quasi incidunt fugiat, officiis vitae ipsa possimus odio assumenda ducimus dolores accusantium aliquam harum laudantium amet ex saepe! Velit, minus dicta vitae dolore recusandae exercitationem repellendus ratione laboriosam, dolorem ad cupiditate itaque necessitatibus, explicabo dolor. Dolorum nostrum ea neque quaerat earum exercitationem impedit voluptate. Itaque provident iste perspiciatis nostrum ullam laborum, at est dolores!</p>
</section>
<div class="img1">
<div class="ptext">
<span class="border">
DUYEN HUYNH
</span>
</div>
</div>
</body>
</html>