howto.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SBC How to</title>
    <link rel="stylesheet" href="howto.css">

</head>
<body>
    <section class="hero">
        <div class="hero-content">
            <img class="logo" id="sbclogo" alt="sabucco barbell club logo" src="./Images/logo-shield nouveau.png">
            <div class="hero-text">
            <h2>Welcome to the </h2>
            <h1>Sabucco Barbell Club</h1>
            <h2>Workout Tracker</h2>
            </div>
            <nav class="vertical-nav-bar">
                <ul>
                    <li><a href="./index.html">Home</a></li>
                    <li><a href="./howto.html">Tracker How-tos</a></li>
                    <li><a href="#workouts">Workouts</a></li>
                    <li><a href="#join">Join the Club</a></li>
                </ul>
            </nav>
            </div>
        </div>
    </section> 
    <h1>Congratulations!</h1>
    <p>You're the kind of lifter who reads the instructions. Form is important,<br> 
        and no matter what you're doing, it's important to do it right. <br>
        This is where you'll find instructions on using the Workout Tracker. <br>
        For now, just enjoy these pics.</p>
</body>
</html>