Untitled

<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8">
        <title>FindThePrecious.com</title>
    </head>


    <body>
        <header>
            <div style="clear:both;width:520px;">
            <fieldset>
                <h1>FindThePrecious.com</h1>
                <nav>
                        <a href="#">Fellows</a>
                        <a href="#"> Contact us</a>
                </nav>
                <h1>Dangerous fellowship try to destroy the ring</h1>
                <h3>Orc, Goblins, Balrog, protect your master Sauron !</h3>
            </fieldset>
            </div>
        </header>


        <section>
            <h2>Fellows wanted dead</h2>
            <h3>(or alive if you want to eat them later)</h3>

            <div style="float:left ;width:220px;">
            <img src="http://via.placeholder.com/140x140" alt="placeholder">
            <h2>The Wizard</h2>
            <p>Small description...</p>
            </div>

            <div style="float:left;width:220px;">
            <img src="http://via.placeholder.com/140x140" alt="placeholder">
            <h2>Hobbit#3</h2>
            <p>Small description...</p>
            </div>

                <div style="float:left;width:220px;">
            <img src="http://via.placeholder.com/140x140" alt="placeholder">
            <h2>Yummy Dwarf</h2>
            <p>Small description...</p>
            </div>
        </section>


        <section>
            <div style="clear:both;width:520px;">
                <fieldset>
                    <h2>Contact us</h2>
                    <form>

                        <div>
                        <input type="text" name="@" value="@">
                        </div>

                        <div>
                        <input type="text" name="adresse" value="adresse">
                        </div>

                        <div>
                        <select>
                            <option>I have seen one of them</option>
                            <option>coucou</option>
                        </select>
                        </div>

                        <div>
                        <textarea name ="text" placeholder="Your message"></textarea>
                        </div>

                        <div>
                        <input type="submit" NAME="Send !" VALUE=" Send ! ">
                        </div>

                    </form>
                </fieldset>
            </div>
        </section>


        <footer>
            <nav>
            <div>
                <div style="float:left;width:220px;">
                <ul>
                    <li><a href="#">About us</a></li>
                    <li><a href="#">Fellows</a></li>
                    <li><a href="#">Join our army</a></li>
                </ul>
                </div>

                <div style="float:left;width:220px;">
                <ul>
                    <li><a href="#">FAQ</a></li>
                    <li><a href="#">Reward conditions</a></li>
                    <li><a href="#">Legal mentions</a></li>
                </ul>
                </div>

                <div style="float:left;width:220px;">
                <ul>
                    <li><a href="#"><b>Sauon4Ever.com</b></a></li>
                    <li><a href="#"><b>Follow him also on twitter</b></a></li>
                </ul>
                </div>
            </div>
            </nav>
        </footer>

    </body>

</html>