-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
299 lines (285 loc) · 10.4 KB
/
index.html
File metadata and controls
299 lines (285 loc) · 10.4 KB
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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<!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">
<title>Bojan Marjanovic - Software Engineer</title>
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/lightbox/css/lightbox.css" rel="stylesheet">
<link href="assets/textrotator/simpletextrotator.css" rel="stylesheet">
<link href="assets/flexslider/flexslider.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body id="top">
<div id="preloader"></div>
<header id="home">
<div class="container-fluid">
<div class="row">
<div class="menu-wrap">
<nav class="menu">
<div class="icon-list">
<a href="index.html#home"><i class="fa fa-fw fa-home"></i><span>Home</span></a>
<a href="index.html#about"><i class="fa fa-fw fa-quote-left"></i><span>About</span></a>
<a href="index.html#service"><i class="fa fa-fw fa-globe"></i><span>Service</span></a>
<a href="index.html#contact"><i class="fa fa-fw fa-envelope-o"></i><span>Contact</span></a>
</div>
</nav>
</div>
<button class="menu-button" id="open-button"></button><!-- menu button -->
</div><!--/row-->
</div><!--/container-->
<section class="hero" id="hero">
<div class="container">
<!-- Slider Button (don't edit!)-->
<div class="row">
<div class="col-md-12 text-right navicon">
<a id="nav-toggle" class="nav_slide_button" href="index.html#"><span></span></a>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-1 inner">
<h1 class="animated fadeInDown">
B<span style="color:#E04343;">o</span>jan<br />
<span>M<span style="color:#FFE800">A</span>rjanovic</span>
</h1><!-- Title -->
<h3 class="animated fadeInUp delay-05s"><span class="rotate">Software Engineer,Project
Manager,Software Developer</span></h3><!-- Text Rotator -->
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<a href="index.html#about" class="scrollto wow fadeInUp delay-5s ">
<p>SEE MORE</p>
<p class="scrollto--arrow"><img src="img/scroll-down.png" alt="scroll down arrow"></p>
</a>
</div>
</div>
</div>
</section>
</header>
<section class="intro text-center section-padding color-bg" id="about">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 wp1">
<h1 class="arrow">A little <span>about</span> me</h1><!-- Headline -->
<p>Hi! I'm <a href="#">Bojan Marjanovic</a>, a software engineer and Ruby on Rails developer from
Bosnia and Herzegovina.</p>
</div>
</div>
</div>
</section>
<section class="features text-center section-padding" id="service">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="arrow">I do amazing things for clients</h1>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="services">
<div class="col-md-4 wp2 item">
<div class="icon">
<i class="fa fa-camera"></i><!-- Icon -->
</div>
<h2>Software Development</h2><!-- Title -->
<p>First, solve the problem. Then, write the code.</p><!-- Description -->
</div>
<div class="col-md-4 wp2 item delay-05s">
<div class="icon">
<i class="fa fa-desktop"></i><!-- Icon -->
</div>
<h2>Software Engineering</h2><!-- Title -->
<p>I will rule the world! Just let me finish one more line of code</p><!-- Description -->
</div>
<div class="col-md-4 wp2 item delay-1s">
<div class="icon">
<i class="fa fa-cubes"></i><!-- Icon -->
</div>
<h2>Project Management</h2><!-- Title -->
<p>In teamwork, silence is not golden - it is deadly</p><!-- Description -->
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</section>
<div class="container-fluid">
<div class="row color-bg">
<div class="col-md-6 nopadding features-intro-img">
<div class="about-image" style="background-image:url(img/about1.png)"></div>
</div>
<div class="col-md-6 about-text">
<h6>High Quality Software Development</h6>
<p>
I build software with a strong focus on quality, maintainability, and long-term value.
Whether it's a small tool or a complex system, I apply industry best practices to ensure
the code is clean, well-tested, and easy to evolve.
I use clean architecture, robust automated testing, and modern CI/CD workflows to deliver
scalable and reliable solutions that are built to last.
</p><br>
<a href="index.html#team" class="weight-outline-btn">Read more</a>
</div>
</div>
<div class="row">
<div class="col-md-6 about-text">
<h6>Professional Project Management</h6>
<p>
I manage software projects with precision and clarity—driving results through well-defined
roadmaps, iterative delivery, and effective communication. Whether working solo or
collaborating with teams, I bring structure to the process without getting in the way of
creativity and momentum. I follow agile and lean methodologies, proactively address risks,
and keep everyone aligned on shared goals.
</p><br>
<a href="index.html#team" class="weight-outline-btn">Read more</a>
</div>
<div class="col-md-6 nopadding features-intro-img">
<div class="about-image" style="background-image:url(img/about2.png)"></div>
</div>
</div>
<div class="row color-bg">
<div class="col-md-6 nopadding features-intro-img">
<div class="about-image" style="background-image:url(img/about3.png)"></div>
</div>
<div class="col-md-6 about-text">
<h6>Software Design</h6>
<p>
I craft software systems that are not only functional, but elegant and adaptable. Good design
means creating systems that developers can easily understand and evolve. I emphasize modular
architectures, domain-driven design, and practical simplicity to ensure long-term success.
Whether designing a brand new service or improving an existing one, I focus on clarity and
maintainability from day one.
</p><br>
<a href="index.html#team" class="weight-outline-btn">Read more</a>
</div>
</div>
</div>
<div class="spacer-cta text-center">
<div class="container">
<div class="row">
<div class="col-md-12">
<a href="index.html#contact" class="outline-btn">hire bojan marjanovic</a>
</div>
</div>
</div>
</div>
<section class="text-center section-padding contact-wrap" id="contact">
<!-- To Top Button -->
<a href="index.html#top" class="up-btn"><i class="fa fa-chevron-up"></i></a>
<div class="container">
<!-- Headline -->
<div class="row">
<div class="col-md-12">
<h1 class="arrow">Drop <span>me</span> a line</h1>
</div>
</div>
<div class="row contact-details">
<!-- Adress Box -->
<div class="col-md-4">
<div class="dark-box box-hover">
<h2><i class="fa fa-map-marker"></i><span>Address</span></h2>
<p>Remote</p>
</div>
</div>
<!-- Phone Number Box -->
<div class="col-md-4">
<div class="dark-box box-hover">
<h2><i class="fa fa-mobile"></i><span>Phone</span></h2>
<p>N/A</p>
</div>
</div>
<!-- E-Mail Box -->
<div class="col-md-4">
<div class="dark-box box-hover">
<h2><i class="fa fa-paper-plane"></i><span>Email</span></h2>
<p><a href="index.html#">[email protected]</a></p>
</div>
</div>
</div>
<div class="row">
<!-- Google Maps (Change your Settings below) -->
<div class="col-md-6">
<div id="googlemaps"></div>
</div>
<!-- Contact Form -->
<div class="col-md-6 contact disabled">
<form role="form">
<!-- Name -->
<div class="row">
<div class="col-md-6">
<!-- E-Mail -->
<div class="form-group">
<input type="text" class="form-control" placeholder="Your name">
</div>
</div>
<div class="col-md-6">
<!-- Phone Number -->
<div class="form-group">
<input type="email" class="form-control" placeholder="Email address">
</div>
</div>
</div>
<!-- Message Area -->
<div class="form-group">
<textarea class="form-control" placeholder="Write you message here..." style="height:232px;"></textarea>
</div>
<!-- Subtmit Button -->
<button type="submit" class="btn btn-send">
Send message
</button>
</form>
</div>
</div>
<br>
<!-- Social Buttons - use font-awesome, past in what you want -->
<div class="row">
<div class="col-md-12">
<ul class="social-buttons">
<li><a href="https://github.com/" class="social-btn"><i class="fa fa-github"></i></a></li>
<!-- github -->
<li><a href="https://twitter.com/" class="social-btn"><i class="fa fa-twitter"></i></a></li>
<!-- twitter -->
<li><a href="https://www.linkedin.com/in/" class="social-btn"><i class="fa fa-linkedin"></i></a>
</li><!-- linkedin -->
</ul>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<p> © 2019 <a href="http://boimw.github.io">boimw.github.io</a>
</div>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="assets/smoothscroll/smoothscroll.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/classie.js"></script>
<script src="assets/flexslider/jquery.flexslider.js"></script>
<script src="js/modernizr.js"></script>
<script src="assets/textrotator/jquery.simple-text-rotator.js"></script>
<script src="assets/lightbox/js/lightbox.min.js"></script>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDeKBBPJTG3v5w3cNPAgM6ZsJiPyL1mP_o&sensor=false"></script>
<script src="js/main.js"></script>
<script src="js/script.js"></script>
<!-- TEXT ROTATOR SETTINGS -->
<script type="text/javascript">
$(".rotate").textrotator({
animation: "fade",
separator: ",",
speed: 2000
});
</script>
</body>
</html>