Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My web site</title>
    <link rel="stylesheet" href="main.css">
</head>

<body>

    <main class="container">
        <header>
            <h1>Welcome page!</h1>
            <nav class="navbar">
                <ul class="nav">
                    <li class="nav-item">
                        <a href="#">Home</a>
                    </li>
                    <li class="nav-item">
                        <a href="#">About</a>
                    </li>
                    <li class="nav-item">
                        <a href="#">Contact</a>
                    </li>
                </ul>
            </nav>
        </header>

        <section class="posts">
            <article class="post">
                <h3>Some awesome title</h3>
                <p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
            </article>

            <hr/>

            <article class="post">
                <h3>Some awesome title</h3>
                <p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
            </article>

            <hr/>

            <article class="post">
                <h3>Some awesome title</h3>
                <p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
            </article>
        </section>

    </main>

</body>
</html>