Untitled

<!DOCTYPE html>
<html lang="en-US" >
    <head>
        <title>My Bit By Bit Site</title>
        <meta charset="utf-8">
        <Style>
            header{
                text-align: center;
                background-color: #22577A;
                margin:0;
                padding: 0;
            }
            body{
                background-color: #80ED99;
                padding: 0;
                margin: 0;
            }
            div{
                background-color: #80ED99;
            }
            nav{
                border-top: 2px solid black;
                border-bottom: 2px solid black;
                background-color:#38A3A5;
                color: #000000;
                box-sizing: border-box;
                margin:0;
                padding:0;
            }
            nav a{
                font-size: 20px;
                color: #000000;
            }
            h1{
                background-color: #57CC99;
                color: Black;
                text-decoration: underline;
                padding-top: 20px;
                padding-bottom: 10px;
                margin:0;
            }
            p{
                margin:0;
                padding-bottom: 10px;
            }
            span{
                border: 1px dotted black;
            }
            a:visited {
                color: purple;
            }
            a:hover {
                color: blue ;
            }
            footer{
                border-top: 2px solid black;
                text-decoration: underline;
                padding-top: 50px;
            }

        </Style>
    </head>
    <body>
        <header>
            <a href="index.htm">
                <img src="images/logo.jpg" alt="LOGO" width="150px">
            </a>
        </header>
            <div>
            <nav id="menu-top">
                <a href="pictures.htm">Paveiksliukai</a>
                <a href="headings.htm">Pastraipos</a>
                <a href="links.htm">Nuorodos</a>
                <a href="homepage.htm">Pradinis</a>
            </nav>
            </div>
        <main id="content">
            <h1>Heading </h1>
            <div>
                <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum dui sapien, id scelerisque purus elementum quis. Etiam eleifend vitae nibh nec posuere. Cras dictum gravida ligula, et tempus nisl ornare eget. Mauris elit purus, tincidunt ut est sed, dignissim scelerisque turpis. Nunc dolor eros, posuere eget justo ut, mattis dapibus neque. Nam scelerisque imperdiet nisi ut rhoncus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque pulvinar libero eu urna sagittis consectetur. Mauris mattis ut lacus non malesuada. Morbi iaculis auctor velit, at viverra lectus dignissim vel. Curabitur non erat nec augue posuere blandit. Nam vel suscipit ligula.
            </p>
        </div>
            <h1>Heading </h1>
            <div>
                <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum dui sapien, id scelerisque purus elementum quis. Etiam eleifend vitae nibh nec posuere. Cras dictum gravida ligula, et tempus nisl ornare eget. Mauris elit purus, tincidunt ut est sed, dignissim scelerisque turpis. Nunc dolor eros, posuere eget justo ut, mattis dapibus neque. Nam scelerisque imperdiet nisi ut rhoncus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque pulvinar libero eu urna sagittis consectetur. Mauris mattis ut lacus non malesuada. Morbi iaculis auctor velit, at viverra lectus dignissim vel. Curabitur non erat nec augue posuere blandit. Nam vel suscipit ligula.
            </p>
        </div>
            <p>
            <span><a href="#">Į viršų</a></span>
            </p>
        </main>
        <footer>
            <p>
                MyBitByBit.site &copy; 2021 All Rights Reserved.
            </p>
        </footer>

    </body>
</html>