WCS Quest on HTML best practices

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="WCS HTML Best Practices Quest">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="Kanstantsin Venhura">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Structuring an HTML page</title>
</head>

<body>
    <nav>
        <a class="active" href="#home">FindThePrecious.com</a>
        <a href="#news">Fellows</a>
        <a href="#news">Contact us</a>
    </nav>
    <div>
        <h3>Dangerous fellowship try to destroy the rinf</h3>
        <p>Orcs, Goblins, Balrogs, protect your master Sauron!</p>
    </div>
    <div>
        <header>Fellows wanted dead (or alive if you want to eat them later)</header>
    </div>
    <section>
        <a href="https://placeholder.com/">The Wizard<img src="https://via.placeholder.com/150"
                alt="The picture of the Wizard"></a>
        <p>Lorem ipsum dolor sit amet.</p>
        <a href="https://placeholder.com/">Habbit #3<img src="https://via.placeholder.com/150"
                alt="The picture of the Habbit #3"></a>
        <p>Lorem ipsum dolor sit amet.</p>
        <a href="https://placeholder.com/">Yummy dwarf<img src="https://via.placeholder.com/150"
                alt="The picture of the Yummy Dwarf"></a>
        <p>Lorem ipsum dolor sit amet.</p>
    </section>
    <div>
        <h2>Contact us</h2>
        <form action="">
            <ul>
                <li>
                    <label for="mail">E-mail:</label>
                    <input type="email" placeholder="Email">
                </li>
                <li>
                    <label for="phone">Phone</label>
                    <input type="phone number">
                </li>
                <select name="" id="">
                    <option value="">I have seen one of them</option>
                </select>
                <li>
                    <label for="msg">Message</label>
                    <textarea placeholder="Your message" rows="10"></textarea>
                </li>
                <li class="button">
                    <button type="submit" href="/">Send!</button>
                </li>
            </ul>
        </form>
    </div>
    <footer>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-sm-4 col-md-3 item">
                    <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 class="col-sm-4 col-md-3 item">
                    <ul>
                        <li><a href="#">FAQ</a></li>
                        <li><a href="#">Rewards conditions</a></li>
                        <li><a href="#">Legal mentions</a></li>
                    </ul>
                </div>
                <div class="col-sm-4 col-md-3 item">
                    <ul>
                        <li><a href="#">Sauron4Ever.com</a></li>
                        <li><a href="#">Follow him also on twitter</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
</body>

</html>