Untitled

<!doctype html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <title>My first webpage</title>

        <link href="https://fonts.googleapis.com/css?family=Lobster&display=swap" rel="stylesheet">

        <style type="text/css">
            /*
                http://meyerweb.com/eric/tools/css/reset/
               v2.0 | 20110126
               License: none (public domain)
            */

            html, body, div, span, applet, object, iframe,
            h1, h2, h3, h4, h5, h6, p, blockquote, pre,
            a, abbr, acronym, address, big, cite, code,
            del, dfn, em, img, ins, kbd, q, s, samp,
            small, strike, strong, sub, sup, tt, var,
            b, u, i, center,
            dl, dt, dd, ol, ul, li,
            fieldset, form, label, legend,
            table, caption, tbody, tfoot, thead, tr, th, td,
            article, aside, canvas, details, embed,
            figure, figcaption, footer, header, hgroup,
            menu, nav, output, ruby, section, summary,
            time, mark, audio, video {
                margin: 0;
                padding: 0;
                border: 0;
                font-size: 100%;
                font: inherit;
                vertical-align: baseline;
            }
            /* HTML5 display-role reset for older browsers */
            article, aside, details, figcaption, figure,
            footer, header, hgroup, menu, nav, section {
                display: block;
            }
            body {
                line-height: 1;
            }
            ol, ul {
                list-style: none;
            }
            blockquote, q {
                quotes: none;
            }
            blockquote:before, blockquote:after,
            q:before, q:after {
                content: '';
                content: none;
            }
            table {
                border-collapse: collapse;
                border-spacing: 0;
            }
            /*+++++++++++++end reset++++++++++++++++++*/


            .main-content{
                background-color: red;
                padding: 2%;
                margin: 2%;
                width: 52%;
                float: left;
            }
            .side-content{
                background-color: cyan;
                padding: 2%;
                margin: 2%;
                width: 32%;
                float: left;
            }

        </style>

    </head>

    <body>
        <div class="main-content">
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin metus eu nisl pretium euismod ac nec ex. Donec dictum congue varius. Proin vel metus nec elit rhoncus tempus non quis nulla. Suspendisse nec enim et quam pharetra condimentum et sit amet orci. Donec et dolor at metus efficitur interdum ac sit amet ligula. Vestibulum imperdiet commodo sapien, non gravida diam fringilla in. Pellentesque sollicitudin nisi sit amet eros fermentum aliquet. Nunc vulputate lacus non metus imperdiet suscipit. Nullam vulputate lacus eget sem bibendum rhoncus. Nunc consectetur, lacus quis viverra euismod, nibh libero viverra justo, non viverra libero elit eget dolor. Cras ultrices sit amet lorem sit amet varius. Proin tincidunt sem a lectus vulputate condimentum. Vivamus in velit a lectus auctor porta id in arcu.
            </p>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin metus eu nisl pretium euismod ac nec ex. Donec dictum congue varius. Proin vel metus nec elit rhoncus tempus non quis nulla. Suspendisse nec enim et quam pharetra condimentum et sit amet orci. Donec et dolor at metus efficitur interdum ac sit amet ligula. Vestibulum imperdiet commodo sapien, non gravida diam fringilla in. Pellentesque sollicitudin nisi sit amet eros fermentum aliquet. Nunc vulputate lacus non metus imperdiet suscipit. Nullam vulputate lacus eget sem bibendum rhoncus. Nunc consectetur, lacus quis viverra euismod, nibh libero viverra justo, non viverra libero elit eget dolor. Cras ultrices sit amet lorem sit amet varius. Proin tincidunt sem a lectus vulputate condimentum. Vivamus in velit a lectus auctor porta id in arcu.
            </p>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin metus eu nisl pretium euismod ac nec ex. Donec dictum congue varius. Proin vel metus nec elit rhoncus tempus non quis nulla. Suspendisse nec enim et quam pharetra condimentum et sit amet orci. Donec et dolor at metus efficitur interdum ac sit amet ligula. Vestibulum imperdiet commodo sapien, non gravida diam fringilla in. Pellentesque sollicitudin nisi sit amet eros fermentum aliquet. Nunc vulputate lacus non metus imperdiet suscipit. Nullam vulputate lacus eget sem bibendum rhoncus. Nunc consectetur, lacus quis viverra euismod, nibh libero viverra justo, non viverra libero elit eget dolor. Cras ultrices sit amet lorem sit amet varius. Proin tincidunt sem a lectus vulputate condimentum. Vivamus in velit a lectus auctor porta id in arcu.
            </p>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin metus eu nisl pretium euismod ac nec ex. Donec dictum congue varius. Proin vel metus nec elit rhoncus tempus non quis nulla. Suspendisse nec enim et quam pharetra condimentum et sit amet orci. Donec et dolor at metus efficitur interdum ac sit amet ligula. Vestibulum imperdiet commodo sapien, non gravida diam fringilla in. Pellentesque sollicitudin nisi sit amet eros fermentum aliquet. Nunc vulputate lacus non metus imperdiet suscipit. Nullam vulputate lacus eget sem bibendum rhoncus. Nunc consectetur, lacus quis viverra euismod, nibh libero viverra justo, non viverra libero elit eget dolor. Cras ultrices sit amet lorem sit amet varius. Proin tincidunt sem a lectus vulputate condimentum. Vivamus in velit a lectus auctor porta id in arcu.
            </p>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin metus eu nisl pretium euismod ac nec ex. Donec dictum congue varius. Proin vel metus nec elit rhoncus tempus non quis nulla. Suspendisse nec enim et quam pharetra condimentum et sit amet orci. Donec et dolor at metus efficitur interdum ac sit amet ligula. Vestibulum imperdiet commodo sapien, non gravida diam fringilla in. Pellentesque sollicitudin nisi sit amet eros fermentum aliquet. Nunc vulputate lacus non metus imperdiet suscipit. Nullam vulputate lacus eget sem bibendum rhoncus. Nunc consectetur, lacus quis viverra euismod, nibh libero viverra justo, non viverra libero elit eget dolor. Cras ultrices sit amet lorem sit amet varius. Proin tincidunt sem a lectus vulputate condimentum. Vivamus in velit a lectus auctor porta id in arcu.
            </p>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin metus eu nisl pretium euismod ac nec ex. Donec dictum congue varius. Proin vel metus nec elit rhoncus tempus non quis nulla. Suspendisse nec enim et quam pharetra condimentum et sit amet orci. Donec et dolor at metus efficitur interdum ac sit amet ligula. Vestibulum imperdiet commodo sapien, non gravida diam fringilla in. Pellentesque sollicitudin nisi sit amet eros fermentum aliquet. Nunc vulputate lacus non metus imperdiet suscipit. Nullam vulputate lacus eget sem bibendum rhoncus. Nunc consectetur, lacus quis viverra euismod, nibh libero viverra justo, non viverra libero elit eget dolor. Cras ultrices sit amet lorem sit amet varius. Proin tincidunt sem a lectus vulputate condimentum. Vivamus in velit a lectus auctor porta id in arcu.
            </p>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin metus eu nisl pretium euismod ac nec ex. Donec dictum congue varius. Proin vel metus nec elit rhoncus tempus non quis nulla. Suspendisse nec enim et quam pharetra condimentum et sit amet orci. Donec et dolor at metus efficitur interdum ac sit amet ligula. Vestibulum imperdiet commodo sapien, non gravida diam fringilla in. Pellentesque sollicitudin nisi sit amet eros fermentum aliquet. Nunc vulputate lacus non metus imperdiet suscipit. Nullam vulputate lacus eget sem bibendum rhoncus. Nunc consectetur, lacus quis viverra euismod, nibh libero viverra justo, non viverra libero elit eget dolor. Cras ultrices sit amet lorem sit amet varius. Proin tincidunt sem a lectus vulputate condimentum. Vivamus in velit a lectus auctor porta id in arcu.
            </p>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin metus eu nisl pretium euismod ac nec ex. Donec dictum congue varius. Proin vel metus nec elit rhoncus tempus non quis nulla. Suspendisse nec enim et quam pharetra condimentum et sit amet orci. Donec et dolor at metus efficitur interdum ac sit amet ligula. Vestibulum imperdiet commodo sapien, non gravida diam fringilla in. Pellentesque sollicitudin nisi sit amet eros fermentum aliquet. Nunc vulputate lacus non metus imperdiet suscipit. Nullam vulputate lacus eget sem bibendum rhoncus. Nunc consectetur, lacus quis viverra euismod, nibh libero viverra justo, non viverra libero elit eget dolor. Cras ultrices sit amet lorem sit amet varius. Proin tincidunt sem a lectus vulputate condimentum. Vivamus in velit a lectus auctor porta id in arcu.
            </p>
        </div>
        <div class="side-content">
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin metus eu nisl pretium euismod ac nec ex. Donec dictum congue varius. Proin vel metus nec elit rhoncus tempus non quis nulla. Suspendisse nec enim et quam pharetra condimentum et sit amet orci. Donec et dolor at metus efficitur interdum ac sit amet ligula. Vestibulum imperdiet commodo sapien, non gravida diam fringilla in. Pellentesque sollicitudin nisi sit amet eros fermentum aliquet. Nunc vulputate lacus non metus imperdiet suscipit. Nullam vulputate lacus eget sem bibendum rhoncus. Nunc consectetur, lacus quis viverra euismod, nibh libero viverra justo, non viverra libero elit eget dolor. Cras ultrices sit amet lorem sit amet varius. Proin tincidunt sem a lectus vulputate condimentum. Vivamus in velit a lectus auctor porta id in arcu.
            </p>
        </div>

    </body>

</html>