279 lines
13 KiB
HTML
279 lines
13 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>
|
||
<div class="flex-nav">
|
||
<a class=" navbar-brand 123 img-responsive visible-xs" href="Blog-menu.html"><img src="img/arrow-back-white.svg"></a>
|
||
<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>
|
||
|
||
<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="http://www.saburly.com#second" class="nav-link">ABOUT</a></li>
|
||
<li class="test"><a href="http://www.saburly.com#work" class="nav-link">WORK</a></li>
|
||
<li class="test"><a href="http://www.saburly.com#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="http://www.saburly.com#contact" class="nav-link"><i class="material-icons"></i></a></li>
|
||
<li class="visible-xs"><a href="http://www.saburly.com#contact" class="nav-link">CONTACT</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<!-- Start blog image -->
|
||
<section>
|
||
<div>
|
||
<div class="banner container">
|
||
<a href="Blog-menu.html"><img class="arrow-back"src="img/arrow-back.svg"></a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- End blog image -->
|
||
|
||
<!-- Start blog title -->
|
||
<section>
|
||
<div class="blog-container ">
|
||
<div class="row">
|
||
<div class="blog-intro space20">
|
||
<h2 class="med-title text-center">Some cool title</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex-center space20">
|
||
<p class="details2 text-center" style="padding-right: 20px;">Senad Uka</p>
|
||
<p class="details2 text-center">17 October</p>
|
||
</div>
|
||
|
||
<div class="flex-center space20">
|
||
<img class="social-icons" src="img/facebook.svg">
|
||
<img class="social-icons" src="img/linkedin.svg">
|
||
<img class="social-icons" src="img/twitter-logo.svg">
|
||
<img class="social-icons" src="img/ic_share.svg">
|
||
</div>
|
||
<p class="tag-line text-center space20">Curabitur vitae feugiat nibh. In leo erat, blandit non scelerisque a, pretium in massa. Praesent vel nibh tincidunt, faucibus mi sed, sodales dolor.</p>
|
||
</div>
|
||
</section>
|
||
<!-- End blog title -->
|
||
<section>
|
||
<div class="blog-container space20">
|
||
<div class="flex-center text-left">
|
||
<p class="details2">The $79 iWork ’08
|
||
appears to be a good deal for anyone needing an affordable office suite for the Mac.
|
||
Apple has finally added a spreadsheet application. At first glance, Numbers is an elegant
|
||
no-brainer for anyone migrating from Microsoft Excel. In the past, many Mac aficionados bought
|
||
Microsoft Excel because iWork lacked a spreadsheet application.</p>
|
||
|
||
</div>
|
||
|
||
<div class="flex-center text-left space10">
|
||
<p class="details2">The $79 iWork ’08
|
||
appears to be a good deal for anyone needing an affordable office suite for the Mac.
|
||
Apple has finally added a spreadsheet application. At first glance, Numbers is an elegant
|
||
no-brainer for anyone migrating from Microsoft Excel. In the past, many Mac aficionados bought
|
||
Microsoft Excel because iWork lacked a spreadsheet application.</p>
|
||
|
||
</div>
|
||
<div>
|
||
<img class="img-within-text" src="img/blog-img-3.png">
|
||
|
||
</div>
|
||
<div class="flex-center text-left space10">
|
||
<p class="details2">The $79 iWork ’08
|
||
appears to be a good deal for anyone needing an affordable office suite for the Mac.
|
||
Apple has finally added a spreadsheet application. At first glance, Numbers is an elegant
|
||
no-brainer for anyone migrating from Microsoft Excel. In the past, many Mac aficionados bought
|
||
Microsoft Excel because iWork lacked a spreadsheet application.</p>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="blog-container-line highlight-line space20">
|
||
<div class= "flex-center text-left">
|
||
<p class="highlighted-text">However, with the addition of Numbers and the release of Microsoft’s
|
||
Office for Mac 2008 delayed until January, Mac users may stick to Apple’s less expensive option.
|
||
We’re also happy that Mac hasn’t changed its file formats as Microsoft did with Office 2007. We like
|
||
the sparse interfaces throughout the iWork package.</p>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="blog-container space20">
|
||
<div class="flex-center text-left space10">
|
||
<p class="details2">The $79 iWork ’08
|
||
appears to be a good deal for anyone needing an affordable office suite for the Mac.
|
||
Apple has finally added a spreadsheet application. At first glance, Numbers is an elegant
|
||
no-brainer for anyone migrating from Microsoft Excel. In the past, many Mac aficionados bought
|
||
Microsoft Excel because iWork lacked a spreadsheet application.</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
<!-- Start Hire us -->
|
||
<section class="hire-us-section space40 id="scene"">
|
||
<div class="container blog-container ">
|
||
<p class="hire-us-text text-center space20">Besides writing interesting blog posts - we also implement boring and not so boring software - so if you need something, feel free to
|
||
<br><a class="hire-us-link" href="http://www.saburly.com#contact">HIRE US!</a></br></p>
|
||
<div class="hire-us-arrows">
|
||
<img class="arrow animated hire-us" src="img/hire-us-arrow1.svg">
|
||
<!--<img class="arrow animated bounce" style="padding-left: 20px" src="img/hire-us-arrow2.svg">
|
||
<img class="arrow animated bounce" style="padding-left: 20px" src="img/hire-us-arrow3.svg">
|
||
-->
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- End Hire us -->
|
||
|
||
<!-- Start You might also like -->
|
||
<section class="tabcontainer">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="blog-intro space40">
|
||
<h2 class="sub-title text-center">You might also like...</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="row space40">
|
||
<a href="Blog.html">
|
||
<div class="col-md-4 col-sm-4 col-sm-4 text-center space20">
|
||
<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="blogtitle-sm text-center">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-4 col-sm-4 col-sm-4 text-center space20">
|
||
<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="blogtitle-sm text-center">Some text or title</h4>
|
||
<p class="hint text-center">17 December</p>
|
||
<p class="hint text-center">Edin Dazdarevic</p>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="Blog.html">
|
||
<div class="col-md-4 col-sm-4 col-sm-4 text-center space20">
|
||
<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="blogtitle-sm text-center">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>
|
||
<!-- End You might also like -->
|
||
|
||
|
||
|
||
<!-- 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');
|
||
|
||
|
||
function isScrolledIntoView(elem) {
|
||
var docViewTop = $(window).scrollTop();
|
||
var docViewBottom = docViewTop + $(window).height();
|
||
|
||
var elemTop = $(elem).offset().top;
|
||
var elemBottom = elemTop + $(elem).height();
|
||
|
||
return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
|
||
}
|
||
$(window).scroll(allInView);
|
||
</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>
|
||
|
||
|
||
|
||
|
||
</body>
|
||
</html> |