Adventure-Parallax-Website/index.html at main · Dev-RohitGupta/Adventure-Parallax-Website · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Parallax Website - By Rohit Gupta</title>
    <link rel="stylesheet" href="styles.css">
    <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=Poppins:ital,wght@0,300;0,600;1,900&display=swap" rel="stylesheet">
    <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
</head>
<body>
    <div id="wrapper">
        <div class="container">
            <img class="bg-img" src="images/background.png" alt="">
            <img class="fg-img" src="images/foreground.png" alt="">
            <h1 class="title-text"><strong>ADVENTURE</strong></h1>
        </div>

        <section>
            <h2 class="secHeading">Adventure Time!</h2>
            <p class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum eveniet voluptates nisi nemo aspernatur praesentium! Nostrum ipsam labore vero fuga officia tempore vitae commodi earum eligendi libero, repudiandae deleniti adipisci alias placeat debitis iste, natus eum voluptatibus, eaque quia explicabo dolorem hic excepturi! Voluptatum nesciunt possimus porro quia eius consequuntur. <br><br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum sequi, necessitatibus, laudantium tenetur labore facere cupiditate, aut aliquid in suscipit obcaecati animi sapiente! Dolore asperiores facere, autem ipsam dignissimos quam?</p>

            <div class="bg bg1">
                <h2 class="desc">BIKING</h2>
            </div>
            <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur sunt vel atque repellendus et voluptas commodi nihil corrupti provident eos. Provident, deleniti? Vel blanditiis dicta laborum delectus optio neque quidem ex facilis nesciunt voluptatum. Ducimus, omnis alias. Accusamus quidem facere possimus, sit quod delectus cumque fugit illo facilis nostrum fuga! <br><br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit cumque ea facere dolorem facilis molestiae, ut qui obcaecati in expedita eos possimus eum ex ullam ipsum perspiciatis, quidem cupiditate exercitationem?</p>

            <div class="bg bg2">
                <h2 class="desc">Paragliding</h2>
            </div>
            <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur sunt vel atque repellendus et voluptas commodi nihil corrupti provident eos. Provident, deleniti? Vel blanditiis dicta laborum delectus optio neque quidem ex facilis nesciunt voluptatum. Ducimus, omnis alias. Accusamus quidem facere possimus, sit quod delectus cumque fugit illo facilis nostrum fuga! <br><br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit cumque ea facere dolorem facilis molestiae, ut qui obcaecati in expedita eos possimus eum ex ullam ipsum perspiciatis, quidem cupiditate exercitationem?</p>

            <div class="bg bg3">
                <h2 class="desc">Surfing</h2>
            </div>
            <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur sunt vel atque repellendus et voluptas commodi nihil corrupti provident eos. Provident, deleniti? Vel blanditiis dicta laborum delectus optio neque quidem ex facilis nesciunt voluptatum. Ducimus, omnis alias. Accusamus quidem facere possimus, sit quod delectus cumque fugit illo facilis nostrum fuga! <br><br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit cumque ea facere dolorem facilis molestiae, ut qui obcaecati in expedita eos possimus eum ex ullam ipsum perspiciatis, quidem cupiditate exercitationem?</p>


        </section>
    </div>
    <div class="redirectDiv">
        <button class="redirect">
          <p class="tooltip">Click On Me I'll Redirect You to Homepage</p>
          <a href="https://therohitgupta.vercel.app/" target="_blank"><img src="hacker.png" alt="" width="50px" height="50px"></a>
        </button>
    </div>
</body>
</html>