<!DOCTYPE html>
<html lang="en">

<head>
		<meta charset="UTF-8">
		<!-- For IE -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">

		<!-- For Resposive Device -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="Creat professional blogs with simple clicks.">
		<meta name="keywords" content="blog,markdown,wordpress,evernote,free,simple">

		<title>BLOG.CD - Creat professional blogs with simple clicks.</title>

		<!-- Favicon -->
		<link rel="icon" type="image/png" sizes="56x56" href="/static/images/fav-icon/icon.png">


		<!-- Main style sheet -->
		<link rel="stylesheet" type="text/css" href="/static/css/style.css">
		<!-- responsive style sheet -->
		<link rel="stylesheet" type="text/css" href="/static/css/responsive.css">


		<!-- Fix Internet Explorer ______________________________________-->

		<!--[if lt IE 9]>
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
			<script src="/static/vendor/html5shiv.js"></script>
			<script src="/static/vendor/respond.js"></script>
		<![endif]-->

	</head>

	<body>
		<div class="main-page-wrapper">

			<!-- ===================================================
				Loading Transition
			==================================================== -->
			<div id="loader-wrapper">
				<div id="loader"></div>
			</div>


			<!--
			=============================================
				Theme Header
			==============================================
			-->
			<header class="theme-menu-two">

				<div class="main-header">
					<div class="container">
						<!-- Logo -->
						<div class="logo float-left"><a href="/"><img src="/static/images/logo/bcd_logo_beta.png" style="width:266px;height:48px;" alt="Logo"></a></div>

						<div class="right-content float-right">
				   			<button class="search b-p-bg-color" id="search-button"><i class="flaticon-search"></i></button>
				   			<!-- <button class="cart"><i class="flaticon-cart"></i> <span>0</span></button> -->
				   			<div class="search-box tran5s" id="searchWrapper">
				   				<button id="close-button" class="p-color"><i class="flaticon-close"></i></button>
				   				<div class="container">
				   					<img src="/static/images/logo/logo.png" alt="Logo">
				   					<form action="#">
				   						<input type="text" placeholder="Search....">
				   						<button class="p-bg-color"><i class="fa fa-search" aria-hidden="true"></i></button>
				   					</form>
				   				</div>
				   			</div> <!-- /.search-box -->
				   		</div> <!-- /.right-content -->

						<!-- ============== Menu Warpper ================ -->
				   		<div class="menu-wrapper float-right">
				   			<nav id="mega-menu-holder" class="menuzord">
							   <ul class="menuzord-menu">
							      <li class="active"><a href="/">Home</a>
							      </li>
							      <li><a href="#">Login</a></li>
                                  <li><a href="#">Top Posts</a></li>
							      <li><a href="#">Apps</a>
							      	<ul class="dropdown">
							            <li><a href="#">Mac OS</a></li>
							            <li><a href="#">Windows</a></li>
							            <li><a href="#">IOS</a></li>
                                        <li><a href="#">Android</a></li>
							         </ul>
							      </li>
							      <li><a href="#">FAQ</a>
							      	<ul class="dropdown">
							            <li><a href="#">How bind </a></li>
							            <li><a href="#">Project 3 Column</a></li>
							            <li><a href="#">Project Details</a></li>
							            <li><a href="#">Shop Page</a></li>
							            <li><a href="#">Shop Details</a></li>
							            <li><a href="#">Our team</a></li>
							            <li><a href="#">FAQ</a></li>
							            <li><a href="#">404 Page</a></li>
							         </ul>
							      </li>
							      <li><a href="#">Support</a></li>
							   </ul>
							</nav> <!-- /#mega-menu-holder -->
				   		</div> <!-- /.menu-wrapper -->
					</div> <!-- /.container -->
				</div> <!-- /.main-header -->
			</header> <!-- /.theme-menu-two -->



			<!--
			=============================================
				What We Do
			==============================================
			-->
			<section class="what-we-do">
				<div class="container">
					<div class="theme-title text-center" >
						<h2>Professional Blogging with Simplicity</h2>
						<p>Creat professional blogs with simple clicks</p>
					</div> <!-- /.theme-title -->

					<div class="content">
						<div class="row">
							<div class="col-sm-4 col-xs-12">
								<div class="single-block">
									<i class="flaticon-rocket"></i>
									<h5>Unlimited Storage</h5>
									<p>Your idea will never be limited by a storage limit. You can upload any amount of images you want.</p>
									<span>01</span>
								</div>
							</div>
							<div class="col-sm-4 col-xs-12">
								<div class="single-block">
									<i class="flaticon-badge"></i>
									<h5>Premium Plugins &amp; Themes</h5>
									<p>BLOG.CD provide a set of premium wordpress plugins and themes. Zero overhead to start a wonderful blog.</p>
									<span>02</span>
								</div>
							</div>
							<div class="col-sm-4 col-xs-12">
								<div class="single-block">
									<i class="flaticon-user"></i>
									<h5>Binding Your Domains</h5>
									<p>You can easily bind your own domain name in the dashboard, which is one of the exclusive features in BLOG.CD.</p>
									<span>03</span>
								</div>
							</div>
						</div> <!-- /.row -->
					</div> <!-- /.content -->
				</div> <!-- /.container -->
			</section> <!-- /.what-we-do -->



			<!--
			=============================================
				About Bizco
			==============================================
			-->
			<div class="about-bazko" id="about">
				<div class="container">
					<div class="text float-left wow fadeInLeft">
						<div class="theme-title">
							<h2>Why write a blog?</h2>
						</div> <!-- /.theme-title -->
						<p>You have a ton of ideas in everyday life, right? May be some of them are interesting or valuable. So you want to tell your friends your wonderful ideas.</p> <br>
						<p>Why not write a blog to record your good ideas so that more people may be inspired? Do it right now.</p>
						<div class="clearfix author">
							<img src="/static/images/home/5.png" alt="Image" class="float-left round-border">
							<div class="name float-left">
								<h6>Raphael Shu</h6>
								<p>Founder of BLOG.CD</p>
							</div> <!-- /.name -->
							<img src="/static/images/home/sign.png" alt="" class="float-right">
						</div> <!-- /.clearfix -->

					</div> <!-- /.text -->

					<div class="float-left right-content wow fadeInRight">
						<div class="theme-title">
							<h2>FAQ's</h2>
						</div> <!-- /.theme-title -->
						<div class="faq-panel">
							<div class="panel-group theme-accordion" id="accordion">
							  <div class="panel">
							    <div class="panel-heading active-panel">
							      <h6 class="panel-title">
							        <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
							        How to update my blog on my phone?</a>
							      </h6>
							    </div>
							    <div id="collapse1" class="panel-collapse collapse in">
							      <div class="panel-body">
							      	<p>Please see a list of Apps in the top menu and choose your platform.</p>
							      </div>
							    </div>
							  </div> <!-- /panel 1 -->
							  <div class="panel">
							    <div class="panel-heading">
							      <h6 class="panel-title">
							        <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
							        Will BLOG.CD be free forever?</a>
							      </h6>
							    </div>
							    <div id="collapse2" class="panel-collapse collapse">
							      <div class="panel-body">
							      	<p>We want to keep the service free. Thus, if we reach a limit of resource, perhaps we will limit new registrations.</p>
							      </div>
							    </div>
							  </div> <!-- /panel 2 -->
							  <div class="panel">
							    <div class="panel-heading">
							      <h6 class="panel-title">
							        <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">
							        Why choose BLOG.CD?</a>
							      </h6>
							    </div>
							    <div id="collapse3" class="panel-collapse collapse">
							      <div class="panel-body">
							      	<p>You can enjoy some premium features such as Unlimited Storage, which is usually charged in other providers. We encourage you to focus on writing rather than maintaining the blog.</p>
							      </div>
							    </div>
							  </div> <!-- /panel 3 -->
							</div> <!-- end #accordion -->
						</div> <!-- End of .faq-panel -->
					</div> <!-- /.right-content -->
				</div> <!-- /.container -->
<!--
				<div class="counter-number">
	        		<div class="container">
	        			<div class="row">
	        				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
	        					<div class="wrapper">
	        						<div class="number"><span class="timer" data-from="0" data-to="1200" data-speed="1500" data-refresh-interval="5">0</span>+</div>
	        						<p>Complete Projects</p>
	        					</div>
	        				</div>
	        				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
	        					<div class="wrapper">
	        						<div class="number"><span class="timer" data-from="0" data-to="15" data-speed="1500" data-refresh-interval="5">0</span>+</div>
	        						<p>Years Experience</p>
	        					</div>
	        				</div>
	        				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
	        					<div class="wrapper">
	        						<div class="number"><span class="timer" data-from="0" data-to="458" data-speed="1500" data-refresh-interval="5">0</span>+</div>
	        						<p>Expert Worker</p>
	        					</div>
	        				</div>
	        				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
	        					<div class="wrapper">
	        						<div class="number"><span class="timer" data-from="0" data-to="10" data-speed="1500" data-refresh-interval="5">0</span></div>
	        						<p>Award Winner</p>
	        					</div>
	        				</div>
	        			</div>
	        		</div>
	        	</div>  --> <!-- /.counter-number -->
			</div> <!-- /.about-bazko -->



			<!--
			=============================================
				Why Choose US
			==============================================
			-->
			<div class="why-choose-us clearfix">
				<div class="main-bg-content float-right">
					<div class="text float-left">
						<h2>Special Features in BLOG.CD</h2>
						<ul>
							<li>
								<i class="flaticon-charttwo"></i>
								<h5>Accelerated Speed</h5>
								<p>BLOG.CD accelerates the loading speed with a CDN. If you are using your own domain. Please see the FAQ for a tutorial for setting up CDN.</p>
							</li>
							<li>
								<i class="flaticon-bulb"></i>
								<h5>Super Simple Mode</h5>
								<p>Being confused by the complicated wordpress dashboard? In BLOG.CD, you can choose to use a simple dashboard to let you enjoy writing.</p>
							</li>
							<li>
								<i class="flaticon-cup"></i>
								<h5>Promoting your posts</h5>
								<p>High-quality articles in BLOG.CD will get promoted in the top page of BLOG.CD. Thus, more readers will know your stories.</p>
							</li>
						</ul>
					</div> <!-- /.text -->
				</div> <!-- /.main-bg-content -->
			</div> <!-- /.why-choose-us -->







			<!--
			=============================================
				Latest News
			==============================================
			-->
			<div class="latest-news">
				<div class="container">
					<div class="theme-title">
						<h2>Top Posts (Under Construction)</h2>
					</div> <!-- /.theme-title -->

					<div class="row">
						<div class="latest-news-sldier">
							<div class="item">
								<div class="single-news">
									<img src="/static/images/blog/1.jpg" alt="">
									<div class="post">
										<span>Posted 13 Feb, 2016 </span>
										<h4><a href="blog-details.html" class="tran3s">How to become master in online marketing!</a></h4>
										<p>Looking cautiously round, to ascertain that they were not overheard, the two hags were cowered and chuked heartky.</p>
									</div>
								</div> <!-- /.single-news -->
							</div> <!-- /.col- -->
							<div class="item">
								<div class="single-news">
									<img src="/static/images/blog/2.jpg" alt="">
									<div class="post">
										<span>Posted 13 Feb, 2016 </span>
										<h4><a href="blog-details.html" class="tran3s">How to become master in online marketing!</a></h4>
										<p>Looking cautiously round, to ascertain that they were not overheard, the two hags were cowered and chuked heartky.</p>
									</div>
								</div> <!-- /.single-news -->
							</div> <!-- /.col- -->
							<div class="item">
								<div class="single-news">
									<img src="/static/images/blog/3.jpg" alt="">
									<div class="post">
										<span>Posted 13 Feb, 2016 </span>
										<h4><a href="blog-details.html" class="tran3s">How to become master in online marketing!</a></h4>
										<p>Looking cautiously round, to ascertain that they were not overheard, the two hags were cowered and chuked heartky.</p>
									</div>
								</div> <!-- /.single-news -->
							</div> <!-- /.col- -->
						</div> <!-- /.latest-news-sldier -->
					</div> <!-- /.row -->
				</div> <!-- /.container -->
			</div> <!-- /latest-news -->




			<!--
			=============================================
				Bottom Banner
			==============================================
			-->
			<div class="bottom-banner">
				<div class="container">
					<h2 class="float-left">Ready to Create A Blog?</h2>
					<a href="#" class="theme-button subscribe p-bg-color float-right">Login</a>
					<a href="about-us.html" class="theme-button learn float-right">Sign UP</a>
				</div> <!-- /.container -->
			</div> <!-- /.bottom-banner -->



			<!--
			=============================================
				Footer
			==============================================
			-->
			<footer>
				<div class="container">
					<div class="row">
						<div class="col-md-3 col-sm-6">
							<div class="footer-logo">
								<a href="/">BLOG.CD</a>
								<p>Creat professional blogs with simple clicks.</p>
							</div>
						</div>
						<div class="col-md-4 col-sm-6 footer-list">
							<h5>Learn More</h5>
							<ul>
								<li><a href="#" class="tran3s">Bindding domains</a></li>
								<li><a href="#" class="tran3s">Install plugins</a></li>

							</ul>
						</div>
						<!-- <div class="col-lg-3 col-md-2 col-sm-3 footer-list fix">
							<h5>About</h5>
							<ul>
								<li><a href="#" class="tran3s">About Singleton</a></li>
								<li><a href="#" class="tran3s">Jobs</a></li>
								<li><a href="our-team.html" class="tran3s">Team</a></li>
								<li><a href="#" class="tran3s">Testimonials</a></li>
								<li><a href="blog-list.html" class="tran3s">Blog</a></li>
							</ul>
						</div> -->
						<div class="col-lg-4 col-md-5 col-xs-12 follow-us">
							<h5>Follow Us (Not Available Now)</h5>
							<ul>
								<li><a href="#" class="tran3s"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
								<li><a href="#" class="tran3s"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
							</ul>
							<!-- <h5>Subscribe Us</h5>
							<p>This sounded a very good reason, and Alice was quite pleased to know it.</p>
							<form action="#" class="subscribe-form">
								<input type="email" placeholder="Your e-mail">
								<button class="tran3s p-bg-color round-border hvr-icon-wobble-horizontal"><i class="fa fa-angle-right" aria-hidden="true"></i></button>
							</form> -->
						</div>
					</div> <!-- /.row -->

					<div class="bottom-footer clearfix">
						<ul class="float-right">
							<li><h3><span class="timer p-color" data-from="0" data-to="5122" data-speed="1000" data-refresh-interval="5">0</span> Blogs</h3></li>
							<li><h3><span class="timer p-color" data-from="0" data-to="43701" data-speed="1000" data-refresh-interval="5">0</span> Posts</h3></li>=
						</ul>
						<p class="float-left">All Right Reserved 2017 &copy; BLOG.CD</a></p>
					</div> <!-- /.bottom-footer -->
				</div> <!-- /.container -->
			</footer>





	        <!-- Scroll Top Button -->
			<button class="scroll-top tran3s">
				<i class="fa fa-angle-up" aria-hidden="true"></i>
			</button>





		<!-- Js File_________________________________ -->

		<!-- j Query -->
		<script type="text/javascript" src="/static/vendor/jquery.2.2.3.min.js"></script>

		<!-- Bootstrap JS -->
		<script type="text/javascript" src="/static/vendor/bootstrap/bootstrap.min.js"></script>

		<!-- Vendor js _________ -->
		<!-- revolution -->
		<script src="/static/vendor/revolution/jquery.themepunch.tools.min.js"></script>
		<script src="/static/vendor/revolution/jquery.themepunch.revolution.min.js"></script>
		<script type="text/javascript" src="/static/vendor/revolution/revolution.extension.slideanims.min.js"></script>
		<script type="text/javascript" src="/static/vendor/revolution/revolution.extension.layeranimation.min.js"></script>
		<script type="text/javascript" src="/static/vendor/revolution/revolution.extension.navigation.min.js"></script>
		<script type="text/javascript" src="/static/vendor/revolution/revolution.extension.kenburn.min.js"></script>
		<!-- Mega menu  -->
		<script type="text/javascript" src="/static/vendor/Menuzord/js/menuzord.js"></script>
		<!-- Bootstrap Select JS -->
		<script type="text/javascript" src="/static/vendor/bootstrap-select/dist/js/bootstrap-select.js"></script>

		<!-- WOW js -->
		<script type="text/javascript" src="/static/vendor/WOW-master/dist/wow.min.js"></script>
		<!-- owl.carousel -->
		<script type="text/javascript" src="/static/vendor/owl-carousel/owl.carousel.min.js"></script>
		<!-- js count to -->
		<script type="text/javascript" src="/static/vendor/jquery.appear.js"></script>
		<script type="text/javascript" src="/static/vendor/jquery.countTo.js"></script>
		<!-- fancy box -->
		<script type="text/javascript" src="/static/vendor/fancy-box/jquery.fancybox.pack.js"></script>
		<!-- js count to -->
		<script type="text/javascript" src="/static/vendor/jquery.appear.js"></script>
		<script type="text/javascript" src="/static/vendor/jquery.countTo.js"></script>

		<!-- Theme js -->
		<script type="text/javascript" src="/static/js/theme.js"></script>

		</div> <!-- /.main-page-wrapper -->
	</body>


</html>
