-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (49 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
<!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">
<link rel="icon" href="favicon.ico">
</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">
In the candy-coated chaos of the Land of Ooo, Finn the Human and his shape-shifting dog brother Jake embark on wacky adventures. From battling the Ice King for his latest snow cone obsession to helping Princess Bubblegum rule her sugary kingdom, no challenge is too strange.
<br><br>
Along the way, they encounter a cast of unforgettable characters, from the lumpy BMO with his existential questions to the brooding vampire queen Marceline, each adding their own flavor to the mix. More than just silly escapades, each episode subtly unpacks deeper themes of friendship, loss, and growing up, all wrapped in a vibrant animation style and catchy tunes. "Adventure Time," it turns out, might just be the lumpiest, most mathematical, most magical time of them all.
</p>
<div class="bg bg1"> <!-- space is not allowed basically you are creating two different class for the same -->
<h2 class="desc">BIKING</h2>
</div>
<p class="text">
The wind whispers in your ears as you coast downhill, legs pumping in perfect rhythm. Each pedal stroke propels you forward, blurring the scenery into a tapestry of vibrant greens and sun-dappled browns. Sweat beads on your brow, but beneath it lies a smile, wide and unrestrained.
<br><br>
This isn't just exercise; it's freedom, a symphony of movement and nature sung on two wheels. Biking is an adventure, one pedal stroke at a time.A panoramic view unfolded before me – rolling hills bathed in the golden glow of twilight, It was a moment of pure contentment, the perfect ending to a day filled with exhilaration and discovery.
</p>
<div class="bg bg2"> <!-- space is not allowed basically you are creating two different class for the same -->
<h2 class="desc">PARA GLIDING</h2>
</div>
<p class="text">Paragliding, a thrilling blend of adrenaline and serenity, offers enthusiasts an unparalleled experience of flight. Suspended beneath a vibrant canopy, adventurers harness the power of wind currents to soar gracefully above landscapes, feeling the rush of air against their skin.
<br><br>
Each flight is a dance with nature, as pilots navigate the invisible forces that dictate their course. With skill and finesse, they carve arcs through the sky, banking and gliding with effortless precision. The panoramic views from aloft provide a perspective rarely seen, granting a profound sense of freedom and exhilaration. Paragliding epitomizes the human desire to explore the skies and embrace the boundless wonders of the world below.
</p>
<div class="bg bg3"> <!-- space is not allowed basically you are creating two different class for the same -->
<h2 class="desc">SURFING</h2>
</div>
<p class="text">Surfing, an art form born from the marriage of rider and wave, embodies a harmonious blend of skill and spontaneity. Balanced atop a sleek board, surfers harness the raw power of the ocean, riding its swells with finesse and agility.
<br><br>
Each wave presents a unique challenge, demanding split-second decisions and unwavering focus. With each crest conquered, surfers find themselves immersed in a timeless dance with the elements, surrendering to the rhythm of the sea. The sensation of gliding effortlessly across the water, propelled by nature's force, instills a profound sense of connection and freedom. Surfing is more than a sport.
</p>
</section>
</div>
</body>
</html>