Bouldering-Gym/index.html at main · sajwan05/Bouldering-Gym · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bouldering</title>
    <link href="assets/styles/main.css" rel="stylesheet">
</head>
<body>

    <div class="wrapper">
        <header>
            <img  src="assets/images/logo.svg" alt="logo of the gym">
            <nav class="primary-navigation" aria-label="Primary Navigation">
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="./src/getting-started.html">Getting Started</a></li>
                </ul>
            </nav>
        </header>

        <main>
            <h1>Discover the Thrill of <span class="text-offset">Bouldering</span></h1>

            <img class="main-image" src="assets/images/bouldering-gym.jpg" alt="lots of people in the bouldering gym.">

            <section>
                <div class="two-column-layout">
                    <div>
                        <h2>What is Bouldering?</h2>
                        <p>Bouldering is a form of rock climbing that is performed on small rock formations or artificial rock walls without the use of ropes or harnesses. </p>
                        <p>Unlike <a href="https://en.wikipedia.org/wiki/Traditional_climbing" target="_blank">traditional climbing</a>, bouldering focuses on short but intensive routes called "problems," typically keeping climbers within a safe distance from the ground while they navigate challenging sequences of moves.</p>
                    </div>
                    <img src="./assets/images/what-is-bouldering.jpg" alt="A man attempting bouldering problem/task at an indoor gym">
                </div>

                <div class="color-offset">
                    <p>Experience the perfect blend of <strong>physical challenge and mental puzzle-solving</strong> as you navigate routes close to the ground, with nothing but a crash pad and determination.</p>
                    <p>Bouldering strips climbing down to its purest form, making it both <strong>accessible to beginners and endlessly challenging for experts</strong>.</p>
                </div>

            </section>


            <section>
                <div class="two-column-layout">

                    <img src="./assets/images/why-bouldering.jpg" alt="A man is climbing a outdoor boulder in an outdoor bouldering gym.">
                    <div>
                        <h2 class="text-offset">Why Bouldering?</h2>
                        <p>Whether you're a complete beginner or an experienced athlete, climbers of all ages can challenge themselves, celebrate each other's successes, and <em>build lasting friendships</em>.</p>

                        <h3>Reasons to get started:</h3>
                        <ul>
                            <li>Full-body workout</li>
                            <li>Improves problem solving skills</li>
                            <li>Builds mental resilience</li>
                            <li>And much more!</li>
                        </ul>

                        <p>Interested? Then find out <a href="src/getting-started.html">how to get started with bouldering</a>!</p>
                    </div>
                </div>
            </section>
        </main>

        <footer class="color-offset">
            <p>©2025 Boulder inc. All rights reserved.</p>
        </footer>

    </div>
</body>
</html>