Untitled

<!DOCTYPE HTML>
<html lang="pl">
    <head>
        <meta charset="utf-8/>">
        <meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1"/>
              <title> Joanna Herman - Portfolio </title>
              <meta name = "description" content="Stworzę dla Ciebie wyjątkową stronę www! Zatrudnij programistę weebowego: HTML, JS, CSS"/>
              <meta name = "keywords" content = "zamów, stronę, tworzenie, www, portfolio, programista, html, css, JavaScript"/>

        <link rel="stylesheet" href="style.css" type="text/css"/>
        <link rel="stylesheet" href="css/fontawesome.css" type="text/css"/> <!-- przypięcie czcionki z fontello-->
        <link href="https://fonts.googleapis.com/css?family=Gotu&display=swap&subset=devanagari,latin-ext,vietnamese" rel="stylesheet">
    </head>
    <body>
      <div id = "container">

          <div class="rectangle">
          <a href="index.html" class="main">
          <div id="logo"> Joanna Herman </div></a>
          <div id="zegar"> 12:00:00</div>
          <div style="clear:both"></div>
          </div>
          <div class="square">
          <div class="tile1">
          <a href="kimjestem.html" class="tilelink">
          <i class="icon-user"></i><br/>Kim jestem?</a>
          </div>
          <a href = "oferta.html" class="tilelinkhtml5">
          <div class="tile1"><i class="icon-laptop"></i><br/> Co oferuję?</div>
          <div style="clear:both;"></div></a>

          <a href="cv.html" class="tilelink2">
              <div class="tile2"><i class="icon-graduation-cap"></i><br/>Curriculum vitae</div> </a>

        <a href="kontakt.html" class="tilelink3">
          <div class="tile3"><i class="icon-mail"></i><br/> kontakt ze mną </div>
          <div style="clear:both;"></div>   </a>

          <div class="tile4"> <i>Talk is cheap. Show me the code! </i> - Linus Torvalds, twórca Linuxa </div>

                   </div>
          <div class="square">
          <div class="tile5">
          Tytuł podstrony <br/><br/>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempus lorem in est laoreet ultricies. Ut ornare porttitor dapibus. Aenean vitae venenatis tellus. In ut massa in enim efficitur imperdiet. Etiam vel libero sed enim commodo eleifend nec sit amet sem. Vivamus sed sollicitudin leo, pulvinar gravida purus.
          </div>
          <a href="https://www.youtube.com/" class="ytlink" target= "_blank" >
          <div class="yt"><i class="icon-youtube"></i></div> </a>
           <a href="https://www.facebook.com/" class="fblink" target= "_blank" >
        <div class="fb"><i class="icon-facebook"></i></div> </a>
        <a href="https://www.google.com/" class="googlelink" target= "_blank" >
         <div class="gplus"><i class="icon-gplus"></i></div> </a>
         <a href="https://twitter.com/" class="ttlink" target= "_blank" >
             <div class="tt"><i class="icon-twitter"></i></div></a>
          <div style="clear:both;"></div>
          </div>
          <div style ="clear:both"></div>
          <div class="rectangle">2015 &copy; Jan Kowalski - Portfolio. Programista webowy zaprasza do współpracy! <i class="icon-mail-alt"></i> jan.kowalski@adres.com</div>
      </div>

    </body>
</html>