-
Notifications
You must be signed in to change notification settings - Fork 0
/
work.html
262 lines (231 loc) · 12 KB
/
work.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nenad Blagovcanin - Portfolio</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="shortcut icon" href="/img/logo.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<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;700&display=swap"
rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-transparent justify-content-center">
<button class="navbar-toggler btn bg-white" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon text-white"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav m-auto justify-content-center">
<li>
<a class="d-flex align-items-center h-100 logo-image-wrapper" href="/">
<img id="logo-image" src="/img/logo.png" alt="">
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="work.html">My Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="cv.html">CV</a>
</li>
</ul>
</div>
</nav>
<div class="container py-4">
<h2 class="pt-5">
GR8 City RP
</h2>
<div id="gr8" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div>
<img class="d-block w-100" src="/img/projects/gr8-1.png" alt="First slide">
</div>
</div>
<div class="carousel-item">
<div>
<img class="d-block w-100" src="/img/projects/gr8-2.png" alt="First slide">
</div>
</div>
<div class="carousel-item">
<div>
<img class="d-block w-100" src="/img/projects/gr8-5.png" alt="First slide">
</div>
</div>
<div class="carousel-item">
<div>
<img class="d-block w-100" src="/img/projects/gr8-3.png" alt="First slide">
</div>
</div>
<div class="carousel-item">
<div>
<img class="d-block w-100" src="/img/projects/gr8-4.png" alt="First slide">
</div>
</div>
<div class="carousel-item">
<div>
<img class="d-block w-100" src="/img/projects/gr8-6.png" alt="First slide">
</div>
</div>
</div>
<a class="carousel-control-prev" href="#gr8" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon bg-dark" aria-hidden="true"></span>
</a>
<a class="carousel-control-next" href="#gr8" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon bg-dark" aria-hidden="true"></span>
</a>
</div>
<p class="pt-3">In 2023 I developed a website for a gaming roleplay community called <b>GR8 CITY RP</b>.
The website was primarily designed as a place where admins can manage access to their RP servers by making
the potential members answer questions in the form
of an application that they would submit. Admins would then take a look at the received applications and
decide who they will allow to join their servers. Users would be notified about
the result/response of their application. If rejected, users would also receive feedback from the admin on
why the user was rejected.
</p>
<p>
Later on, I expanded the functionality of the website by adding the option for admins to manually create
multiple applications for different types of access.
After that, my clients decided that they want to add another RP community to their website, so they asked me
to seperate the application into communities (kind of like discord servers or facebook groups).
So now, the application also offers the possibility of creating multiple communities where each community
has their own applications by which they
can easily manage their user access. Communities have customizable themes, descriptions, names etc...
</p>
<p>
Checkout the website on: <a target="_blank"
href="https://test.gr8cityrp.com/">https://test.gr8cityrp.com/</a>
</p>
<h2 class="pt-5">
Multiverzum.com
</h2>
<div id="multiverzum" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div>
<img class="d-block w-100" src="/img/projects/multiverzum-1.png" alt="First slide">
</div>
</div>
<div class="carousel-item">
<div>
<img class="d-block w-100" src="/img/projects/multiverzum-2.png" alt="First slide">
</div>
</div>
<div class="carousel-item">
<div>
<img class="d-block w-100" src="/img/projects/multiverzum-3.png" alt="First slide">
</div>
</div>
<div class="carousel-item">
<div>
<img class="d-block w-100" src="/img/projects/multiverzum-4.png" alt="First slide">
</div>
</div>
<div class="carousel-item">
<div>
<img class="d-block w-100" src="/img/projects/multiverzum-5.png" alt="First slide">
</div>
</div>
</div>
<a class="carousel-control-prev" href="#multiverzum" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon bg-dark" aria-hidden="true"></span>
</a>
<a class="carousel-control-next" href="#multiverzum" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon bg-dark" aria-hidden="true"></span>
</a>
</div>
<p class="pt-3">In 2022 I developed an eCommerce website where anyone can create an account and immediately start buying or selling items online. The website is still active and
users inside of Bosnia and Herzegovina are using this website for online shopping. The company is still in startup phase and its planning to expand shipping to other countries
as well soon.
</p>
<p>
Checkout the website on: <a target="_blank"
href="https://multiverzum.com/">https://multiverzum.com/</a>
</p>
<h2 class="pt-5">
Advaise.net
</h2>
<div id="advaise" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div>
<img class="d-block w-100" src="/img/projects/advaise-1.png" alt="First slide">
</div>
</div>
<div class="carousel-item">
<div>
<img class="d-block w-100" src="/img/projects/advaise-2.png" alt="First slide">
</div>
</div>
<div class="carousel-item">
<div>
<img class="d-block w-100" src="/img/projects/advaise-3.png" alt="First slide">
</div>
</div>
<div class="carousel-item">
<div>
<img class="d-block w-100" src="/img/projects/advaise-4.png" alt="First slide">
</div>
</div>
</div>
<a class="carousel-control-prev" href="#advaise" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon bg-dark" aria-hidden="true"></span>
</a>
<a class="carousel-control-next" href="#advaise" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon bg-dark" aria-hidden="true"></span>
</a>
</div>
<p class="pt-3">
Advaise.net is a startup that offers AI tools to other businesses so they can manage their data more efficiently. I was highered by this startup to create their landing page, authentication system,
blogs and auth api endpoints. I built the application with python django framework. Used bootstrap.css for styling the UI. And a mysql database for storing data. I also helped deploy this application to their Google Cloud Servers and I helped them integrade my python landing app with their main application.
</p>
<p>
Checkout the website on: <a target="_blank"
href="https://advaise.net/">https://advaise.net/</a>
</p>
</div>
<footer class="mt-5" style="border-top: 1px solid rgb(165, 176, 185);">
<div class="container">
<div class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4">
<p class="col-md-4 mb-0 txt-light">Nenad Blagovčanin</p>
<a href="/"
class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
<img src="/img/logo.png" style="max-height: 45px;" class="h-100" alt="">
</a>
<ul class="nav col-md-4 justify-content-end">
<li class="nav-item"><a href="/" class="nav-link px-2 txt-light">Home</a></li>
<li class="nav-item"><a href="work.html" class="nav-link px-2 txt-light">My Work</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link px-2 txt-light">Contact</a></li>
<li class="nav-item"><a href="about.html" class="nav-link px-2 txt-light">About</a></li>
<li class="nav-item"><a href="cv.html" class="nav-link px-2 txt-light">CV</a></li>
</ul>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
<script>
$(document).ready(function () {
$('.carousel').carousel({
interval: 2000
})
});
</script>
</body>
</html>