-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (99 loc) · 5.36 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="Nino Herenda - A Software Engineering student">
<meta name="description" content="Nino Herenda is a 22-year-old Software Engineering Student at the Faculty of Information Technologies in Mostar, Bosnia and Herzegovina.">
<link rel="icon" href="images/developer.png">
<link rel="stylesheet" href="styles.css">
<title>Nino Herenda</title>
</head>
<body>
<header>
<div class="top">
<p>Nino Herenda</p>
<img id="icp" src="images/ICP.png" alt="">
</div>
<h1>Sofware Engineering Student</h1>
<p>Goražde, Bosnia and Herzegovina</p>
</header>
<div class="container">
<img id="profile-photo" src="images/Nino Herenda.png" alt="Profile photo of Nino Herenda">
<div class="container-right">
<h2>Hey, I'm Nino</h2>
<hr>
<p>An IT student</a> passionate about blockchain technology. Even this website is hosted fully on-chain!
In my free time I like to play chess and further express my creativity through logo designing.</p>
</p>
</div>
</div>
<img class="arrow-btn" src="images/arrow-down.png" onclick="ScrollToSkills()" alt="down arrow for scrolling">
<div class="main">
<hr class="first-hr">
<h2 class="mySkills">My Skills</h2>
<div class="skill-row">
<h3>Web Development</h3>
<div class="skill-1">
<img class="img1" src="images/webdev.png" alt="web development image">
<p class="skills-description">I have a strong foundation in HTML, CSS, and JavaScript, which enables me to create visually appealing and interactive websites. Also, I'm familiar with Bootstrap, JQuery, Node.js and I'm eager to learn new technologies. </p>
</div>
</div>
<div class="skill-row">
<h3>C++ Programming</h3>
<div class="skill-2">
<img class="img2" src="images/c++.png" alt="c++ logo">
<p class="skills-description"> C++ programmer with a solid foundation in computer science principles and object-oriented programming principles.</p>
</div>
</div>
<div class="skill-row">
<h3>Database Technologies</h3>
<div class="skill-3">
<img class="img3" src="images/sql.png" alt="sql logo">
<p class="skills-description">Familiar with the basics of Microsoft SQL Server, including writing simple SQL queries and understanding database structure and terminology.</p>
</div>
</div>
<div class="skill-row">
<h3>Motoko Programming</h3>
<div class="skill-4">
<img class="img4" src="images/motoko.png" alt="motoko logo">
<p class="skills-description"> As a blockchain enthusiast, I'm proficient in the fundamentals of the Motoko programming language, with the ability to write basic backend code for decentralized applications on Internet Computer Protocol.</p>
</div>
</div>
<hr>
<br><br>
<h2>My Projects</h2>
<div class="projects">
<div class="screenshot">
<h3>Love Tester App</h3>
<a href="https://n1no01.github.io/love-tester-app/" target="_blank"><img class="projects-screenshots" src="images/LoveTesterScreenShot.png" alt="love tester app screenshot"></a>
<a href="https://n1no01.github.io/love-tester-app/" target="_blank"><img class="projects-screenshots-phone" src="images/LoveTesterAppScreenshotPhone.jpg" alt="love tester app screenshot"></a>
</div>
<div class="screenshot">
<h3>Caffe Price List</h3>
<a href="https://adaustikolina.com/" target="_blank"><img class="projects-screenshots" src="images/AdaUstikolinaScreenshot.png" alt="Ada Ustikolina cjenovnik screenshot"></a>
<a href="https://adaustikolina.com/" target="_blank"><img class="projects-screenshots-phone" src="images/AdaUstikolinaScreenshotPhone.jpg" alt="Ada Ustikolina cjenovnik screenshot"></a>
</div>
</div>
<div class="contact-me">
<h2>Get In Touch</h2>
<br>
</div>
<div class="links">
<a class="icons-links" href="https://www.linkedin.com/in/nino-herenda/">
<img class="img-logo" src="images/linkedin.png" alt="LinkedIn logo as a link for Nino Herenda's LinkedIn profile">
</a>
<a class="icons-links" href="https://github.com/n1no01">
<img class="img-logo" src="images/github.png" alt="GitHub logo as a link for Nino Herenda's GitHub profile">
</a>
<a class="icons-links" href="https://www.instagram.com/n1no.h/">
<img class="img-logo"src="images/instagram.png" alt="Instagram logo as a link for Nino Herenda's Instagram profile">
</a>
<a class="icons-links" href="mailto: [email protected]">
<img class="img-logo"src="images/email.png" alt="Email logo as a link for Nino Herenda's email">
</a>
</div>
</div>
<script src="script.js"></script>
</body>
</html>