Файл: CLOUDME-HTML-RTL-SUPPORT/support.html
Строк: 316
<?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>Support - 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-3">
<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 class="current-menu-item"><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><a href="#">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>Support</p>
<span class="message-line"></span>
</div>
<h1>HOW CAN WE HELP?</h1>
</div>
</div>
</div>
<!-- END OF MESSAGES ABOVE HEADER IMAGE -->
</header>
<!-- END OF HEADER -->
<!-- SUPPORT TIMELINE -->
<div class="support-subheader">
<div class="row">
<div class="small-12 columns">
<h2>WE SUPPORT OUR CUSTOMERS ACROSS CHANNELS</h2>
<p>Stumptown fanny pack ullamco Neutra, Banksy keytar deep v four loko cray proident chillwave. Tote bag Brooklyn Bushwick pour-over. Helvetica shabby chic vegan stumptown. Occaecat yr seitan forage. Typewriter lo-fi sartorial, church-key hella est pickled sustainable master cleanse.</p>
<div class="spacing-top-50"></div>
<!-- 1st ELEMENT -->
<div class="row collapse supportchannels" data-equalizer>
<div class="small-12 large-4 large-offset-1 medium-4 medium-offset-1 columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="timeline-content wow fadeInLeft">
<h3>Traditional Email Support</h3>
<p>Vice Helvetica church-key, chambray retro pickled kitsch put a bird on it quinoa art party Neutra ennui meh drinking vinegar Shoreditch. </p>
<a href="" class="small radius email button">SEND A SUPPORT E-MAIL</a>
</div>
</div>
<div class="large-1 large-offset-1 medium-1 medium-offset-1 hide-for-small line columns" data-equalizer-watch>
<div class="roundimg wow fadeInUp"><img src="images/icons/support_icon_1.png" alt=""/></div>
</div>
<div class="small-12 large-4 large-offset-1 medium-4 medium-offset-1 columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="timeline-content wow fadeInRight"><img src="images/email-mockup.png" alt="" class="imgpaddingright" /></div>
</div>
</div>
<!-- END OF 1st ELEMENT -->
<!-- 2ND ELEMENT -->
<div class="row collapse supportchannels" data-equalizer>
<div class="small-12 large-4 large-offset-1 medium-4 medium-offset-1 columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="timeline-content wow fadeInLeft"><img src="images/chat-mockup.png" alt="" class="imgpaddingright" /></div>
</div>
<div class="large-1 large-offset-1 medium-1 medium-offset-1 hide-for-small line columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="roundimg wow fadeInUp"><img src="images/icons/support_icon_2.png" alt=""/></div>
</div>
<div class="small-12 large-4 large-offset-1 medium-4 medium-offset-1 columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="timeline-content wow fadeInRight">
<h3>Live Chat</h3>
<p>Vice Helvetica church-key, chambray retro pickled kitsch put a bird on it quinoa art party Neutra ennui meh drinking vinegar Shoreditch. </p>
<a href="" class="small radius chat button">LIVE CHAT NOW</a>
</div>
</div>
</div>
<!-- END OF 2ND ELEMENT -->
<!-- 3rd ELEMENT -->
<div class="row collapse supportchannels" data-equalizer>
<div class="small-12 large-4 large-offset-1 medium-4 medium-offset-1 columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="timeline-content wow fadeInLeft">
<h3>24X7 Call Center</h3>
<p>Vice Helvetica church-key, chambray retro pickled kitsch put a bird on it quinoa art party Neutra ennui meh drinking vinegar Shoreditch. </p>
<a href="" class="small radius phone button">CALL US NOW</a>
</div>
</div>
<div class="large-1 large-offset-1 medium-1 medium-offset-1 hide-for-small line columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="roundimg wow fadeInUp"><img src="images/icons/support_icon_3.png" alt=""/></div>
</div>
<div class="small-12 large-4 large-offset-1 medium-4 medium-offset-1 columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="timeline-content wow fadeInRight"><img src="images/phone-mockup.png" alt="" class="imgpaddingright" /></div>
</div>
</div>
<!-- END OF 3rd ELEMENT -->
<!-- 4th ELEMENT -->
<div class="row collapse supportchannels" data-equalizer>
<div class="small-12 large-4 large-offset-1 medium-4 medium-offset-1 columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="timeline-content wow fadeInLeft"><img src="images/ticket-mockup.png" alt="" class="imgpaddingright" /></div>
</div>
<div class="large-1 large-offset-1 medium-1 medium-offset-1 hide-for-small line columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="roundimg wow fadeInUp"><img src="images/icons/support_icon_4.png" alt=""/></div>
</div>
<div class="small-12 large-4 large-offset-1 medium-4 medium-offset-1 columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="timeline-content wow fadeInRight">
<h3>Support Tickets</h3>
<p>Vice Helvetica church-key, chambray retro pickled kitsch put a bird on it quinoa art party Neutra ennui meh drinking vinegar Shoreditch. </p>
<a href="" class="small radius ticket button">SUBMIT A TICKET</a>
</div>
</div>
</div>
<!-- END OF 4th ELEMENT -->
<!-- 5th ELEMENT -->
<div class="row collapse supportchannels" data-equalizer>
<div class="small-12 large-4 large-offset-1 medium-4 medium-offset-1 columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="timeline-content wow fadeInLeft">
<h3>Social Media</h3>
<p>Vice Helvetica church-key, chambray retro pickled kitsch put a bird on it quinoa art party Neutra ennui meh drinking vinegar Shoreditch. </p>
<a href="" class="small radius tweet button">SEND A TWEET</a>
</div>
</div>
<div class="large-1 large-offset-1 medium-1 medium-offset-1 hide-for-small line columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="roundimg wow fadeInUp"><img src="images/icons/support_icon_5.png" alt=""/></div>
</div>
<div class="small-12 large-4 large-offset-1 medium-4 medium-offset-1 columns" data-equalizer-watch>
<div data-wow-delay="0.3s" class="timeline-content wow fadeInRight"><img src="images/twitter-mockup.png" alt="" class="imgpaddingright" /></div>
</div>
</div>
<!-- END OF 5th ELEMENT -->
</div>
</div>
</div>
<!-- END OF SUPPORT TIMELINE -->
<!-- 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/foundation/foundation.equalizer.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
?>