258 lines
11 KiB
HTML
258 lines
11 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<!-- title -->
|
|
<title>Blog</title>
|
|
|
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
|
|
|
<!-- <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> -->
|
|
<link href="css/style.css" rel="stylesheet">
|
|
<link href="css/animate.css" rel="stylesheet">
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/owl.carousel.css" rel="stylesheet">
|
|
|
|
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css">
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700" rel="stylesheet">
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-default navbar-fixed-top" data-spy="affix">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
|
<div id="nav-icon3">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</button>
|
|
<a class="navbar-brand 123" href="#"><img src="img/logo.svg" class="img-responsive hidden-xs" alt="logo"><img src="img/logo_mobile.svg" class="img-responsive visible-xs" alt="logo"></a>
|
|
</div>
|
|
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
<div class="align-navbar">
|
|
<ul class="nav navbar-nav navbar-right" >
|
|
<li class="test"><a href="#second" class="nav-link">ABOUT</a></li>
|
|
<li class="test"><a href="#work" class="nav-link">WORK</a></li>
|
|
<li class="test"><a href="#team" class="nav-link">TEAM</a></li>
|
|
<li class="test"><a href="#blog" class="nav-link">BLOG</a></li>
|
|
<li class="hidden-xs"><a href="#contact" class="nav-link"><i class="material-icons"></i></a></li>
|
|
<li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- Start welcome -->
|
|
<section class="welcome">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12 blog-intro">
|
|
<h2 class="med-title text-center">Welcome</h2>
|
|
<p class="tag-line text-center space20">Happy to have you on our blog page where we want to share our knowledge and jokes.
|
|
<br class="hidden-xs hidden-sm">Enjoy!<br class="hidden-xs hidden-sm"></p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End welcome -->
|
|
|
|
<!-- Start tabs -->
|
|
<div class="space20">
|
|
|
|
<div class="tab container">
|
|
<button class="tablinks" onclick="openBlog(event, 'Learn')" id="defaultOpen">Learn</button>
|
|
<button class="tablinks" onclick="openBlog(event, 'Fun')">Fun</button>
|
|
</div>
|
|
|
|
<div id="Learn" class="tabcontent">
|
|
<section class="tabcontainer" id="team">
|
|
<div class="container">
|
|
<div class="row space40">
|
|
<a href="Blog.html">
|
|
<div class="col-md-6 col-sm-6 text-center">
|
|
<img src="img/blog-img-1.png" class="img-responsive center-block hidden-xs" alt="team1">
|
|
<img src="img/blog-img-1.png" class="img-responsive center-block visible-xs" alt="team1">
|
|
<h4 class="heading-tag">Some text or title</h4>
|
|
<p class="hint text-center">17 December</p>
|
|
<p class="hint text-center">Senad Uka</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="Blog.html">
|
|
<div class="col-md-6 col-sm-6 text-center">
|
|
<img src="img/blog-img-2.png" class="img-responsive center-block hidden-xs" alt="team2">
|
|
<img src="img/blog-img-2.png" class="img-responsive center-block visible-xs" alt="team1">
|
|
<h4 class="heading-tag">Some text or title</h4>
|
|
<p class="hint text-center">17 December</p>
|
|
<p class="hint text-center">Edin Dazdarevic</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<div class="row space40">
|
|
<a href="Blog.html">
|
|
<div class="col-md-6 col-sm-6 text-center">
|
|
<img src="img/blog-img-3.png" class="img-responsive center-block hidden-xs" alt="team3">
|
|
<img src="img/blog-img-3.png" class="img-responsive center-block visible-xs" alt="team1">
|
|
<h4 class="heading-tag">Some text or title</h4>
|
|
<p class="hint text-center">17 December</p>
|
|
<p class="hint text-center">Senad Uka</p>
|
|
</div>
|
|
</a>
|
|
<a href="Blog.html">
|
|
<div class="col-md-6 col-sm-6 text-center">
|
|
<img src="img/blog-img-4.png" class="img-responsive center-block hidden-xs" alt="team3">
|
|
<img src="img/blog-img-4.png" class="img-responsive center-block visible-xs" alt="team1">
|
|
<h4 class="heading-tag">Some text or title</h4>
|
|
<p class="hint text-center">17 December</p>
|
|
<p class="hint text-center">Edin Dazdarevic</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div id="Fun" class="tabcontent">
|
|
<section class="tabcontainer" id="team">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="row space40">
|
|
<a href="Blog.html">
|
|
<div class="col-md-6 col-sm-6 text-center">
|
|
<img src="img/blog-img-3.png" class="img-responsive center-block hidden-xs" alt="team1">
|
|
<img src="img/blog-img-3.png" class="img-responsive center-block visible-xs" alt="team1">
|
|
<h4 class="heading-tag">Some text or title</h4>
|
|
<p class="hint text-center">17 December</p>
|
|
<p class="hint text-center">Senad Uka</p>
|
|
</div>
|
|
</a>
|
|
<a href="Blog.html">
|
|
<div class="col-md-6 col-sm-6 text-center">
|
|
<img src="img/blog-img-4.png" class="img-responsive center-block hidden-xs" alt="team2">
|
|
<img src="img/blog-img-4.png" class="img-responsive center-block visible-xs" alt="team1">
|
|
<h4 class="heading-tag">Some text or title</h4>
|
|
<p class="hint text-center">17 December</p>
|
|
<p class="hint text-center">Edin Dazdarevic</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End tabs -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Start footer -->
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<a href="#" class="back-to-top"><i class="material-icons closebtn"></i></a>
|
|
</div>
|
|
</div>
|
|
<h6>our office</h6>
|
|
<P>Milana Preloga 12,<br> Sarajevo, 71000 BIH,<br> Europe</P>
|
|
<ul class="list-unstyled">
|
|
<li><a href="#">info@saburly.com</a></li>
|
|
<li><a href="#">www.saburly.com</a></li>
|
|
</ul>
|
|
<a href="#" class="tweet"><span class="fa fa-twitter tweet"></span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- End footer -->
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-100791503-1', 'auto');
|
|
ga('send', 'pageview');
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- javascript libraries -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
|
<script src="js/jquery-1.11.2.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/owl.carousel.min.js"></script>
|
|
<script src="js/modernizr-2.5.3.min.js"></script>
|
|
<script src="js/jquery.appear.js"></script>
|
|
<script src="js/jquery.easing.min.js"></script>
|
|
<script src="js/jquery.bcSwipe.min.js"></script>
|
|
<script src="js/custom.js"></script>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
var sent = false;
|
|
window.addEventListener('scroll', function(e) {
|
|
var scrollTop = $(window).scrollTop();
|
|
var docHeight = $(document).height();
|
|
var winHeight = $(window).height();
|
|
var scrollPercent = (scrollTop) / (docHeight - winHeight);
|
|
var scrollPercentRounded = Math.round(scrollPercent*100);
|
|
|
|
if (scrollPercentRounded > 30 && !sent) {
|
|
ga('send', 'pageview');
|
|
sent = true;
|
|
}
|
|
});
|
|
|
|
|
|
function openBlog(evt, blogName) {
|
|
var i, tabcontent, tablinks;
|
|
tabcontent = document.getElementsByClassName("tabcontent");
|
|
for (i = 0; i < tabcontent.length; i++) {
|
|
tabcontent[i].style.display = "none";
|
|
}
|
|
tablinks = document.getElementsByClassName("tablinks");
|
|
for (i = 0; i < tablinks.length; i++) {
|
|
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
|
}
|
|
document.getElementById(blogName).style.display = "block";
|
|
evt.currentTarget.className += " active";
|
|
}
|
|
|
|
// Get the element with id="defaultOpen" and click on it
|
|
document.getElementById("defaultOpen").click();
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|