aaa

<!DOCTYPE HTML>
<html lang="en">
    <!-- ALEXIS P. -->
    <head>
        <title>FindThePrecious</title>
        <meta charset="utf-8">
        <meta name="author" content="Alexis P.">
        <meta name="description" content="Site de Sauron">
    </head>
    <body>
        <nav>
            <ul>
                <li id="title"></li>
                <li><a href="#suspect">Fellows</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>

        <section id="slider">
            <input type="radio" id="slide-left" name="slider-side">
            <input type="radio" id="slide-right" name="slider-side">
            <label for="slide-left" id="slider-left-arrow"></label>
            <label for="slide-right" id="slider-right-arrow"></label>
            <div class="slider-item"></div>
            <div class="slider-item"></div>
            <div class="slider-item"></div>
        </section>

        <section id="suspect">
            <h2></h2>
            <div id="suspect-container">
                <div class="suspect">
                    <div class="reward"></div>
                    <img src="https://via.placeholder.com/300" alt="suspect-image">
                    <h2 class="suspect-name"></h2>
                    <h4 class="suspect-description"></h4>
                </div>
                <div class="suspect">
                    <div class="reward"></div>
                    <img src="https://via.placeholder.com/300" alt="suspect-image">
                    <h2 class="suspect-name"></h2>
                    <h4 class="suspect-description"></h4>
                </div>
                <div class="suspect">
                    <div class="reward"></div>
                    <img src="https://via.placeholder.com/300" alt="suspect-image">
                    <h2 class="suspect-name"></h2>
                    <h4 class="suspect-description"></h4>
                </div>
            </div>
        </section>

        <hr>

        <section id="contact">
            <h2></h2>
            <form action="contact.php">
                <label for="contact-mail">Mail: </label>
                <input type="text" name="contact-mail" class="contact-input" id="contact-mail">
                <label for="contact-location">Location: </label>
                <input type="text" name="contact-location" class="contact-input" id="contact-location">
                <select name="contact-object" class="contact-input">
                    <option value="">I have seen one of them</option>
                    <option value="">I am one of them</option>
                    <option value="">Have the location of one of them</option>
                </select>
                <textarea name="contact-text" id="contact-textarea" cols="30" rows="10"></textarea>
                <button class="btn"></button>
            </form>
        </section>

        <footer>
            <div id="footer-info">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
            <div id="footer-media">
                <div></div>
                <div></div>
            </div>
        </footer>
    </body>
</html>