134 lines
4.2 KiB
HTML
134 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<link rel="stylesheet" href="main.css">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>
|
|
Website
|
|
</title>
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div class="start">
|
|
<div class="welcome">
|
|
<center>
|
|
<h1>
|
|
Đorđe Kšan
|
|
</h1>
|
|
<h3>
|
|
Student at "Elektrotehnički fakultet u Banjaluci"
|
|
</h3>
|
|
</center>
|
|
<h5>(website is still under construction and may have bugs..)</h5>
|
|
</div>
|
|
|
|
<div class="grid-container">
|
|
<div class="grid-item">
|
|
<a href="#section1">
|
|
<h2 class="default">My Projects</h2>
|
|
<video src="videos/video2.mp4" autoplay muted loop></video>
|
|
</a>
|
|
</div>
|
|
<div class="grid-item">
|
|
<a href="#section2">
|
|
<h2 class="default">Skills</h2>
|
|
<h2 class="under-black">and more...</h2>
|
|
<video src="videos/video4.mp4" autoplay muted loop></video>
|
|
</a>
|
|
</div>
|
|
<div class="grid-item">
|
|
<a href="#section3" style="background-color: #0f1a52;">
|
|
<center><h2>Work in progress</h2></center>
|
|
</a>
|
|
</div>
|
|
<div class="grid-item">
|
|
<a href="#section4">
|
|
<h2 class="default">Contact me</h2>
|
|
<video src="videos/background4.mp4" autoplay muted loop></video>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="section1" class="section section-image">
|
|
<h1>My projects</h1>
|
|
<h3>you can find most of my project <i><b><u><a href="https://git.ksan.dev/ksan">here</a></u></b></i></h3>
|
|
<h6>There are only a few for now, still need to migrate the rest..</h6>
|
|
<div class="grid-container">
|
|
<div class="grid-item image-background" style="background-image: url('images/missing1080.jpg');">
|
|
|
|
<a href="https://git.ksan.dev/ksan">
|
|
<h2 class="default">will add soon...</h2>
|
|
|
|
</a>
|
|
</div>
|
|
<div class="grid-item image-background" style="background-image: url('images/serv.jpg');">
|
|
|
|
<a href="https://git.ksan.dev/ksan/docker-files">
|
|
<h2 class="default">My home server</h2>
|
|
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div id="section2" class="section section-video">
|
|
<video autoplay muted loop playsinline class="bg-video">
|
|
<source src="videos/background4.mp4" type="video/mp4">
|
|
|
|
</video>
|
|
<div class="content">
|
|
<h1>My Skills</h1>
|
|
|
|
<div class="skills">
|
|
<div class="skills-column">
|
|
<h3>Programming Languages</h3>
|
|
<ul>
|
|
<li>C/C++</li>
|
|
<li>Java</li>
|
|
<li>C#</li>
|
|
<li>Python</li>
|
|
<li>JavaScript(still learning)</li>
|
|
</ul>
|
|
</div>
|
|
<div class="skills-column">
|
|
<h3>Tools & Technologies</h3>
|
|
<ul>
|
|
<li>Linux</li>
|
|
<li>Git</li>
|
|
<li>Bash</li>
|
|
<li>Docker</li>
|
|
<li>Vim</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="section3" class="section section-image">
|
|
Work in progress,
|
|
go to: <a href="#section4"> contact</a>
|
|
</div>
|
|
|
|
<div id="section4" class="section section-video">
|
|
<video autoplay muted loop playsinline class="bg-video">
|
|
<source src="videos/background.mp4" type="video/mp4">
|
|
Your browser does not support the video tag.
|
|
</video>
|
|
<div class="content">
|
|
<h1>You can contact me at:<br>
|
|
<a href="mailto:djordjec@ksan.dev">djordje@ksan.dev</a>
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="scripts.js"></script>
|
|
</body>
|
|
|
|
</html>
|
|
|