shop.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width= , initial-scale=1.0">
    <link rel="stylesheet" href="assets/css/style.css">
    <title>Gear Up!</title>
</head>

<body>
    <header>
        <nav>
            <!--To navigate in the website-->
            <ul>
                <li id="Top"><a href="index.html">Home Page</a></li>
                <li><a href="about.html">About Us</a></li>
                <li><a href="firtVisit.html">Your First Visit</a></li>
                <li><a href="courses.html">Our Courses</a></li>
                <li><a href="subscribe.html">Subscribe!</a></li>

            </ul>
        </nav>
    </header>
    <main>
        <section>
            <picture>
                <img src="assets\images\pexels-allan-mas-5383743.jpg" id="hero-pic"
                    alt="Hero picture. Man climbing bouldering wall. Picture taken from above when climbers is starting the climbing" />
            </picture>
            <div id="tex-box">
                <h1>Gear Up!</h1>
            </div>
        </section>

    </main>
    <footer>
        <p><a href="#Top">Back to the top</a></p>
    </footer>
</body>

</html>