-
Notifications
You must be signed in to change notification settings - Fork 0
/
porto.html
142 lines (123 loc) · 6.44 KB
/
porto.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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!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">
<link rel="stylesheet" href="porto.css">
<title>Portofolio</title>
</head>
<body>
<nav id="navBar">
<img id="slika" src="images/portfol.png">
<ul id="list">
<li><a href="#firstDiv">About</a></li>
<li><a href="https://docs.google.com/document/d/1TNVTAqfzIVSzqZeixTLw0dA9fXozcTHo/edit?usp=sharing&ouid=115395558102304029567&rtpof=true&sd=true">CV</a></li>
<li><a href="#mainSection">Projects</a></li>
<li><a href="https://github.com/Zlaya19">GitHub</a></li>
</ul>
<!-- <div id="searchBtn">
<input type="text" placeholder="search">
<button id="btn">btn</button>
</div> -->
</nav>
<spanB><h1 id="wordWrap">I become a <br> Software <spanC>developer!</spanC></h1></spanB>
<section id="mainWrapper">
<div id="firstDiv">
<img id="slika2" src="images/zlatan.jpg">
<h2><span>About</span></h2>
<p id="text1">Hi, my name is Zlatan and I come from Breza (Bosnia & Herzegowina). I am 32 years old and I have been working in my father's service for over ten years, so it can be said that I am in a business position without any form of progress. The conditions in that job are difficult in most cases, but they made me do something in my free time and retrain myself in a profession with a better future. It is this page that is the fruit of it all. I tried to study for at least an hour every day, because the IT profession requires constant work habits, without which no serious progress can be made. Designing pages is quite interesting, but I paid much more attention to creating a developer mindset, because it is the basis on which to build further and further ... I hope that in the near future I will get a job in a company that will offer me the best possible training, in order to have great conditions for progress. I don't want to be poisoned in a workshop full of chemistry anymore. I want to breathe with full lungs and I think this is the only sleepy way to it.
</p>
</div>
</section>
<section id="mainSection">
<div id="container">
<div class="wrapper">
<div class="wrapperTop" id="wrap1">
<h3 class="headlineH3">Project 1</h3>
</div>
<h2 id="projectHeader">Color-Generator</h2>
<h3 class="projectAbout">The background color takes a new random color by tiping the button on the front of the Application.</h3>
</div>
<div class="wrapper">
<div class="wrapperTop" id="wrap2">
<h3 class="headlineH3">Project 2</h3>
</div>
<h2 id="projectHeader">Password-Generator</h2>
<h3 class="projectAbout">Gives us a random password of 10, 15 od 20 elements. We can choose how much digits we get.</h3>
</div>
<div class="wrapper">
<div class="wrapperTop" id="wrap3">
<h3 class="headlineH3">Project 3</h3>
</div>
<h2 id="projectHeader">Calculator</h2>
<h3 class="projectAbout">A simple calulator with the common options. We remove the value by clicking on the screen.</h3>
</div>
<div class="wrapper">
<div class="wrapperTop" id="wrap4">
<h3 class="headlineH3">Project 4</h3>
</div>
<h2 id="projectHeader">Website example</h2>
<h3 class="projectAbout">A Website exemple for a Lawyer Company, with a responsive design and animations.</h3>
</div>
<div class="wrapper">
<div class="wrapperTop" id="wrap5">
<h3 class="headlineH3">Project 5</h3>
</div>
<h2 id="projectHeader">Portofolio example</h2>
<h3 class="projectAbout">My Portofolio, the summary of all my projects combine in a website</h3>
</div>
<div class="wrapper">
<div class="wrapperTop" id="wrap6">
<h3 class="headlineH3">Project 6</h3>
</div>
<h2 id="projectHeader">API number app</h2>
<h3 class="projectAbout">Write a number and get a random fact about the number chosen</h3>
</div>
<div class="wrapper">
<div class="wrapperTop" id="wrap7">
<h3 class="headlineH3">Project 7</h3>
</div>
<h2 id="projectHeader">API date app</h2>
<h3 class="projectAbout">Write a date and get a random fact about the date you choose</h3>
</div>
<div class="wrapper">
<div class="wrapperTop" id="wrap8">
<h3 class="headlineH3">Project 8</h3>
</div>
<h2 id="projectHeader">API years app</h2>
<h3 class="projectAbout">Write down the year you want and find out a random fact about the year you typed</h3>
</div>
<div class="wrapper">
<div class="wrapperTop" id="wrap9">
<h3 class="headlineH3">Project 9</h3>
</div>
<h2 id="projectHeader">Color-Generator</h2>
</div>
<div class="wrapper">
<div class="wrapperTop" id="wrap10">
<h3 class="headlineH3">Project 10</h3>
</div>
<h2 id="projectHeader">Color-Generator</h2>
</div>
<div class="wrapper">
<div class="wrapperTop" id="wrap11">
<h3 class="headlineH3">Project 11</h3>
</div>
<h2 id="projectHeader">Color-Generator</h2>
</div>
<div class="wrapper">
<div class="wrapperTop" id="wrap12">
<h3 class="headlineH3">Project 12</h3>
</div>
<h2 id="projectHeader">Color-Generator</h2>
</div>
</div>
</section>
<footer id="footerLine">
<h3 id="footer_line">Zlaya19 © 2021</h3>
<h4>all rights reserved</h4>
</footer>
<script src="porto.js"></script>
</body>
</html>