<!DOCTYPE html>

<html>

  <head>

    <title>W3.CSS Template</title>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <style>

    body, h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}

    body a {text-decoration: none}

    .w3-row-padding img {margin-bottom: 12px}

    #main {margin-left: 80px, margin-right: 80px}

    /* Remove margins from "page content" on small screens */

    @media only screen and (max-width: 600px) {#main {margin-left: 0, margin-right: 0}}

    </style>

  </head>

  <body class="w3-black">


  <div class="w3-padding-large" id="main">

    <header class="w3-container w3-padding-32 w3-center w3-black" id="home">

      <h1 class="w3-jumbo">Martin Kubo</h1>

      <p>I'm an application developer, running ethusiast and hobby photographer living near Košice.</p>

    </header>


    <section class="w3-content w3-justify w3-text-grey" id="photo">

      <img src="./assets/img/2023_10_14-12_23_48.JPG" alt="me" class="w3-image" width="992" height="1108">

    </section>


    <footer class="w3-content w3-padding-64 w3-text-grey w3-xlarge">

      <a href="https://www.facebook.com/profile.php?id=100078017202711">

        <i class="fa fa-facebook-official w3-hover-opacity"></i>

      </a>

      <a href="https://www.linkedin.com/in/martinkubo/">

        <i class="fa fa-linkedin w3-hover-opacity"></i>

      </a>

    </footer>


  </div>


  </body>

</html>