Untitled


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Some homewor</title>
</head>
<body>
    <header>
        <figure>
            <img src="semantic.jpg" alt="Semantic logo" width="128" height="74">
        </figure>
    </header>

    <header>
        <p>This is header of our webpage</p>
    </header>

    <nav>
        <ol>
            <li><a href="#">my menu item 01</a></li>
            <li><a href="#">my menu item 02</a></li>
            <li><a href="#">my menu item 03</a></li>
            <li><a href="#">my menu item 04</a></li>
            <li><a href="#">my menu item 05</a></li>

        </ol>
    </nav>

        <header>
            <p>This is submenu on the left side of the page</p>
        </header>
    <div>
        <ul>
            <li><a href="#">side menu item 01</a></li>
            <li><a href="#">side menu item 02</a></li>
            <li><a href="#">side menu item 03</a></li>
        </ul>
    </div>
    <section>
        This is some information about the submenu and what it represents
    </section>

    <article>
        <header>
            <p>Article 01 Header</p>
        </header>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada sodales felis, at porta nunc pellentesque a. Proin sodales ac lorem hendrerit posuere. In vitae pretium ipsum. Suspendisse eget nunc massa. Proin eget dapibus odio. Fusce dictum leo id tristique sodales. Nunc eget lacinia mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vitae sem enim. Morbi tincidunt tempor scelerisque. Ut bibendum sit amet odio ut convallis. Fusce consectetur eleifend purus, ut pulvinar nulla pellentesque in. In lacus ante, mattis ut dolor at, tempor adipiscing tortor.</p>
        <p>Written by Unknown Author on 30.02.2015</p>
    </article>

    <article>
        <header>
            <p>Article 02 Header</p>
        </header>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada sodales felis, at porta nunc pellentesque a. Proin sodales ac lorem hendrerit posuere. In vitae pretium ipsum. Suspendisse eget nunc massa. Proin eget dapibus odio. Fusce dictum leo id tristique sodales. Nunc eget lacinia mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vitae sem enim. Morbi tincidunt tempor scelerisque. Ut bibendum sit amet odio ut convallis. Fusce consectetur eleifend purus, ut pulvinar nulla pellentesque in. In lacus ante, mattis ut dolor at, tempor adipiscing tortor.</p>
        <p>Written by Unknown Author on 30.02.2015</p>
    </article>

    <article>
        <header>
            <p>Article 02 Header</p>
        </header>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas malesuada sodales felis, at porta nunc pellentesque a. Proin sodales ac lorem hendrerit posuere. In vitae pretium ipsum. Suspendisse eget nunc massa. Proin eget dapibus odio. Fusce dictum leo id tristique sodales. Nunc eget lacinia mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vitae sem enim. Morbi tincidunt tempor scelerisque. Ut bibendum sit amet odio ut convallis. Fusce consectetur eleifend purus, ut pulvinar nulla pellentesque in. In lacus ante, mattis ut dolor at, tempor adipiscing tortor.</p>
        <p>Written by Unknown Author on 30.02.2015</p>
    </article>
    <footer>
        This is some information of the bottom of the page
    </footer>

</body>
</html>