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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Workout Frequency</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
    <link rel="stylesheet" href="/freq.css">

</head>

<body>
    <div class="d-flex vh-100">
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <div class="row">
                <img class="banner"
                    src="https://images.unsplash.com/photo-1506485338023-6ce5f36692df?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80"
                    alt="calendar image">
            </div>


            <h1 class="text-center">Setting Up a Schedule</h1>
            <div class="d-flex justify-content-center">
                <form class='' action="/freq" method="POST">
                    <label for="schedule">Select a workout split schedule:</label>
                    <select name="schedule" id="schedule">
                        <option value="null">---Pick a frequency---</option>
                        <option value="threeX">Three times a week</option>
                        <option value="fourX">Four times a week</option>
                        <option value="sixX">Six times a week</option>
                    </select>
                    <br>
                    <br>
                    <div class="d-flex justify-content-end">
                        <button class="btn">Next</button>
                    </div>
                </form>
            </div>
            <br>
            <div class="">
                <p class="">Note: Lower frequency equates to longer workouts and higher frequency equates
                    to
                    shorter
                    workouts.
                    Total weekly workout time will be similar however.</p>
            </div>
        </div>

        <div class="col-md-3"></div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
        crossorigin="anonymous"></script>
</body>

</html>