<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="description" content="Square Blogs - Your personal space">
<meta name="keywords" content="agency, bootstrap, business, corporate, creative, minimal, modern, onepage, personal, portfolio, html5, responsive">
<meta name="author" content="Square Blogs">
<title>Square Blogs</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700%7cUbuntu:400,700" rel="stylesheet">
<link rel="stylesheet" href="/assets/css/bootstrap.css">
<link rel="stylesheet" href="/assets/css/fonts-icons.css">
<link rel="stylesheet" href="/assets/css/plugin-resets.css">
<link rel="stylesheet" href="/assets/style.css">
<link rel="stylesheet" href="/assets/css/responsive.css">
<link rel="stylesheet" href="/assets/css/color.css">
</head>
<body>
<div id="wrapper">
<div class="loader-container" id="loader">
<div class="holder">
<div class="la-line-scale la-2x">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<header id="header" class="dark-bg" data-scroll-index="0">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4">
<div class="logo pull-left">
<a href="/">
</a>
</div>
<a href="#" class="nav-opener pull-right"><i class="fa fa-bars" aria-hidden="true"></i></a>
</div>
<div class="col-xs-12 col-sm-8">
<ul class="list-inline text-right top-list">
<li>
<i class="fa fa-envelope main-color"></i>
<strong>Contact us:</strong>
<a href="/cdn-cgi/l/email-protection#197a76776d787a6d596a686c786b7c7b75767e6a37777c6d"><span class="__cf_email__" data-cfemail="b6d5d9d8c2d7d5c2f6c5c7c3d7c4d3d4dad9d1c598d8d3c2">[email protected]</span></a>
</li>
<li>
<i class="fa fa-phone main-color"></i>
<strong>Call us:</strong>
<a href="tel:+651093535252">+651093535252</a>
</li>
</ul>
</div>
</div>
</div>
<nav id="nav">
<div class="container">
<div class="row">
<div class="col-xs-12">
<ul class="nav-list list-inline">
<li><a href="#" data-scroll-nav="0" class="smooth">Home</a></li>
<li><a href="#" data-scroll-nav="2" class="smooth">About Us</a></li>
<li><a href="#" data-scroll-nav="3" class="smooth">Features</a></li>
<li><a href="/cdn-cgi/l/email-protection#bfdcd0d1cbdedccbffcccecadecddaddd3d0d8cc91d1dacb">Contact Us</a></li>
<li class="button"><a href="/login" class="btn btn-default main-bg-color text-uppercase smooth" data-scroll-nav="1">Join Us</a></li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<main id="main">
<section class="bg-img-full main-banner bg-img-parallax" style="background-image: url(/assets/images/img04.jpg);" data-scroll-index="0">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-7">
<span class="title">Square Blogs - Your personal space</span>
<h1 class="heading text-uppercase">Let’s get started with <span class="main-color">Square Blogs</span></h1>
<span class="divider white"></span>
<div class="btn-holder">
<a href="/signup" class="btn btn-default main-bg-color text-uppercase" data-scroll-nav="2">Explore More</a>
</div>
</div>
</div>
</div>
</section>
<section class="about-section pad-top-lg pad-bottom-sm" data-scroll-index="2">
<div class="container">
<header class="main-heading row">
<div class="col-xs-12 col-sm-10 col-sm-push-1 col-lg-8 col-lg-push-2 text-center">
<h2 class="heading text-uppercase"><span class="main-color">about</span> Square Blogs</h2>
<span class="divider center"></span>
<p>With Square Blogs, we strive to provide you the best personal blog. Simple but still effective</p>
</div>
</header>
</div>
</section>
<div class="counter-section text-center bg-img-full pad-top-lg pad-bottom-lg" style="background-image: url(/assets/images/img04.jpg);" data-scroll-index="2">
<div class="container pad-top-xs">
<div class="row">
<div class="co-xs-12 col-sm-4 pad-bottom-xs">
<span class="counter main-color">2460</span>
<span class="txt text-uppercase">ideas</span>
</div>
<div class="co-xs-12 col-sm-4 pad-bottom-xs">
<span class="counter main-color">300</span>
<span class="txt text-uppercase">human</span>
</div>
<div class="co-xs-12 col-sm-4 pad-bottom-xs">
<span class="counter main-color">56</span>
<span class="txt text-uppercase">themes</span>
</div>
</div>
</div>
</div>
</div>
<section class="services-section pad-top-lg pad-bottom-sm" data-scroll-index="3">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6 col-md-push-6 pad-bottom-sm">
<div class="txt-box">
<header class="main-heading">
<h2 class="heading text-uppercase"><span class="main-color">our Great</span> features</h2>
<span class="divider"></span>
<p>At Square Blogs we strive to bring our users the best features for them to express their ideas freely</p>
</header>
<ul class="list list-unstyled">
<li><i class="fa fa-caret-right main-color" aria-hidden="true"></i>Responsive Design</li>
<li><i class="fa fa-caret-right main-color" aria-hidden="true"></i>Great Support</li>
<li><i class="fa fa-caret-right main-color" aria-hidden="true"></i>Look great on any devices</li>
<li><i class="fa fa-caret-right main-color" aria-hidden="true"></i>Simple</li>
<li><i class="fa fa-caret-right main-color" aria-hidden="true"></i>Fresh Design</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-md-6 col-md-pull-6 pad-bottom-sm">
<ul class="services-box list-unstyled text-center" style="background-image: url(/assets/images/img04.jpg);">
<li>
<div class="over">
<span class="icomoon icon-document main-color"></span>
<span class="title text-uppercase main-color">Awesome Design</span>
<span class="divider white center"></span>
<p>A lot of themes to choose from and constantly updated</p>
</div>
</li>
<li>
<div class="over">
<span class="icomoon icon-mobile main-color"></span>
<span class="title text-uppercase main-color">Responsive Layout</span>
<span class="divider white center"></span>
<p>Your blogs look great on every device</p>
</div>
</li>
<li>
<div class="over">
<span class="icomoon icon-layers main-color"></span>
<span class="title text-uppercase main-color">Easy to Customize</span>
<span class="divider white center"></span>
<p>You can even update your custom themes so customize your own blogs</p>
</div>
</li>
<li>
<div class="over">
<span class="icomoon icon-gears main-color"></span>
<span class="title text-uppercase main-color">Great support</span>
<span class="divider white center"></span>
<p>We constantly improve and upgrade the service based on contributions of yours</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="bg-img-full bg-img-parallax quote-section pad-top-lg pad-bottom-lg" style="background-image: url(/assets/images/img04.jpg);">
<div class="container">
<div class="row">
<div class="col-cs-12 col-sm-10 col-lg-8 col-sm-push-1 col-lg-push-2 text-center">
<span class="subtitle">Square Blogs - Your personal space</span>
<h2 class="main-color text-uppercase">Get started with your free blog today</h2>
<span class="divider white center"></span>
<p>Square Blogs is simple, effective and powerful. Why don't get started to day right here. Click on the big blue button below</p>
<a href="/login" class="btn btn-default main-bg-color text-uppercase smooth" data-scroll-nav="1">Join us</a>
</div>
</div>
</div>
</section>
</main>
<footer id="footer" class="dark-bg pad-top-xs pad-bottom-xs">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4">
<div class="logo pull-left">
<a href="/">
</a>
</div>
</div>
<div class="col-xs-12 col-sm-8">
<ul class="list-inline text-right top-list">
<li>
<i class="fa fa-envelope main-color"></i>
<strong>Contact US :</strong>
<a href="/cdn-cgi/l/email-protection#c5a6aaabb1a4a6b185b6b4b0a4b7a0a7a9aaa2b6ebaba0b1"><span class="__cf_email__" data-cfemail="34575b5a405557407447454155465156585b53471a5a5140">[email protected]</span></a>
</li>
<li>
<i class="fa fa-phone main-color"></i>
<strong>Call Us :</strong>
<a href="tel:+651093535252">+651093535252</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 bottom">
<p>2016 - 2019 © Square Blogs. All rights reserved.</p>
</div>
<div class="col-xs-12 col-sm-6 bottom">
<ul class="list-inline text-right mt-social">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-behance"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<span id="back-top" class="fa fa-angle-up main-bg-color"></span>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/assets/js/jquery.js"></script>
<script src="/assets/js/plugins.js" defer></script>
<script src="/assets/js/jquery.main.js" defer></script>
</body>
</html>