innit

index.css

@@ -0,0 +1,60 @@
+body {
+  background-color: black;
+  font: 1em Roboto;
+  color: white;
+  text-align: center;
+}
+
+.naslov {
+  color: white;
+  background-image: url("https://unsplash.it/4000/400");
+  height: 400px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  border-radius: 15px;
+}
+
+.naslov h1 {
+  margin: auto;
+  font-size: 64px;
+  text-shadow: 0 0 3px #000000, 0 0 5px #134cf7;
+}
+
+.section {
+  font-size: 20px;
+  padding-left: 10%;
+  padding-right: 10%;
+}
+
+hr {
+  width: 75%;
+  margin-top: 20px;
+  margin-bottom:20px;
+  color: #134cf7;
+}
+
+#contacts {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+a:link {
+    text-decoration: none;
+    color: #134cf7;
+}
+
+a:visited {
+    text-decoration: dotted;
+    color: #134cf7;
+}
+
+a:hover {
+    color: #1e2877;
+}

index.html

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>Lovro Govekar</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"/>
+        <link rel="stylesheet" href="index.css">
+    </head>
+    <body>
+        <div class="naslov">
+            <h1>Lovro Govekar</h1>
+        </div>
+
+        <div class="section">
+            <p>Hello there! 
+                I'm a software developer and a student of the Vegova Ljubljana gymnasium. 
+                I have been programming since I was 12 years old. 
+                Currently I am working on our team's entry for the European Cansat competition. 
+                I also use Arch GNU/Linux btw.</p>
+        </div>
+        <hr>
+        <div class="section" id="contacts">
+            <a href="https://github.com/LovroG05"><img src="assets/GitHub-Mark-Light-120px-plus.png" height="48px" width="48px"></a>
+            <a href="https://gitlab.com/LovroG05"><img src="assets/gitlab-logo-500.png" height="48px" width="48px"></a>
+            <a href="https://www.linkedin.com/in/lovro-govekar-531939232/"><img src="assets/linkedin.png" height="48px" width="48px"></a>
+        </div>
+        <hr>
+        <div class="section">
+            <h3>Interesting people</h3>
+            <ul>
+                <li>
+                    <a href="https://thesuperlab.tk/">Jurij Fortuna</a>
+                </li>
+                <li>
+                    <a href="https://gapi.me">Gašper Dobrovoljc</a>
+                </li>
+                <li>
+                    <a href="https://golobii.com/">Luka Golob Cerar</a>
+                </li>
+                <li>
+                    <a href="https://aikenahac.com/">Aiken <strong>Tine</strong> Ahac</a>
+                </li>
+                <li>
+                    <a href="https://babnik.io/">Matic Babnik</a>
+                </li>
+                <li>
+                    <a href="https://www.zigakralj.com/">Žiga Kralj</a>
+                </li>
+            </ul>
+        </div>
+        <hr>
+        <p>Yes, the pictures are random and change on reload</p>
+
+        
+        <script src="" async defer></script>
+    </body>
+</html>