<html>

<head>
    <title>Sign up</title>
    <link rel="stylesheet" href="resources/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>

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

<div class="navbar">
    <a href="index.php"> Home </a>
    <a href="dashboard.php">User Dashboard</a>
    <a> Contact us </a>
</div>



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

<div class="workoutCards">
    <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>Ab workout </h2>
        <p> 10 minutos </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> 10 minutos </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> 10 minutos </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>Ab workout </h2>
        <p> 10 minutos </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>Leg workout </h2>
        <p> 10 minutos </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>Streching </h2>
        <p> 10 minutos </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">
        <a href='https://www.freepik.com/photos/man'>Man photo created by serhii_bobyk - www.freepik.com</a>
    </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>

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

<div class=corranking>

    <div class="podio">
        <div class="prata"> <i class="fas fa-award"></i> &nbsp; Maria</div>
        <div class="ouro"><i class="fas fa-award"></i> &nbsp; Isabela</div>
        <div class="bronze"><i class="fas fa-award"></i> &nbsp; Ana</div>
    </div>

    <div class="ranking">
        <ol>
            <li>
                <i class="far fa-star"></i>
                Isabela Cristina dos Santos
            </li>
            <li>
                <i class="far fa-star"></i>
                Maria Aparecida de Souza
            </li>
            <li>
                <i class="far fa-star"></i>
                Ana Claudia Guerreiro
            </li>
            <li><i class="far fa-star"></i>
                Fabio Montanini
            </li>
            <li>
                <i class="far fa-star"></i>
                Angela de Castro
            </li>
        </ol>
    </div>



</html>