Файл: CLOUDME-HTML-RTL-SUPPORT/blog-single.html
Строк: 345
<?php
<!doctype html>
<html class="no-js" dir="rtl" lang="ar">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Blog - CloudMe - Responsive Web Hosting HTML Template</title>
<link rel="shortcut icon" href="images/icons/favicon.png" />
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/animate.min.css" />
<link rel="stylesheet" href="css/morphext.css" />
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.transitions.css">
<link rel="stylesheet" href="css/slicknav.css">
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- HEADER -->
<header class="alt-2">
<div class="top">
<div class="row">
<div class="small-12 large-3 medium-3 columns">
<div class="logo">
<a href="index.html" title=""><img src="images/logo.png" alt="" title=""/></a>
</div>
</div>
<div class="small-12 large-9 medium-9 columns">
<!-- NAVIGATION MENU AREA -->
<nav class="desktop-menu">
<ul class="sf-menu" id="navigation">
<li><a href="index.html">HOME</a>
<ul>
<li><a href="index-video.html">HOME VIDEO HEADER</a></li>
<li><a href="index-slider.html">HOME SLIDER</a></li>
</ul>
</li>
<li><a href="#">HOSTING</a>
<ul>
<li><a href="shared.html">SHARED HOSTING</a></li>
<li><a href="vps.html">CLOUD VPS</a></li>
<li><a href="servers.html">DEDICATED SERVERS</a></li>
</ul>
</li>
<li><a href="domains.html">DOMAINS</a></li>
<li><a href="#">PAGES</a>
<ul>
<li><a href="order-slider.html">ORDER SLIDER</a></li>
<li><a href="about-us.html">ABOUT US</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="datacenter.html">DATACENTERS</a></li>
<li><a href="support.html">SUPPORT</a></li>
<li><a href="login.html">LOGIN</a></li>
<li><a href="testimonials.html">TESTIMONIALS</a></li>
<li><a href="typography.html">TYPOGRAPHY</a></li>
<li><a href="index-sticky-top.html">STICKY HEADER</a></li>
</ul>
</li>
<li class="current-menu-item"><a href="blog.html">BLOG</a>
<ul>
<li><a href="blog.html">CATEGORY</a></li>
<li><a href="blog-single.html">SINGLE POST</a></li>
</ul>
</li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
<!-- END OF NAVIGATION MENU AREA -->
</div>
</div>
</div>
<!-- MESSAGES ABOVE HEADER IMAGE -->
<div class="message">
<div class="row">
<div class="small-12 columns">
<div class="message-intro">
<span class="message-line"></span>
<p>Blog</p>
<span class="message-line"></span>
</div>
<h1>ASYMMETRICAL LOCAVORE TOTE BAG</h1>
</div>
</div>
</div>
<!-- END OF MESSAGES ABOVE HEADER IMAGE -->
</header>
<!-- END OF HEADER -->
<!-- BLOG CONTENT -->
<div class="sectionarea blog">
<div class="row">
<div class="small-12 large-9 medium-9 columns">
<!-- POST START -->
<div class="entry">
<div class="meta">12th of August 2014, Written by <a href="">Stephen Leggings</a> <i class="fa fa-comment-o"></i><a href="">3 comments</a></div>
<img src="images/blog1.jpg" alt=""/>
<p>Freegan twee VHS, Carles iPhone chia Thundercats Godard meh photo booth gluten-free chambray. Brooklyn paleo distillery gluten-free. Selvage Thundercats Etsy post-ironic Echo Park vinyl. Wes Anderson before they sold out YOLO, leggings cardigan literally salvia master cleanse beard you probably haven't heard of them letterpress. Wolf High Life Banksy actually, salvia readymade cardigan farm-to-table mixtape. Portland selfies hashtag, hella tote bag scenester disrupt lo-fi artisan bespoke Neutra. Aesthetic slow-carb cardigan master cleanse polaroid hashtag.</p>
<p>Synth qui locavore, paleo Intelligentsia wolf fugiat bicycle rights whatever kale chips vegan Shoreditch drinking vinegar skateboard. Mollit aliqua deserunt, squid bespoke normcore Marfa American Apparel tattooed occaecat duis. Banjo assumenda flexitarian Thundercats. Farm-to-table Truffaut delectus reprehenderit readymade. Cornhole pork belly ugh, wolf mlkshk enim occaecat pug jean shorts street art meggings church-key. PBR artisan placeat, Shoreditch you probably haven't heard of them vegan next level post-ironic fap selvage put a bird on it. Id voluptate do in dolor, nesciunt quis.</p>
<p>VHS photo booth ut dreamcatcher. Nostrud non actually Blue Bottle butcher ad. Tumblr pork belly readymade Echo Park chillwave blog eiusmod. Brunch cardigan irony, mlkshk ugh mumblecore food truck next level nesciunt leggings fap. Asymmetrical locavore eu id commodo, aesthetic tempor banjo dolor. Food truck gastropub art party, literally fugiat fanny pack letterpress church-key. Slow-carb yr Truffaut master cleanse fugiat.</p>
<p>Oh. You need a little dummy text for your mockup? How quaint.</p>
<p>I bet you’re still using Bootstrap too…</p>
</div>
<!-- POST END -->
<!-- SHARE -->
<div class="single-section-container"><h6 class="single-section-title"><span class="single-section-text">Share</span></h6></div>
<div class="sharing-buttons">
<ul>
<li><a href="#" title="facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" title="twitter" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" title="pinterest" target="_blank"><i class="fa fa-pinterest"></i></a></li>
<li><a href="#" title="googleplus" target="_blank"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#" title="linkedin" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" title="stumbleupon" target="_blank"><i class="fa fa-stumbleupon"></i></a></li>
<li><a href="#" title="digg" target="_blank"><i class="fa fa-digg"></i></a></li>
</ul>
</div>
<!-- END OF SHARE -->
<!-- AUTHOR BOX -->
<div class="author-wrap">
<div class="row">
<div class="small-12 large-2 medium-3 columns">
<div class="author-gravatar"><img src="images/gravatar.png" alt=""/></div>
</div>
<div class="small-12 large-10 medium-9 columns">
<div class="author-info">
<div class="author author-title"><h6>audemedia</h6></div>
<div class="author-description"><p> Brunch cardigan irony, mlkshk ugh mumblecore food truck next level nesciunt leggings fap. Asymmetrical locavore eu id commodo, aesthetic tempor banjo dolor. Food truck gastropub art party. Slow-carb yr Truffaut master cleanse fugiat.</p></div>
</div>
</div>
</div>
</div>
<!-- END OF AUTHOR BOX -->
<!-- COMMENTS -->
<div class="commentsform">
<div id="addcomments">
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">Leave a Reply</h3>
<form action="blog_single.html" method="post" id="commentform" class="comment-form" novalidate>
<p class="comment-notes">Your email address will not be published. Required fields are marked <span class="required">*</span></p>
<p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" aria-required='true' /></p>
<p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" aria-required='true' /></p>
<p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" /></p>
<p class="comment-form-comment"><label for="comment">Comment</label> <textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" value="Post Comment" /></p>
</form>
</div>
</div>
</div>
<!-- END OF COMMENTS -->
</div>
<div class="small-12 large-3 medium-3 columns">
<!-- SIDEBAR -->
<div class="sidebar">
<div class="widget">
<h4 class="widget_title"><span>Categories</span></h4>
<ul>
<li><a href="" title="">Managed Hosting</a></li>
<li><a href="" title="">Dedicated Servers</a></li>
<li><a href="" title="">Marketing</a></li>
<li><a href="" title="">Customer Service</a></li>
<li><a href="" title="">Infrastructure</a></li>
<li><a href="" title="">Announcements</a></li>
<li><a href="" title="">Server Performance</a></li>
</ul>
</div>
<div class="widget">
<h4 class="widget_title"><span>Search</span></h4>
<form method="get" id="searchform" action="blog_category.html">
<div class="row collapse">
<div class="small-11 large-11 medium-11 columns">
<input type="text" name="s" id="s" value="">
</div>
<div class="small-1 large-1 medium-1 columns">
<button type="submit" class="button tiny"><i class="fa fa-search"></i></button>
</div>
</div>
</form>
</div>
<div class="widget">
<h4 class="widget_title"><span>ADVERTISEMENT</span></h4>
<div class="textwidget">
<a href="http://themeforest.net/?ref=audemedia" target="_blank"><img src="images/tf_300x250_v5.gif" alt="ad banner"/></a>
</div>
</div>
<div class="widget">
<h4 class="widget_title"><span>TAGS</span></h4>
<div class="tagcloud">
<a href="">web servers</a>
<a href="">windows</a>
<a href="">unix</a>
<a href="">server solutions</a>
<a href="">colocation</a>
<a href="">data centers</a>
<a href="">server hardware</a>
<a href="">bandwidth</a>
<a href="">web hosting</a>
<a href="">cloud hosting</a>
<a href="">internet</a>
<a href="">game-servers</a>
</div>
</div>
<!-- END OF SIDEBAR -->
</div>
</div>
</div>
</div>
<!-- END OF CONTENT -->
<!-- FOOTER -->
<footer>
<div class="row">
<div class="small-12 columns">
<div class="contacts">
<div class="row">
<div class="small-12 large-3 medium-3 columns">
<i class="fa fa-map-marker"></i>
PORTLAND, OR, USA
</div>
<div class="small-12 large-3 medium-3 columns">
<i class="fa fa-mobile"></i>
+1 299-670-9615
</div>
<div class="small-12 large-3 medium-3 columns">
<a href=""><i class="fa fa-comments"></i></a>
LIVE CHAT
</div>
<div class="small-12 large-3 medium-3 columns">
<a href=""><i class="fa fa-envelope-o"></i></a>
E-MAIL US
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<div class="footerlinks">
<div class="small-12 large-3 medium-3 columns border-right">
<h2>Hosting Services</h2>
<ul>
<li><a href="shared.html">Shared Hosting</a></li>
<li><a href="vps.html">Managed VPS</a></li>
<li><a href="servers.html">Dedicated Services</a></li>
<li><a href="">Become a Reseller</a></li>
<li><a href="">Special Offers</a></li>
</ul>
</div>
<div class="small-12 large-3 medium-3 columns border-right">
<h2>Company</h2>
<ul>
<li><a href="">About us</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Terms of Service</a></li>
<li><a href="">Acceptable Use Policy</a></li>
<li><a href="">Affiliates</a></li>
</ul>
</div>
<div class="small-12 large-3 medium-3 columns border-right">
<h2>Add-on Services</h2>
<ul>
<li><a href="">SSL Certificates</a></li>
<li><a href="">Dedicated IPs</a></li>
<li><a href="">Control Panel Licenses</a></li>
<li><a href="">WHMCS License</a></li>
<li><a href="">Migrations / Transfers</a></li>
</ul>
</div>
<div class="small-12 large-3 medium-3 columns">
<h2>CloudMe Newsletter</h2>
<p>Sign up for special offers:</p>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="//audemedia.us7.list-manage.com/subscribe/post?u=b5638e105dac814ad84960d90&id=9345afa0aa" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; right: -5000px;"><input type="text" name="b_b5638e105dac814ad84960d90_9345afa0aa" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
</div>
<!--End mc_embed_signup-->
</div>
</div>
</div>
<!--SOCIAL LINKS -->
<div class="social">
<div class="row">
<div class="small-12 columns">
<ul class="small-block-grid-1 large-block-grid-5 medium-block-grid-5">
<li class="facebook"><a href="">FACEBOOK</a></li>
<li class="twitter"><a href="">TWITTER</a></li>
<li class="googleplus"><a href="">GOOGLE+</a></li>
<li class="linkedin"><a href="">LINKEDIN</a></li>
<li class="pinterest"><a href="">PINTEREST</a></li>
</ul>
</div>
</div>
</div>
<!-- END OF SOCIAL LINKS -->
<p class="copyright">© Copyright CloudMe, all rights reserved. </p>
</footer>
<!-- END OF FOOTER -->
<a href="#top" id="back-to-top"><i class="fa fa-angle-up"></i></a>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.min.js"></script>
<script src="js/foundation.min.js"></script>
<script src="js/vendor/hoverIntent.js"></script>
<script src="js/vendor/superfish.min.js"></script>
<script src="js/vendor/morphext.min.js"></script>
<script src="js/vendor/wow.min.js"></script>
<script src="js/vendor/jquery.slicknav.min.js"></script>
<script src="js/vendor/waypoints.min.js"></script>
<script src="js/vendor/jquery.animateNumber.min.js"></script>
<script src="js/vendor/owl.carousel.min.js"></script>
<script src="js/vendor/retina.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
?>