FindThePrecius

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>FindThePrecius.com</title>
</head>

<body>

    <header>
        <h1>Lorem ipsum</h1>
        <nav>
            <ul>
                <li><a href="fellows" title="fellow">consectetur</a></li>
                <li><a href="contact" title="contact">Pellentesque</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section>
                <h2>Aenean bibendum</h2>
                <p>Integer volutpat est sed erat commodo, vel posuere risus aliquam !</p>
                <img src="https://via.placeholder.com/1250x450" alt="1250x450">
                <img src="https://via.placeholder.com/1250x450" alt="1250x450">
                <img src="https://via.placeholder.com/1250x450" alt="1250x450">
                <img src="https://via.placeholder.com/1250x450" alt="1250x450">
        </section>

        <section>
                <h2>Cras libero</h2>
                <p>Sed purus turpis, euismod nec eros eget, egestas dictum enim. </p>
            <article>
                <h3>Curabitur lacus</h3>
                <p>Ut hendrerit massa.</p>
                <p>Cras libero turpis</p>
                <img src="https://via.placeholder.com/450x350" alt="450x350">
            </article>
            <article>
                <h3>Curabitur lacus</h3>
                <p>Ut hendrerit massa.</p>
                <p>Cras libero turpis</p>
                <img src="https://via.placeholder.com/450x350" alt="450x350">
            </article>
            <article>
                <h3>Curabitur lacus</h3>
                <p>Ut hendrerit massa.</p>
                <p>Cras libero turpis</p>
                <img src="https://via.placeholder.com/450x350" alt="450x350">
            </article>
        </section>

        <hr>

        <section>
                <h2>Nunc facilisis</h2>
                <form>
                    <input type="text" id="text">
                    <input type="text" id="text2">
                    <select name="select" id="select">
                        <option value="1">Aliquam erat volutpat.</option>
                        <option value="2">Aliquam eleifend magna non egestas molestie. </option>
                        <option value="3">Cras ac velit id nunc auctor sodales. </option>
                        <option value="4">Praesent in metus sapien.</option>
                    </select>
                    <textarea name="textarea" id="textarea" cols="30" rows="10"> Sed purus turpis, euismod nec eros eget, egestas dictum enim.</textarea>
                    <input type="submit" value="Submit">
                </form>
        </section>
    </main>

    <footer>
        <p>Fusce neque dolor</p>
        <p>Fusce neque dolor</p>
        <p>Fusce neque dolor</p>
        <p>Fusce neque dolor</p>
        <p>Fusce neque dolor</p>
        <p>Fusce neque dolor</p>
        <a href="euismod"> euismod</a>
        <a href="praesent">Praesent eget lacus</a>
    </footer>

</body>

</html>