Файл: CLOUDME-HTML-RTL-SUPPORT/datacenter.html
Строк: 513
<?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>Our Infrastructure - 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-1">
<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>OUR INFRASTRUCTURE</p>
<span class="message-line"></span>
</div>
<h1>STATE-OF-THE-ART DATACENTER FACILITY</h1>
</div>
</div>
</div>
<!-- END OF MESSAGES ABOVE HEADER IMAGE -->
</header>
<!-- END OF HEADER -->
<!-- MAIN PAGE CONTENT -->
<div class="infrastructure-subheader">
<div class="row">
<div class="small-12 columns">
<h2>CLOUDME DATACENTERS</h2>
<p>Global leaders overcome injustice solutions sharing economy Global South. Social analysis forward-thinking vulnerable citizens frontline tackling, tackle gun control women and children Gandhi. Facilitate philanthropy our ambitions foundation civil society. Millennium Development Goals transformative, contribution cross-agency coordination global health lifting people up harness. Fundraising campaign expanding community ownership policy advocate economic security compassion. </p>
<div id="map_wrapper">
<div id="map_canvas" class="mapping"></div>
</div>
</div>
</div>
</div>
<div class="row spacing-top-50">
<div class="small-12 columns">
<div id="responsiveTabsDemo">
<ul>
<li><a href="#ohio"> OHIO </a></li>
<li><a href="#frankfurt"> FRANKFURT </a></li>
<li><a href="#singapore"> SINGAPORE </a></li>
</ul>
<div id="ohio"> <!-- 1st tab -->
<div class="row">
<div class="small-12 large-4 medium-4 columns thetabcontent">
<h4>Redundantly Built Network</h4>
<ul class="tabinslidelist">
<li>Location: United States</li>
<li>Test IP: 1.2.3.4</li>
<li>Download Speed: <a href="">.bin file (1GB)</a></li>
</ul>
</div>
<div class="small-12 large-8 medium-8 columns border-left">
<h4>Data Space, Ohio, United States</h4>
<p>Millennium Development Goals transformative, contribution cross-agency coordination global health lifting people up harness. Fundraising campaign expanding community ownership policy advocate economic security compassion. </p>
<div class="flex-video widescreen vimeo">
<iframe src="http://player.vimeo.com/video/29581682?color=fa420f" width="500" height="281"></iframe>
</div>
</div>
</div> </div>
<div id="frankfurt"> <!-- 2ND tab -->
<div class="row">
<div class="small-12 large-4 medium-4 columns thetabcontent">
<h4>Redundantly Built Network</h4>
<ul class="tabinslidelist">
<li>Location: United States</li>
<li>Test IP: 1.2.3.4</li>
<li>Download Speed: <a href="">.bin file (1GB)</a></li>
</ul>
</div>
<div class="small-12 large-8 medium-8 columns border-left">
<h4>Data Space, Ohio, United States</h4>
<p>Millennium Development Goals transformative, contribution cross-agency coordination global health lifting people up harness. Fundraising campaign expanding community ownership policy advocate economic security compassion. </p>
<div class="flex-video widescreen vimeo">
<iframe src="http://player.vimeo.com/video/29581682?color=fa420f" width="500" height="281"></iframe>
</div>
</div>
</div> </div>
<div id="singapore"> <!-- 3RD tab -->
<div class="row">
<div class="small-12 large-4 medium-4 columns thetabcontent">
<h4>Redundantly Built Network</h4>
<ul class="tabinslidelist">
<li>Location: United States</li>
<li>Test IP: 1.2.3.4</li>
<li>Download Speed: <a href="">.bin file (1GB)</a></li>
</ul>
</div>
<div class="small-12 large-8 medium-8 columns border-left">
<h4>Data Space, Ohio, United States</h4>
<p>Millennium Development Goals transformative, contribution cross-agency coordination global health lifting people up harness. Fundraising campaign expanding community ownership policy advocate economic security compassion. </p>
<div class="flex-video widescreen vimeo">
<iframe src="http://player.vimeo.com/video/29581682?color=fa420f" width="500" height="281"></iframe>
</div>
</div>
</div> </div>
</div>
</div>
</div>
<!-- END OF MAIN PAGE 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/jquery.responsiveTabs.js"></script>
<script src="js/vendor/retina.min.js"></script>
<script src="js/custom.js"></script>
<script>
jQuery(function($) {
// ______________ TABS
$('#responsiveTabsDemo').responsiveTabs({
startCollapsed: 'accordion'
});
// Asynchronously Load the map API
var script = document.createElement('script');
script.src = "http://maps.googleapis.com/maps/api/js?sensor=false&callback=initialize";
document.body.appendChild(script);
});
function initialize() {
var map;
var bounds = new google.maps.LatLngBounds();
var mapOptions = {
mapTypeId: 'roadmap',
styles: [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}]
};
// Display a map on the page
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
map.setTilt(45);
// Multiple Markers
var markers = [
['Data Space, Ohio, United States', 39.98978,-83.00632],
['CIX-IT, Frankfurt, Germany', 50.14537,8.74522],
['AllExpand, Singapore, Asia-Pacific', 1.33709,103.75473]
];
// Info Window Content
var infoWindowContent = [
['<div class="info_content">' +
'<h5>Data Space, Ohio, United States</h5>' +
'<p>Global leaders overcome injustice solutions sharing economy Global South. Social analysis forward-thinking vulnerable citizens frontline tackling, tackle gun control women and children Gandhi.</p>' + '</div>'],
['<div class="info_content">' +
'<h5>CIX-IT, Frankfurt, Germany</h5>' +
'<p>Global leaders overcome injustice solutions sharing economy Global South. Social analysis forward-thinking vulnerable citizens frontline tackling, tackle gun control women and children Gandhi.</p>' + '</div>'],
['<div class="info_content">' +
'<h5>AllExpand, Singapore, Asia-Pacific</h5>' +
'<p>Global leaders overcome injustice solutions sharing economy Global South. Social analysis forward-thinking vulnerable citizens frontline tackling, tackle gun control women and children Gandhi.</p>' + '</div>']
];
// Display multiple markers on a map
var infoWindow = new google.maps.InfoWindow(), marker, i;
// Loop through our array of markers & place each one on the map
for( i = 0; i < markers.length; i++ ) {
var position = new google.maps.LatLng(markers[i][1], markers[i][2]);
bounds.extend(position);
marker = new google.maps.Marker({
position: position,
map: map,
title: markers[i][0]
});
// Allow each marker to have an info window
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infoWindow.setContent(infoWindowContent[i][0]);
infoWindow.open(map, marker);
}
})(marker, i));
// Automatically center the map fitting all markers on the screen
map.fitBounds(bounds);
}
// Override our map zoom level once our fitBounds function runs (Make sure it only runs once)
var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function(event) {
this.setZoom(2);
google.maps.event.removeListener(boundsListener);
});
}
</script>
</body>
</html>
?>