1st exercise

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exercise 1</title>
    <link rel="stylesheet" href="style/style.css">
</head>
<body>

    <header>
        <p class="header1">header mare mare</p>
    </header>

    <div class="wrapper">
    <aside>
        <b><p>List:</p></b>

        <ul>
            <li>List Item 1</li>
            <li>List Item 2</li>
            <li><a href="https://www.google.com/" target="_blank">Link to Google</a></li>
            <li>List Item 4</li>
        </ul>
    </aside>

    <article>
        <p class="header2">header mai mic</p>

        <p class="secParagraph"><strong>Curabitur</strong> at lacus ac velit ornare lobortis. Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros. Cras non dolor. Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. <b><em>Cras dapibus</em></b>.</p>

        <hr>

        <img src="http://pngimg.com/uploads/google/google_PNG19625.png" alt="Google Photo"/>
    </article>

      <div class="push"></div>
    </div>

    <footer>
        <div class="footer">Ceva title scris la mijloc, cu UNDERLINE</div>
    </footer>

</body>
</html>