<!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>