html +css

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Find the precious!</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <nav>
            <ul>
                <li>FindThePrecious.com</li>
                <li class="bg">Fellows</li>
                <li>Contact us</li>
            </ul>
        </nav>
        <section>
            <div class="carousel">
                <img src="https://via.placeholder.com/150" alt="banniere">

            </div>
        </section>
        <section class="fellows">
            <h2>Fellows wanted dead <p>(or alive if you want to eat them later)</p></h2>
        </section>
        <section class="article">
            <article><img src="https://via.placeholder.com/300" alt="test"></article>
            <article><img src="https://via.placeholder.com/300" alt="test"></article>
            <article><img src="https://via.placeholder.com/300" alt="test"></article>
        </section>
        <hr>
        <form>
            <h2>Contact us</h2>
            <input type="email" placeholder="@">
            <input type="text" placeholder="&#8962;">
            <input type="text" placeholder="I have seen one of them">
            <textarea placeholder="Your message"></textarea>
        </form>
    </body>
</html>


CSS

body{
    font-size: 14px;
}
nav ul li{
    display: inline-block;
    vertical-align: middle;
    color: white;
    margin: 10px 10px 10px 3px;
}

nav{
    background: grey;
}

nav ul{
    padding: 0;
}

ul .bg:hover{
    background: darkgrey;

}

.carousel{
    border: 1px solid black;
    }
h2, h2 p{
    display: inline;
}
h2 p{
    font-size: 12px;
}

.fellows{
    text-align: center;
    margin: 20px
}

img{
   vertical-align: middle;
}

.article article{
    display: inline-block;
}

.article{
    text-align: center;
    margin-bottom: 15px;
    white-space: nowrap;
}

form h2{
    display: block;
    text-align: left;

}

input, textarea{
    display: block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 70%;
}