Untitled

<!DOCTYPE html>
<html lang='pl'>
    <head>
        <title>Dawid - portfolio</title>
        <meta charset='utf-8'>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
        <link href='styles.css' rel='stylesheet'>
    </head>
    <body class='background-white'>
        <header class='background-blue'>
            <nav>
                <ul>
                    <li>
                        <a href='#'>Home</a>
                    </li>
                    <li>
                        <a href='#'>My projects</a>
                    </li>
                    <li>
                        <a href='#'>Contact</a>
                    </li>
                </ul>
            </nav>
        </header>
        <main>
            <div class='widgets'>
                <div class='weather'></div>
            </div>
            <h1>Dawid</h1>
            <h2>Portfolio</h2>
            <img class='profile-photo' src='img/image.jpg' alt='Zdjecie profilowe' style='height: 100px;'>
            <button class='toggle-background'>Change background</button>
            <section id='description'>
                <div>
                    <h3>Bio</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam nulla soluta quo optio quidem repellat commodi perspiciatis architecto atque ipsa enim nobis consequuntur assumenda delectus voluptas molestiae, laborum odit suscipit.</p>
                    <div class='underline'></div>
                </div>
                <div>
                    <h3>Hobby</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores iste ut animi veniam deleniti consequatur, exercitationem excepturi inventore perferendis tempore omnis libero aliquam adipisci dolorem quam sit ipsa. Animi, dolor.</p>
                    <div class='underline'></div>
                </div>
                <div>
                    <h3>Technology stack</h3>
                    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Saepe eum sint repellat nostrum consequatur. Recusandae quod rerum eaque asperiores dolores inventore, voluptate nostrum, vero est quae sed enim consectetur laborum.</p>
                    <div class='underline'></div>
                </div>
            </section>
            <div class='underline-container'>
                <div class='underline'></div>
                <div class='underline'></div>
                <div class='underline'></div>
            </div>
        </main>
        <footer>
            Copyright 2019 Dawid L.
        </footer>
        <script src='index.js'></script>
    </body>
</html>