Файл: CLOUDME-HTML-RTL-SUPPORT/blog.html
Строк: 334
<?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>THE LATEST CLOUDME NEWS</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">
<h2><a href="">Asymmetrical locavore tote bag</a></h2>
<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>
<a href="#" class="small radius button">read more</a>
<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>
</div>
<!-- POST END -->
<div class="spacing-top-50"></div>
<!-- POST START -->
<div class="entry">
<h2><a href="">Quinoa Tonx Chillwave</a></h2>
<p>Nulla facilisi. Mauris luctus enim arcu, a dapibus erat aliquet nec. Mauris vel tempus neque, vel pharetra nisi. Donec blandit nibh vel metus accumsan consequat. Nam ligula lectus, elementum eu tortor vel, auctor cursus mi. Sed sagittis enim hendrerit neque venenatis porta. Phasellus ac imperdiet orci. Vestibulum sit amet turpis malesuada, dapibus tellus in, dignissim orci. Maecenas ut dignissim arcu. Ut at suscipit elit. Nunc cursus hendrerit dolor. Mauris vitae neque vitae quam placerat auctor quis non mi. Nunc eu rhoncus lorem. Suspendisse vitae eros aliquet, fermentum diam convallis, blandit risus. Aliquam eu mollis urna, sed volutpat nisl. Etiam at odio eu purus luctus.</p>
<a href="#" class="small radius button">read more</a>
<div class="meta">16th of August 2014, Written by <a href="">Pola Hella</a> <i class="fa fa-comment-o"></i><a href="">12 comments</a></div>
</div>
<!-- POST END -->
<div class="spacing-top-50"></div>
<!-- POST START -->
<div class="entry">
<h2><a href="">Pork Belly</a></h2>
<div class="flex-video widescreen vimeo">
<iframe src="http://player.vimeo.com/video/29581682?color=fa420f" width="500" height="281"></iframe>
</div>
<p>Apparel qui. Reprehenderit squid kogi quinoa chambray 90's, whatever try-hard plaid Bushwick sint nihil. Portland squid photo booth direct trade four loko Vice vegan you probably haven't heard of them fashion axe. Bitters XOXO irony keytar slow-carb asymmetrical, culpa assumenda deserunt delectus. Biodiesel voluptate raw denim, Tonx deserunt mumblecore Cosby sweater cardigan fugiat umami assumenda bitters messenger bag. Enim gentrify trust fund, actually fanny pack next level umami artisan.</p>
<a href="#" class="small radius button">read more</a>
<div class="meta">5th of August 2014, Written by <a href="">Stephen Leggings</a> <i class="fa fa-comment-o"></i><a href="">20 comments</a></div>
</div>
<!-- POST END -->
<div class="spacing-top-50"></div>
<!-- POST START -->
<div class="entry">
<h2><a href="">In Cardigan Truffaut Shabby</a></h2>
<div id="blogslider" class="owl-carousel owl-theme">
<div class="item"><img src="images/blog2.jpg" alt=""></div>
<div class="item"><img src="images/blog3.jpg" alt=""></div>
<div class="item"><img src="images/blog4.jpg" alt=""></div>
</div>
<p>Apparel qui. Reprehenderit squid kogi quinoa chambray 90's, whatever try-hard plaid Bushwick sint nihil. Portland squid photo booth direct trade four loko Vice vegan you probably haven't heard of them fashion axe. Bitters XOXO irony keytar slow-carb asymmetrical, culpa assumenda deserunt delectus. Biodiesel voluptate raw denim, Tonx deserunt mumblecore Cosby sweater cardigan fugiat umami assumenda bitters messenger bag. Enim gentrify trust fund, actually fanny pack next level umami artisan.</p>
<a href="#" class="small radius button">read more</a>
<div class="meta">5th of August 2014, Written by <a href="">Stephen Leggings</a> <i class="fa fa-comment-o"></i><a href="">20 comments</a></div>
</div>
<!-- POST END -->
<!-- PAGINATION -->
<ul class="pagination">
<li class="arrow unavailable"><a href="">«</a></li>
<li class="current"><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li class="unavailable"><a href="">…</a></li>
<li><a href="">12</a></li>
<li><a href="">13</a></li>
<li class="arrow"><a href="">»</a></li>
</ul>
<!-- END OF PAGINATION -->
</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>
?>