490 lines
15 KiB
HTML
490 lines
15 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-bs-theme="dark">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="shortcut icon" href="/images/logo.ico" type="image/x-icon">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>Nikola Petrov</title>
|
|
|
|
<script defer src="js/script.js"></script>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
|
|
<script defer type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
|
|
<script defer nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
|
</head>
|
|
|
|
|
|
<body>
|
|
<main>
|
|
<aside class="sidebar" data-sidebar>
|
|
<div class="sidebar-info">
|
|
<figure class="avatar-box">
|
|
<img src="/images/Jaz.jpg" alt="Nikola Petrov" width="80">
|
|
</figure>
|
|
|
|
<div class="info-content">
|
|
<h1 class="name" title="Nikola Petrov">Nikola Petrov</h1>
|
|
|
|
<p class="title">Developer</p>
|
|
</div>
|
|
|
|
<button class="info_more-btn" data-sidebar-btn>
|
|
<span>Show Contacts</span>
|
|
|
|
<ion-icon name="chevron-down"></ion-icon>
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div class="sidebar-info_more">
|
|
|
|
<div class="separator"></div>
|
|
|
|
<ul class="contacts-list">
|
|
|
|
<li class="contact-item">
|
|
|
|
<div class="icon-box">
|
|
<ion-icon name="mail-outline"></ion-icon>
|
|
</div>
|
|
|
|
<div class="contact-info">
|
|
<p class="contact-title">Email</p>
|
|
|
|
<a href="mailto:nikola@petrovv.com" class="contact-link">nikola@petrovv.com</a>
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="contact-item">
|
|
|
|
<div class="icon-box">
|
|
<ion-icon name="phone-portrait-outline"></ion-icon>
|
|
</div>
|
|
|
|
<div class="contact-info">
|
|
<p class="contact-title">Phone</p>
|
|
|
|
<a href="tel:+38670749506" class="contact-link">+38670749506</a>
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="contact-item">
|
|
|
|
<div class="icon-box">
|
|
<ion-icon name="calendar-outline"></ion-icon>
|
|
</div>
|
|
|
|
<div class="contact-info">
|
|
<p class="contact-title">Birthday</p>
|
|
|
|
<time datetime="2000-11-01">14, November, 2000</time>
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="contact-item">
|
|
|
|
<div class="icon-box">
|
|
<ion-icon name="location-outline"></ion-icon>
|
|
</div>
|
|
|
|
<div class="contact-info">
|
|
<p class="contact-title">Location</p>
|
|
|
|
<address>Ljubljana, Slovenia</address>
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<div class="separator"></div>
|
|
|
|
<ul class="social-list">
|
|
|
|
<li class="social-item">
|
|
<a href="https://git.petrovv.com/explore" title="GitLab" class="social-link">
|
|
<ion-icon name="logo-gitlab"></ion-icon>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="social-item">
|
|
<a href="/doc/CV.pdf" title="CV" class="social-link">
|
|
<p>CV</p>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="social-item">
|
|
<a href="/doc/Certificate.pdf" title="Certificate" class="social-link">
|
|
<ion-icon name="document-text-outline"></ion-icon>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- <li class="social-item">
|
|
<a href="#" class="social-link">
|
|
<ion-icon name="logo-gitlab"></ion-icon>
|
|
</a>
|
|
</li> -->
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</aside>
|
|
|
|
<!--
|
|
- #main-content
|
|
-->
|
|
|
|
<div class="main-content">
|
|
|
|
<!--
|
|
- #NAVBAR
|
|
-->
|
|
|
|
<nav class="navbar">
|
|
|
|
<ul class="navbar-list">
|
|
|
|
<li class="navbar-item">
|
|
<button class="navbar-link active" data-nav-link>About</button>
|
|
</li>
|
|
|
|
<li class="navbar-item">
|
|
<button class="navbar-link" data-nav-link>Resume</button>
|
|
</li>
|
|
|
|
|
|
<li class="navbar-item">
|
|
<button class="navbar-link" data-nav-link>Portfolio</button>
|
|
</li>
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
<!--
|
|
- #ABOUT
|
|
-->
|
|
|
|
<article class="about active" data-page="about">
|
|
|
|
<header>
|
|
<h2 class="h2 article-title">About me</h2>
|
|
</header>
|
|
|
|
<section class="about-text">
|
|
<p>
|
|
I am Nikola, currently pursuing my studies at the Faculty of Electrical Engineering and Computer Science (FERI) in Maribor. My academic journey is largely driven by my interest in application and web development. I find the process of creating functional and user-friendly digital solutions both challenging and rewarding. This field allows me to blend creativity with technical skills, which I find particularly engaging.
|
|
</br>
|
|
Recently, I have developed an interest in the game of Go. The strategic depth and complexity of the game have captivated my attention, providing a stimulating mental exercise. Additionally, I have started exploring photography. Capturing moments and expressing visual stories through a lens has become a newfound passion, offering a different kind of creative outlet that complements my technical pursuits.
|
|
</p>
|
|
</section>
|
|
|
|
|
|
<!--
|
|
- project
|
|
-->
|
|
|
|
<section class="service">
|
|
|
|
<h3 class="h3 service-title">Interests</h3>
|
|
|
|
<ul class="service-list">
|
|
|
|
|
|
<li class="service-item">
|
|
<div class="service-icon-box">
|
|
<ion-icon name="server-outline"></ion-icon>
|
|
</div>
|
|
|
|
<div class="service-content-box">
|
|
|
|
<h4 class="h4 service-item-title">Backend programming</h4>
|
|
<p class="service-item-text">
|
|
Backend programming focuses on server-side development, handling data storage, processing, and
|
|
business
|
|
logic to support the functionality of web and mobile applications
|
|
</p>
|
|
</div>
|
|
</li>
|
|
|
|
|
|
<li class="service-item">
|
|
|
|
<div class="service-icon-box">
|
|
<ion-icon name="hardware-chip-outline"></ion-icon>
|
|
</div>
|
|
|
|
<div class="service-content-box">
|
|
|
|
<h4 class="h4 service-item-title">Embedded systems</h4>
|
|
|
|
<p class="service-item-text">
|
|
Embedded systems are specialized computing devices integrated into everyday products, performing
|
|
dedicated functions with real-time constraints.
|
|
</p>
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="service-item">
|
|
|
|
<div class="service-icon-box">
|
|
<ion-icon name="desktop-outline"></ion-icon>
|
|
</div>
|
|
|
|
<div class="service-content-box">
|
|
<h4 class="h4 service-item-title">Application programming</h4>
|
|
<p class="service-item-text">
|
|
Application programming involves writing code to create software applications that perform specific
|
|
tasks or functions.
|
|
</p>
|
|
</div>
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
</section>
|
|
|
|
</article>
|
|
|
|
<!--
|
|
- #RESUME
|
|
-->
|
|
|
|
<article class="resume" data-page="resume">
|
|
|
|
<header>
|
|
<h2 class="h2 article-title">Resume</h2>
|
|
</header>
|
|
|
|
<section class="timeline">
|
|
|
|
<div class="title-wrapper">
|
|
<div class="icon-box">
|
|
<ion-icon name="book-outline"></ion-icon>
|
|
</div>
|
|
|
|
<h3 class="h3">Education</h3>
|
|
</div>
|
|
|
|
<ol class="timeline-list">
|
|
<li class="timeline-item">
|
|
<h4 class="h4 timeline-item-title">(FERI) Faculty of Electrical Engineering and Computer Science, University of Maribor</h4>
|
|
<span>01/10/2021 - CURRENT</span>
|
|
<p class="timeline-text">Graduate engineer of computer science and information technology.</p>
|
|
</li>
|
|
<li class="timeline-item">
|
|
<h4 class="h4 timeline-item-title">(SSTS Siska) Secondary school of technical professions siska</h4>
|
|
<span>01/09/2016 - 07/07/2021</span>
|
|
<p class="timeline-text">Electrotechnician.</p>
|
|
</li>
|
|
</ol>
|
|
|
|
</section>
|
|
|
|
<section class="timeline">
|
|
|
|
<div class="title-wrapper">
|
|
<div class="icon-box">
|
|
<ion-icon name="book-outline"></ion-icon>
|
|
</div>
|
|
|
|
<h3 class="h3">Experience</h3>
|
|
</div>
|
|
|
|
<ol class="timeline-list">
|
|
<li class="timeline-item">
|
|
<h4 class="h4 timeline-item-title">HW Developer [ Spica International ]</h4>
|
|
<span>17/03/2025 - 01/08/2025</span>
|
|
<p class="timeline-text">
|
|
Worked on access menegment systems. Programed integrated devices, based on Buildroot using c++ and python web server.
|
|
</p>
|
|
</li>
|
|
<li class="timeline-item">
|
|
<h4 class="h4 timeline-item-title">Backend/Frontend [ RRC d.o.o ]</h4>
|
|
<span>01/09/2024 - 31/12/2024</span>
|
|
<p class="timeline-text">
|
|
Worked on goverment websites for collage enrolment and student dorm requests.
|
|
</p>
|
|
</li>
|
|
<li class="timeline-item">
|
|
<h4 class="h4 timeline-item-title">Developer [ RRC d.o.o ]</h4>
|
|
<span>18/03/2024 - 31/05/2024</span>
|
|
<p class="timeline-text">
|
|
Student practicum. Backend in java with frontend in ext JS and jQuery.
|
|
</p>
|
|
</li>
|
|
<li class="timeline-item">
|
|
<h4 class="h4 timeline-item-title">Developer/IT [ LightAct ]</h4>
|
|
<span>01/07/2022 - 01/09/2022</span>
|
|
<p class="timeline-text">
|
|
I helped maintaining data base, worked on the application (integrated a capture card and IP camera), assembled new server rack, installed new UTP/power connectors in the office.
|
|
</p>
|
|
</li>
|
|
<li class="timeline-item">
|
|
<h4 class="h4 timeline-item-title">Mentor [ Institute 404 ]</h4>
|
|
<span>08/06/2020 - 19/06/2020</span>
|
|
<p class="timeline-text">
|
|
I helped primary school children with their projects with soldering, laser cutting, and building.
|
|
</p>
|
|
</li>
|
|
<li class="timeline-item">
|
|
<h4 class="h4 timeline-item-title">Maintenance technician [ Hella Saturnos d.o.o. ]</h4>
|
|
<span>04/09/2018 - 18/01/2019</span>
|
|
<p class="timeline-text">
|
|
I maintained and repaired machines from plastic presses to personal stations.
|
|
</p>
|
|
</li>
|
|
<li class="timeline-item">
|
|
<h4 class="h4 timeline-item-title">Maintenance technician [ Best Western Premier Hotel Slon ]</h4>
|
|
<span>01/03/2018 - 04/05/2018</span>
|
|
<p class="timeline-text">
|
|
I helped with setting up the conference/event rooms. I helped customers and fixed problems like replacing light bulbs, wall sockets, hair-dryers.
|
|
</p>
|
|
</li>
|
|
|
|
</ol>
|
|
|
|
</section>
|
|
|
|
</article>
|
|
|
|
|
|
<!--
|
|
- #PORTFOLIO
|
|
-->
|
|
|
|
<article class="portfolio" data-page="portfolio">
|
|
|
|
<header>
|
|
<h2 class="h2 article-title">Portfolio</h2>
|
|
</header>
|
|
|
|
<section class="projects">
|
|
|
|
<ul class="project-list">
|
|
|
|
<li class="project-item active">
|
|
<a href="https://git.petrovv.com/nikola/password_manager">
|
|
|
|
<figure class="project-img">
|
|
<div class="project-item-icon-box">
|
|
<ion-icon name="eye-outline"></ion-icon>
|
|
</div>
|
|
|
|
<img src="projects/password_manager.jpeg" loading="lazy">
|
|
</figure>
|
|
|
|
<h3 class="project-title">Password manager</h3>
|
|
|
|
<p class="project-category">CLI app</p>
|
|
|
|
</a>
|
|
</li>
|
|
<li class="project-item active">
|
|
<a href="/list">
|
|
|
|
<figure class="project-img">
|
|
<div class="project-item-icon-box">
|
|
<ion-icon name="eye-outline"></ion-icon>
|
|
</div>
|
|
|
|
<img src="projects/list.jpeg" loading="lazy">
|
|
</figure>
|
|
|
|
<h3 class="project-title">My watch/game list</h3>
|
|
|
|
<p class="project-category"></p>
|
|
|
|
</a>
|
|
</li>
|
|
<li class="project-item active">
|
|
<a href="https://git.petrovv.com/nikola/personal_website">
|
|
|
|
<figure class="project-img">
|
|
<div class="project-item-icon-box">
|
|
<ion-icon name="eye-outline"></ion-icon>
|
|
</div>
|
|
|
|
<img src="/images/logo.png" loading="lazy">
|
|
</figure>
|
|
|
|
<h3 class="project-title">Server</h3>
|
|
|
|
<p class="project-category">Everything running on my server</p>
|
|
|
|
</a>
|
|
</li>
|
|
<li class="project-item active">
|
|
<a href="https://git.petrovv.com/nikola/school/src/branch/master/projektna_naloga">
|
|
|
|
<figure class="project-img">
|
|
<div class="project-item-icon-box">
|
|
<ion-icon name="eye-outline"></ion-icon>
|
|
</div>
|
|
|
|
<img src="projects/projektna_naloga.jpeg" loading="lazy">
|
|
</figure>
|
|
|
|
<h3 class="project-title">Highway Tracker</h3>
|
|
|
|
<p class="project-category">School project</p>
|
|
|
|
</a>
|
|
</li>
|
|
<li class="project-item active">
|
|
<a href="https://git.petrovv.com/nikola/school/src/branch/master/semester_4/razvoj_programskih_sistemov/bitshifters">
|
|
|
|
<figure class="project-img">
|
|
<div class="project-item-icon-box">
|
|
<ion-icon name="eye-outline"></ion-icon>
|
|
</div>
|
|
|
|
<img src="projects/bitshift.jpeg" loading="lazy">
|
|
</figure>
|
|
|
|
<h3 class="project-title">BitShifters</h3>
|
|
|
|
<p class="project-category">unity</p>
|
|
|
|
</a>
|
|
</li>
|
|
<li class="project-item active">
|
|
<a href="https://git.petrovv.com/nikola/school/src/branch/master/semester_4/razvoj_programskih_sistemov/tetris">
|
|
|
|
<figure class="project-img">
|
|
<div class="project-item-icon-box">
|
|
<ion-icon name="eye-outline"></ion-icon>
|
|
</div>
|
|
|
|
<img src="projects/tetris.jpeg" loading="lazy">
|
|
</figure>
|
|
|
|
<h3 class="project-title">Tetris</h3>
|
|
|
|
<p class="project-category">WPF</p>
|
|
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</section>
|
|
|
|
</article>
|
|
|
|
</div>
|
|
|
|
</main>
|
|
|
|
</body>
|
|
|
|
|
|
</html> |