BANDYMAS

<!DOCTYPE html>
<html lang="lt">
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>HTML5/CSS3 Testas</title>
</head>

<body class="body">

    <header class="mainHeader">
        <img src="images/logo.png" alt="Namai">

        <nav><ul>
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Contact</a></li>
        </ul></nav>
    </header>

    <div class="mainContent">
        <div class="content">
            <article class="topcontent">
                <header>
                    <h2><a href="#" title="First post">First post</a></h2>
                </header>

                <footer>
                    <p class="post-info">Autorius: Tomas Balčiūnas</p>
                </footer>

                <content>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque, sem ut viverra malesuada, metus mi dictum justo, non gravida sapien urna quis leo. Morbi vel rutrum metus. Aliquam eget gravida dui. Praesent eget iaculis nisl.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque, sem ut viverra malesuada, metus mi dictum justo, non gravida sapien urna quis leo. Morbi vel rutrum metus. Aliquam eget gravida dui. Praesent eget iaculis nisl.</p>
                </content>
            </article>

            <article class="bottomcontent">
                <header>
                    <h2><a href="#" title="Second post">Second post</a></h2>
                </header>

                <footer>
                    <p class="post-info">Autorius: Tomas Balčiūnas</p>
                </footer>

                <content>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque, sem ut viverra malesuada, metus mi dictum justo, non gravida sapien urna quis leo. Morbi vel rutrum metus. Aliquam eget gravida dui. Praesent eget iaculis nisl.</p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque, sem ut viverra malesuada, metus mi dictum justo, non gravida sapien urna quis leo. Morbi vel rutrum metus. Aliquam eget gravida dui. Praesent eget iaculis nisl.</p>
                </content>
            </article>
        </div>
    </div>

    <aside class="top-sidebar">
        <article>
            <h2>Top siderbar</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque, sem ut viverra malesuada.</p>
        </article>
    </aside>

    <aside class="middle-sidebar">
        <article>
            <h2>Middle siderbar</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque, sem ut viverra malesuada.</p>
        </article>
    </aside>

    <aside class="bottom-sidebar">
        <article>
            <h2>Bottom siderbar</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pellentesque, sem ut viverra malesuada.</p>
        </article>
    </aside>

    <footer class="mainFooter">
        <p>Copyright &copy; <a href="#" title="SWIZZ">Tomas Balčiūnas</a></p>
    </footer>

</body>

</html>