Untitled

<!DOCTYPE html5>

<head>

    <link rel="stylesheet" href="styles3.css">
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/footers/">

</head>

<body>
    <nav>
        <div class="navBar">
            <!-- <li>
                <a href="#" class="navButton"><img src="logo.png" alt="logo"></a>
            </li>
            <li>
                <a href="#" class="navButton">Aktywnosc 1</a>
            </li>

            <li>
                <a href="#" class="navButton">Aktywnosc 2</a>
            </li>
            <li>
                <a href="#" class="navButton">Aktywnosc 3</a>
            </li>
 -->
            <aside class="categories">
                <ul>
                    <!--Tutaj należy zmienić ścieżkę dostepu do naszej strony na odpowiednie serwlety-->
                    <li>
                        <a href="/ProjektNaIO/NowaProba.html"><img src="logo.png" alt="logo"></a>
                    </li>
                    <li><a href="#">Lista siłowni</a></li>
                    <li><a href="#">Sprawdź zapotrzebowanie</a></li>
                    <li><a href="#">Sprawdź kaloryczność posiłków</a></li>
                    <li><a href="#">Przelicz kalorie na Aktywność</a></li>
                    <li><a href="#">Często zadawane pytania</a></li>
                    <li><a href="#">O nas</a></li>
                </ul>
            </aside>
        </div>
        <!--Tutaj należy zmienić ścieżkę dostepu do naszej strony na odpowiednie serwlety-->
        <div class="logInOrRegister">
            <a href="#">Zaloguj</a>
            <a href="#">Zarejestruj sie</a>
        </div>

    </nav>


    <div class="px-4 py-5 my-5 text-center">

        <h1 class="display-5 fw-bold">Be Fit</h1>
        <div class="col-lg-6 mx-auto">
            <p class="lead mb-4">Chcesz zrzucić wagę ? </p>
            <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
                <!--Tutaj należy zmienić ścieżkę dostepu do naszej strony na odpowiednie serwlety-->
                <button type="button" class="btn btn-primary btn-lg px-4 gap-3">Zaloguj</button>
                <button type="button" class="btn btn-outline-secondary btn-lg px-4">Zarejestruj się</button>
            </div>
        </div>
    </div>
    <br>
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <!--Tutaj należy zmienić ścieżkę dostepu do naszej strony na odpowiednie serwlety oraz ścieżkę do zdjęć-->
                <img class="d-block w-100" src="https://sznyt.pl/wp-content/uploads/2019/11/73217458_2652669638153102_1485864594843893760_o.jpg" alt="First slide">
            </div>
            <div class="carousel-item">
                <img class="d-block w-100" src="https://klubfitness.njn.pl/photos/34382/sm_Zdjecie-20.07.2020_-13-35-57.jpg.jpg" alt="Second slide">
            </div>
            <div class="carousel-item">
                <img class="d-block w-100" src="https://biznes.wprost.pl/_thumb/66/9b/16aceda375e3b11eef3009bf9c75.jpeg" alt="Third slide">
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Poprzedni</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Następny</span>
        </a>
    </div>

    <div class="container">
        <!--Tutaj należy zmienić ścieżkę dostepu do naszej strony na odpowiednie serwlety-->
        <footer class="py-3 my-4">
            <ul class="nav justify-content-center border-bottom pb-3 mb-3">
                <li class="nav-item"><a href="/ProjektNaIO/NowaProba.html" class="nav-link px-2 text-muted">Strona główna</a></li>
                <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Lista siłowni</a></li>
                <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Zapotrzebowanie energetyczne</a></li>
                <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Kaloryczność posiłków</a></li>
                <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Często zadawane pytania</a></li>
                <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">O nas</a></li>
            </ul>
            <p class="text-center text-muted">&copy; 2021 Be Fit</p>
        </footer>
    </div>


    <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
</body>