Adventure-island/index.html at main · kmranimesh/Adventure-island · GitHub

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
98
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Parallax-Website</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>

    <div id="wrapper">

        <div class="container">
            <img src="background.png" class="background">
            <img src="foreground.png" class="foreground">
            <h1>ADVENTURE</h1>
        </div>

        <section>
            <h2 class="secHeading">
                Adventure Time
            </h2>
            <p class="text">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, veniam quaerat repudiandae quasi et
                quidem, quos hic explicabo dolores ab qui veritatis asperiores illum, voluptas incidunt! Ipsa, qui
                maiores officia ratione enim ea debitis fugit consectetur, laborum, molestiae in perspiciatis expedita.
                Sint corrupti praesentium mollitia repudiandae voluptas neque sunt recusandae quisquam, laboriosam a.
                Ipsum quae voluptatem inventore consequatur numquam beatae?
                <br> <br>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quam voluptate sit quae sapiente.
                Aut quibusdam earum quod est, quis enim minus iste nesciunt numquam quos exercitationem aperiam natus
                eaque sequi saepe dolor explicabo eum ullam asperiores odit animi sit. Repellat blanditiis ullam laborum
                reiciendis architecto a, repudiandae laudantium aperiam autem labore eos velit recusandae accusamus
                necessitatibus impedit? Debitis, voluptas.
            </p>

            <div class="bg bg1">
                <h2 class="desc">BIKING</h2>
            </div>
            <p class="text">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, veniam quaerat repudiandae quasi et
                quidem, quos hic explicabo dolores ab qui veritatis asperiores illum, voluptas incidunt! Ipsa, qui
                maiores officia ratione enim ea debitis fugit consectetur, laborum, molestiae in perspiciatis expedita.
                Sint corrupti praesentium mollitia repudiandae voluptas neque sunt recusandae quisquam, laboriosam a.
                Ipsum quae voluptatem inventore consequatur numquam beatae?
                <br> <br>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quam voluptate sit quae sapiente.
                Aut quibusdam earum quod est, quis enim minus iste nesciunt numquam quos exercitationem aperiam natus
                eaque sequi saepe dolor explicabo eum ullam asperiores odit animi sit. Repellat blanditiis ullam laborum
                reiciendis architecto a, repudiandae laudantium aperiam autem labore eos velit recusandae accusamus
                necessitatibus impedit? Debitis, voluptas.
            </p>


            <div class="bg bg2">
                <h2 class="desc">PARA GLIDING</h2>
            </div>
            <p class="text">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, veniam quaerat repudiandae quasi et
                quidem, quos hic explicabo dolores ab qui veritatis asperiores illum, voluptas incidunt! Ipsa, qui
                maiores officia ratione enim ea debitis fugit consectetur, laborum, molestiae in perspiciatis expedita.
                Sint corrupti praesentium mollitia repudiandae voluptas neque sunt recusandae quisquam, laboriosam a.
                Ipsum quae voluptatem inventore consequatur numquam beatae?
                <br> <br>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quam voluptate sit quae sapiente.
                Aut quibusdam earum quod est, quis enim minus iste nesciunt numquam quos exercitationem aperiam natus
                eaque sequi saepe dolor explicabo eum ullam asperiores odit animi sit. Repellat blanditiis ullam laborum
                reiciendis architecto a, repudiandae laudantium aperiam autem labore eos velit recusandae accusamus
                necessitatibus impedit? Debitis, voluptas.
            </p>


            <div class="bg bg3">
                <h2 class="desc">SURFING</h2>
            </div>
            <p class="text">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, veniam quaerat repudiandae quasi et
                quidem, quos hic explicabo dolores ab qui veritatis asperiores illum, voluptas incidunt! Ipsa, qui
                maiores officia ratione enim ea debitis fugit consectetur, laborum, molestiae in perspiciatis expedita.
                Sint corrupti praesentium mollitia repudiandae voluptas neque sunt recusandae quisquam, laboriosam a.
                Ipsum quae voluptatem inventore consequatur numquam beatae?
                <br> <br>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quam voluptate sit quae sapiente.
                Aut quibusdam earum quod est, quis enim minus iste nesciunt numquam quos exercitationem aperiam natus
                eaque sequi saepe dolor explicabo eum ullam asperiores odit animi sit. Repellat blanditiis ullam laborum
                reiciendis architecto a, repudiandae laudantium aperiam autem labore eos velit recusandae accusamus
                necessitatibus impedit? Debitis, voluptas.
            </p>

        </section>

    </div>

</body>

</html>