nikola/personal_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

preklopil da kazem novo stran in zduzil datoteke po verziji strani

Browse Source
This commit is contained in:
Nikola Petrov
2023-06-23 00:58:43 +02:00
parent 9e9f46d56f
commit 7ac96e6036
17 changed files with 7849 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

187
views/main/1_0.hbs Normal file
View File

@@ -0,0 +1,187 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/1_0/assets/fontawesome/css/all.css">
<link rel="stylesheet" href="/1_0/css/intro.css">
<link rel="stylesheet" href="/1_0/css/styles.css">
<script defer src="/1_0/assets/WinBox/winbox.bundle.js"></script>
<script defer src="/1_0/js/main.js"></script>
</head>
<body>
<section class="intro">
<h1 class="section__title">
Hi, I am <strong>Nikola Petrov</strong>
</h1>
<p class="section__subtitle">2. Year RIT</p>
<img src="/images/Jaz.jpg" alt="a picture of Nikola Petrov" class="intro__img">
</section>
<div class="container">
<div class="text-center" id="buttons">
<a class="btn btn-info btn-lg" id="git" href="https://gitlab.com/nikolape7">Git</a>
<button class="btn btn-info btn-lg" id="work-experiance">Work Experience</button>
<button class="btn btn-info btn-lg" id="education">Education</button>
<button class="btn btn-info btn-lg" id="documents">Documents</button>
</div>
<div class="row">
<div class="col">
<br>
<h2>Skills</h2>
<div class="row justify-content-md-center">
<div class="col col-lg-2">
<table class="centered">
<tr><th>Language</th></tr>
<tr><td>Slovenian</td></tr>
<tr><td>English</td></tr>
</table>
</div>
<div class="col-md-auto">
<table class="centered">
<tr><th>Programming languages</th></tr>
<tr><td>C/C++</td></tr>
<tr><td>html/css/js/php</td></tr>
</table>
</div>
</div>
</div>
<div class="col">
<br>
<h2>Contact</h2>
<table class="centered">
<tr><td>
<a href="mailto:nikolape7@gmail.com">
<i class="fa fa-envelope"></i>
nikolape7@gmail.com
</a>
</td></tr>
<tr><td>
<a href="tel:070749506">
<i class="fa fa-phone"></i>
070 749 506
</a>
</td></tr>
</table>
</div>
</div>
</div>
<section class="hidden">
<div id="work-experience-content">
<div class="container margin-top">
<div class="row">
<div class="col">
<span style="font-size: 1.5em;">LightAct </span><br>
01/07/2022 - 01/09/2022
</div>
<div class="col">
<span style="font-size: 1.5em;">Developer/IT</span><br>
I helped maintaining data base, wored on the application (integrated a capture card and IP camera),
assembled new server rack, installed new UTP/power conectors in the office.
</div>
</div>
<div class="row">
<div class="col">
<span style="font-size: 1.5em;">Institute 404</span><br>
08/06/2020 - 19/06/2020
</div>
<div class="col">
<span style="font-size: 1.5em;">Mentor</span><br>
I helped primary school children with their projects with soldering, laser cutting,
and building. And I helped with a cement 3D printer.
</div>
</div>
<div class="row">
<div class="col">
<span style="font-size: 1.5em;">Hella Saturnos d.o.o.</span><br>
04/09/2018 - 18/01/2019<br>
</div>
<div class="col">
<span style="font-size: 1.5em;">Maintenance technician</span><br>
I maintained and repaired machines from plastic presses to personal stations.
</div>
</div>
<div class="row">
<div class="col">
<span style="font-size: 1.5em;">Best Western Premier Hotel Slon</span><br>
01/03/2018 - 04/05/2018<br>
</div>
<div class="col">
<span style="font-size: 1.5em;">Maintenance technician</span><br>
I helped with setting up the conference/event rooms.
I helped customers and fixed problems like replacing light bulbs, wall sockets, hair-dryers.
</div>
</div>
</div>
</div>
<div id="education-content">
<div class="container margin-top">
<p>
<span class="hidden" style="font-size: 0.75em;">
<i class="fa-solid fa-calendar-days"></i> 01/10/2021 - CURRENT
<i class="fa-solid fa-location-dot"></i> Koroška cesta 46, Maribor, Slovenia <br>
</span>
<span style="font-size: 1.1em;">
Faculty of Electrical Engineering and Computer Science, University of Maribor <br>
</span>
<span style="font-size: 1.6em; line-height: 1em; color: #0dcaf0;">
Graduate engineer of computer science and information technology<br>
</span>
<span>
<a href="https://feri.um.si/">
<i class="fa-solid fa-globe"></i>
https://feri.um.si/
</a>
</span>
</p>
<p>
<span class="hidden" style="font-size: 0.75em;">
<i class="fa-solid fa-calendar-days"></i> 01/09/2016 - 07/07/2021
<i class="fa-solid fa-location-dot"></i> Litostrojska Cesta 51, Ljubljana, Slovenia <br>
</span>
<span style="font-size: 1.1em;">
Secondary school of technical professions šiška<br>
</span>
<span style="font-size: 1.6em; line-height: 1em; color: #0dcaf0;">
Electrotechnician<br>
</span>
<span>
<a href="https://ssts.si/">
<i class="fa-solid fa-globe"></i>
https://ssts.si/
</a>
</span>
</p>
<br>
<br>
</div>
</div>
<div id="documents-content">
<div class="container margin-top">
<div class="row">
<a href="/doc/CV.pdf" class="btn btn-info" download="Nikola_Petrov_CV">CV</a>
<a href="/doc/Certificate.pdf" class="btn btn-info" download="Nikola_Petrov_electrotechnician_certificate">Electrotechnician certificate</a>
</div>
</div>
</div>
</section>
</body>
</html>

659
views/main/2_0.hbs Normal file
View File

@@ -0,0 +1,659 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nikola Petrov</title>
<!--
- favicon
-->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<!--
- custom css link
-->
<link rel="stylesheet" href="/2_0/css/style.css">
<!--
- google font link
-->
<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">
<!--
- custom js link
-->
<script defer src="/2_0/js/script.js"></script>
<!--
- ionicon link
-->
<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
-->
<main>
<!--
- #SIDEBAR
-->
<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">RIT Student</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:nikolape7@gmail.com" class="contact-link">nikolape7@gmail.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:0038670749506" class="contact-link">070749506</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">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://gitlab.com/nikolape7" class="social-link">
<ion-icon name="logo-gitlab"></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 currently studying at RIT at FERI in Maribor, and I come from the beautiful city of Ljubljana.
What truly excites me is the opportunity to build systems that have a direct and positive impact on people's lives.
I find great satisfaction in using my skills to create practical solutions that address real-world challenges.
</p>
<p>
Being able to merge my technical knowledge with my passion for helping others is incredibly fulfilling for me.
Throughout my studies, I have been inspired to develop innovative systems that can make a meaningful difference in society.
I am driven by the belief that technology can be a powerful tool for improving lives.
</p>
<p>
I am enthusiastic about the potential of my work and the opportunities that lie ahead.
With my dedication and expertise, I am determined to contribute to the development of solutions that enhance people's experiences and make a positive impact in the world.
</p>
</section>
<!--
- service
-->
<section class="service">
<h3 class="h3 service-title">Projects</h3>
<ul class="service-list">
<li class="service-item">
<div class="service-icon-box">
<ion-icon name="car-outline"></ion-icon>
</div>
<div class="service-content-box">
<a href="https://gitlab.com/school221/semester_4/projektna_naloga">
<h4 class="h4 service-item-title">Car caunter</h4>
</a>
<p class="service-item-text">
Program that counts number of cars on the Slovenia highways. With the help of Pythorch and Python.
Data is stored in a mongoDB database with Express.js and Node.js.
For displaying the data React.js is used.
</p>
</div>
</li>
<li class="service-item">
<div class="service-icon-box">
<ion-icon name="browsers-outline"></ion-icon>
</div>
<div class="service-content-box">
<a href="https://gitlab.com/homep/web">
<h4 class="h4 service-item-title">Web page</h4>
</a>
<p class="service-item-text">
Git repository for my personal website.
</p>
</div>
</li>
<li class="service-item">
<div class="service-icon-box">
<ion-icon name="videocam-outline"></ion-icon>
</div>
<div class="service-content-box">
<a href="https://gitlab.com/homep/mediatracker">
<h4 class="h4 service-item-title">Movie tracker</h4>
</a>
<p class="service-item-text">
WPF application for tracking movies and series.
</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">
<a href="https://gitlab.com/homep/mesoreznica">
<h4 class="h4 service-item-title">Arduino controld meat grinder</h4>
</a>
<p class="service-item-text">
Arduino is used as a controller for the electric motro of the meat grinder.
</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">(SŠTS Šiška) Secondary school of technical professions šiška</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">LightAct [ Developer/IT ]</h4>
<span>01/07/2022 - 01/09/2022</span>
<p class="timeline-text">
I helped maintaining data base, wored on the application (integrated a capture card and IP camera),
assembled new server rack, installed new UTP/power conectors in the office.
</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Institute 404 [ Mentor ]</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">Hella Saturnos d.o.o. [ Maintenance technician ]</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">Best Western Premier Hotel Slon [ Maintenance technician ]</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="filter-list">
<li class="filter-item">
<button class="active" data-filter-btn>All</button>
</li>
<li class="filter-item">
<button data-filter-btn>Web design</button>
</li>
<li class="filter-item">
<button data-filter-btn>Applications</button>
</li>
<li class="filter-item">
<button data-filter-btn>Web development</button>
</li>
</ul>
<div class="filter-select-box">
<button class="filter-select" data-select>
<div class="select-value" data-selecct-value>Select category</div>
<div class="select-icon">
<ion-icon name="chevron-down"></ion-icon>
</div>
</button>
<ul class="select-list">
<li class="select-item">
<button data-select-item>All</button>
</li>
<li class="select-item">
<button data-select-item>Web design</button>
</li>
<li class="select-item">
<button data-select-item>Applications</button>
</li>
<li class="select-item">
<button data-select-item>Web development</button>
</li>
</ul>
</div>
<ul class="project-list">
<li class="project-item active" data-filter-item data-category="web development">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="/images/project-1.jpg" alt="finance" loading="lazy">
</figure>
<h3 class="project-title">Finance</h3>
<p class="project-category">Web development</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web development">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="/images/project-2.png" alt="orizon" loading="lazy">
</figure>
<h3 class="project-title">Orizon</h3>
<p class="project-category">Web development</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web design">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="/images/project-3.jpg" alt="fundo" loading="lazy">
</figure>
<h3 class="project-title">Fundo</h3>
<p class="project-category">Web design</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="applications">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="/images/project-4.png" alt="brawlhalla" loading="lazy">
</figure>
<h3 class="project-title">Brawlhalla</h3>
<p class="project-category">Applications</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web design">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="/images/project-5.png" alt="dsm." loading="lazy">
</figure>
<h3 class="project-title">DSM.</h3>
<p class="project-category">Web design</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web design">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="/images/project-6.png" alt="metaspark" loading="lazy">
</figure>
<h3 class="project-title">MetaSpark</h3>
<p class="project-category">Web design</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web development">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="/images/project-7.png" alt="summary" loading="lazy">
</figure>
<h3 class="project-title">Summary</h3>
<p class="project-category">Web development</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="applications">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="/images/project-8.jpg" alt="task manager" loading="lazy">
</figure>
<h3 class="project-title">Task Manager</h3>
<p class="project-category">Applications</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web development">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="/images/project-9.png" alt="arrival" loading="lazy">
</figure>
<h3 class="project-title">Arrival</h3>
<p class="project-category">Web development</p>
</a>
</li>
</ul>
</section>
</article>
</div>
</main>
</body>
</html>