<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="True" name="HandheldFriendly">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="Square Blogs - Your personal space" name="description">
<meta content="agency, bootstrap, business, corporate, creative, minimal, modern, onepage, personal, portfolio, html5, responsive" name="keywords">
<meta content="Square Blogs" name="author">
<title>
Square Blogs
</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700%7cUbuntu:400,700" rel="stylesheet">
<link href="/assets/css/bootstrap.css" rel="stylesheet">
<link href="/assets/css/fonts-icons.css" rel="stylesheet">
<link href="/assets/css/plugin-resets.css" rel="stylesheet">
<link href="/assets/style.css" rel="stylesheet">
<link href="/assets/css/responsive.css" rel="stylesheet">
<link href="/assets/css/color.css" rel="stylesheet">
</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 class="dark-bg" data-scroll-index="0" id="header">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4">
<div class="logo pull-left">
<a href="/">
</a>
</div>
<a class="nav-opener pull-right" href="#">
<i aria-hidden="true" class="fa fa-bars">
</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#dab9b5b4aebbb9ae9aa9abafbba8bfb8b6b5bda9f4b4bfae">
<span class="__cf_email__" data-cfemail="a3c0cccdd7c2c0d7e3d0d2d6c2d1c6c1cfccc4d08dcdc6d7">
[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 class="smooth" data-scroll-nav="0" href="#">
Home
</a>
</li>
<li>
<a class="smooth" data-scroll-nav="2" href="#">
About Us
</a>
</li>
<li>
<a class="smooth" data-scroll-nav="3" href="#">
Features
</a>
</li>
<li>
<a href="/cdn-cgi/l/email-protection#8deee2e3f9eceef9cdfefcf8ecffe8efe1e2eafea3e3e8f9">
Contact Us
</a>
</li>
<li class="button">
<a class="btn btn-default main-bg-color text-uppercase smooth" data-scroll-nav="1" href="/login">
Join Us
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<main id="main">
<section class="bg-img-full main-banner bg-img-parallax" data-scroll-index="0" style="background-image: url(/assets/images/img04.jpg);">
<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 class="btn btn-default main-bg-color text-uppercase" data-scroll-nav="2" href="/signup">
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" data-scroll-index="2" style="background-image: url(/assets/images/img04.jpg);">
<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>
</main>
</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 aria-hidden="true" class="fa fa-caret-right main-color">
</i>
Responsive Design
</li>
<li>
<i aria-hidden="true" class="fa fa-caret-right main-color">
</i>
Great Support
</li>
<li>
<i aria-hidden="true" class="fa fa-caret-right main-color">
</i>
Look great on any devices
</li>
<li>
<i aria-hidden="true" class="fa fa-caret-right main-color">
</i>
Simple
</li>
<li>
<i aria-hidden="true" class="fa fa-caret-right main-color">
</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 class="btn btn-default main-bg-color text-uppercase smooth" data-scroll-nav="1" href="/login">
Join us
</a>
</div>
</div>
</div>
</section>
<footer class="dark-bg pad-top-xs pad-bottom-xs" id="footer">
<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#ec8f8382988d8f98ac9f9d998d9e898e80838b9fc2828998">
<span class="__cf_email__" data-cfemail="5a3935342e3b392e1a292b2f3b283f3836353d2974343f2e">
[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 class="fa fa-angle-up main-bg-color" id="back-top">
</span>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js">
</script>
<script src="/assets/js/jquery.js">
</script>
<script defer="" src="/assets/js/plugins.js">
</script>
<script defer="" src="/assets/js/jquery.main.js">
</script>
</body>
</html>