html

<html>
<head lang="pl">
<link rel="stylesheet" href="style.css" type="text/css"/>
<link rel="stylesheet" href="css/fontello.css" type="text/css"/>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<meta charset="utf-8"/>
</head>
<body>

    <div id="container">

    <div id="header">

    <img id="logo" src="logo.png"/>

    <div id="naw">
    </br>
    </br>
    </br>
    <a href="#about"><div class="nav">About</div></a>
    <a href="#portfolio"><div class="nav">Portfolio</div></a>
    <a href="#contact"><div class="nav">Contact</div></div></a>
    <div style="clear:both;"></div>
    </div>


    <div id="about">
        <div id="about-tekst">
        Donec euismod nisl vel nunc tincidunt efficitur. Nunc elementum
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Etiam vel metus ut sem laoreet efficitur si </br></br>

        Web Developer - User Experience Designer - Graphic Artist

        </div>

        <div id="my-photo">
        <img src="me.jpg"style="border-radius: 50%;margin-left: 40px;"/>
        </div>
            <div style="clear:both;"></div>
        </div>
    </div>



    <div id="portfolio">
        <h1 style="text-align: center;font-size: 43px;margin:0;padding: 30px">PORTFOLIO</h1></br>
        <div id="linie-razem">

            <div class="linie"><hr class="linia-pozioma">   </div>
            <div class="linie"><i class="demo-icon icon-left-open"></i></div>
            <div class="linie"><i class="demo-icon icon-right-open"></i></div>
            <div class="linie"><hr class="linia-pozioma"></div>
            <div style="clear:both;"></div>
        </div>
        Donec euismod nisl vel nunc tincidunt efficitur. Nunc elementum
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.Donec euismod nisl vel nunc tincidunt efficitur. Nunc elementum
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Nulla viverra elit ligula, quis convallis augue auctor at. Nullam fringilla at ipsum sit amet aliquam. Vivamus auctor ipsum ut metus malesuada, vel consectetur velit posuere. Praesent pretium hendrerit lacus, sed rhoncus nunc aliquet eu. Ut auctor lectus in vehicula pretium. Nulla et tempus nibh. Donec ipsum ipsum, malesuada at tellus quis, hendrerit hendrerit quam. Suspendisse eget hendrerit lectus. Ut quis augue ornare arcu commodo blandit at sit amet massa. Maecenas feugiat eget quam et semper. Curabitur mattis felis at volutpat luctus.   Donec euismod nisl vel nunc tincidunt efficitur. Nunc elementum
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.Donec euismod nisl vel nunc tincidunt efficitur. Nunc elementum
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Nulla viverra elit ligula, quis convallis augue auctor at. Nullam fringilla at ipsum sit amet aliquam. Vivamus auctor ipsum ut metus malesuada, vel consectetur velit posuere. Praesent pretium hendrerit lacus, sed rhoncus nunc aliquet eu. Ut auctor lectus in vehicula pretium. Nulla et tempus nibh. Donec ipsum ipsum, malesuada at tellus quis, hendrerit hendrerit quam. Suspendisse eget hendrerit lectus. Ut quis augue ornare arcu commodo blandit at sit amet massa. Maecenas feugiat eget quam et semper. Curabitur mattis felis at volutpat luctus.   Donec euismod nisl vel nunc tincidunt efficitur. Nunc elementum
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.Donec euismod nisl vel nunc tincidunt efficitur. Nunc elementum </br></br>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Nulla viverra elit ligula, quis convallis augue auctor at. Nullam fringilla at ipsum sit amet aliquam. Vivamus auctor ipsum ut metus malesuada, vel consectetur velit posuere. Praesent pretium hendrerit lacus, sed rhoncus nunc aliquet eu. Ut auctor lectus in vehicula pretium. Nulla et tempus nibh. Donec ipsum ipsum, malesuada at tellus quis, hendrerit hendrerit quam. Suspendisse eget hendrerit lectus. Ut quis augue ornare arcu commodo blandit at sit amet massa. Maecenas feugiat eget quam et semper. Curabitur mattis felis at volutpat luctus.   Donec euismod nisl vel nunc tincidunt efficitur. Nunc elementum
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.Donec euismod nisl vel nunc tincidunt efficitur. Nunc elementum </br></br>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Nulla viverra elit ligula, quis convallis augue auctor at. Nullam fringilla at ipsum sit amet aliquam. Vivamus auctor ipsum ut metus malesuada, vel consectetur velit posuere. Praesent pretium hendrerit lacus, sed rhoncus nunc aliquet eu. Ut auctor lectus in vehicula pretium. Nulla et tempus nibh. Donec ipsum ipsum, malesuada at tellus quis, hendrerit hendrerit quam. Suspendisse eget hendrerit lectus. Ut quis augue ornare arcu commodo blandit at sit amet massa. Maecenas feugiat eget quam et semper. Curabitur mattis felis at volutpat luctus.
    </div>

    <div id="contact">
    Email: [email protected]
    </div>

    <div id="social">

    </div>

    <div id="footer">
    Wykonane przez:
    </div>

    </div>

</body>
</html>