

<html>

<head>
    <?php require_once 'elements/head.php'; ?>
    <title>Gabi sports</title>
</head>

<?php require_once 'elements/header.php'; ?>

<?php require_once 'elements/navbar.php'; ?>

<body>

    <h2 class="titulo">The best workout</h2>

    <div class="workoutCards">
        <div class="cartinha">
            <img src="resources/images/groupWorkout.jpg">
        <a href='https://www.freepik.com/photos/love'>Love photo created by artursafronovvvv - www.freepik.com</a>
            <h2>Ab workout </h2>
            <p> Practice with our best abs workout </p>
        </div>

        <div class="cartinha">
            <img src="resources/images/groupWorkout.jpg">
        <a href='https://www.freepik.com/photos/love'>Love photo created by artursafronovvvv - www.freepik.com</a>
            <h2>Leg workout </h2>
            <p> Achieve your best shape </p>
        </div>

        <div class="cartinha">
            <img src="resources/images/womanWorkout.jpg">
        <a href='https://www.freepik.com/photos/music'>Music photo created by serhii_bobyk - www.freepik.com</a>
            <h2>Streching </h2>
            <p> Stretch with good vibes </p>
        </div>

        <div class="cartinha">
            <img src="resources/images/womanWorkout.jpg">
        <a href='https://www.freepik.com/photos/music'>Music photo created by serhii_bobyk - www.freepik.com</a>
            <h2>Burn Calories </h2>
            <p> Fat burning training </p>
        </div>

        <div class="cartinha">
            <img src="resources/images/groupWorkout.jpg">
        <a href='https://www.freepik.com/photos/love'>Love photo created by artursafronovvvv - www.freepik.com</a>
            <h2>Leg workout </h2>
            <p> Intense leg excercises </p>
        </div>

        <div class="cartinha">
            <img src="resources/images/womanWorkout.jpg">
        <a href='https://www.freepik.com/photos/music'>Music photo created by serhii_bobyk - www.freepik.com</a>
            <h2>Yoga </h2>
            <p> Practice yoga and go beyond</p>
        </div>
    </div>

    <h2 class="titulo"> Why working out with us? </h2>
    
    <div class=corbanner>



        <div class="imagem-banner">
            <img src="resources/images/gym-cut.jpg">
        </div>

        <div class="texto-banner">
            <p> Lorem ipsum dolor sit amet. Qui quia architecto sed consequatur doloremque est quisquam atque eos
                Quis sequi et placeat deleniti sit nemo voluptatum non consequatur quos. Sed maiores asperiores aut
                perspiciatis debitis ut galisum nulla qui enim incidunt vel eligendi libero.</p>

            <p>Est nesciunt fugit est internos placeat qui aperiam asperiores sed enim libero. At minus sunt id quia
                expedita sit velit dolorum eos quaerat provident et nihil consequatur. Est molestiae voluptatem At corrupti
                quia vel quia odio id quas molestiae qui quos laudantium et dolorem ullam. Ad nostrum perspiciatis ea odit
                quisquam ex omnis eius quo eligendi dolorem in nesciunt animi eum quia culpa in dolores minima. </p>

            <p>A consectetur rerum est sint incidunt et quisquam sapiente sit omnis officia non officiis laboriosam.
                Qui veniam nihil et assumenda voluptatibus et dolores deserunt sit ipsa. Hic error sunt ut eveniet Quis
                sed veritatis temporibus. Et internos incidunt quo repellendus odit et quia voluptatem qui libero neque est
                fugiat enim. </p>
        </div>

    </div>

    <div class=corranking>
        <h2 class="titulo"> Ranking </h2>

        <div class="container-ranking">
            <div class="podio">
                <div class="prata"> <i class="fas fa-award"></i> Maria dos Anjos</div>
                <div class="ouro"> <i class="fas fa-award"></i> Isabela Maria dos Santos</div>
                <div class="bronze"><i class="fas fa-award"></i> Ana maria de Paula</div>
            </div>

            <div class="ranking">
                <ol>
                    <li>
                        <i class="fas fa-star"></i> 5340 points | Isabela Maria dos Santos
                    </li>
                    <li>
                        <i class="fas fa-star"></i> 4059 points | Maria dos Anjos de Souza
                    </li>
                    <li>
                        <i class="fas fa-star"></i> 4001 points | Ana Maria de Paula
                    </li>
                    <li>
                        <i class="fas fa-star"></i> 3485 points | Fabio José Tamashiro
                    </li>
                    <li>
                        <i class="fas fa-star"></i> 2049 points | Angela Volney da Mota
                    </li>
                </ol>
            </div>

        </div>

</body>


<?php require_once 'elements/footer.php'; ?>

</html>