<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Open Cloud for Iphone, Android and Smartphone Website Templates | Contact :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<meta name="keywords" content="Open Cloud Iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600,300' rel='stylesheet' type='text/css'>
<link href="smartphone/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="smartphone/css/font-awesome.css" rel="stylesheet" type="text/css" media="all" />
<link href="smartphone/css/owl.carousel.css" rel="stylesheet" type="text/css" media="all" />
<script src="smartphone/js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="smartphone/js/owl.carousel.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
var owl = $("#owl-demo");
owl.owlCarousel({
items :4, //10 items above 1000px browser width
itemsDesktop : [1000,4], //5 items between 1000px and 901px
itemsDesktopSmall : [900,3], // 3 items betweem 900px and 601px
itemsTablet: [600,2], //2 items between 600 and 0;
itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
});
// Custom Navigation Events
$(".next").click(function(){
owl.trigger('owl.next');
})
$(".prev").click(function(){
owl.trigger('owl.prev');
})
});
</script>
<script>
$(document).ready(function() {
$("#owl-demo2").owlCarousel({
navigation : true, // Show next and prev buttons
slideSpeed : 300,
paginationSpeed : 400,
singleItem:true
// "singleItem:true" is a shortcut for:
// items : 1,
// itemsDesktop : false,
// itemsDesktopSmall : false,
// itemsTablet: false,
// itemsMobile : false
});
});
</script>
<script type="text/javascript">
// Login Form
$(function() {
var button = $('#loginButton');
var box = $('#loginBox');
var form = $('#loginForm');
button.removeAttr('href');
button.mouseup(function(login) {
box.toggle();
button.toggleClass('active');
});
form.mouseup(function() {
return false;
});
$(this).mouseup(function(login) {
if(!($(login.target).parent('#loginButton').length > 0)) {
button.removeClass('active');
box.hide();
}
});
});
</script>
</head>
<body>
<!-- Start Header -->
<div class="header">
<div class="header-top">
<div class="wrap">
<div class="header-top-left">
<p>Support: +0123456789</p>
</div>
<div class="header-top-right">
<ul>
<li><a href"#"><i class="fa fa-comments"></i>Sales Chat</a></li>
<li class="login">
<div id="loginContainer">
<a href="#" id="loginButton"><span><i class="fa fa-lock"></i>Login</span></a>
<div id="loginBox" class="login-form">
<h3>Login into Your Account</h3>
<form id="loginForm">
<span>
<i><img src="smartphone/images/user.png" alt="" /></i>
<input type="text" value="yourname@mail.com" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'yourname@mail.com';}">
</span>
<span>
<i><img src="smartphone/images/lock.png" alt="" /></i>
<input type="password" value="........." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '.........';}">
</span>
<input type="submit" value="Login">
</form>
</div>
</div>
</li>
<li><a href="#" ><i class="fa fa-sign-in"></i>Sign Up</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="header-logo-nav">
<div class="logo"> <a href="index.html"><img src="smartphone/images/logo.png" alt="" /></a></div>
<nav class="nav">
<a href="#" id="w3-menu-trigger"> </a>
<ul class="nav-list">
<li class="nav-item"><a href="index.html">Home</a></li>
<li class="nav-item"><a href="about.html">About</a></li>
<li class="nav-item"><a href="products.html">Products</a></li>
<li class="nav-item"><a href="solutions.html">Solutions</a></li>
<li class="nav-item"><a href="support.html">Support</a></li>
<li class="nav-item"><a class="active" href="contact.html">Contact US</a></li>
</ul>
</nav>
<div class="clear"> </div>
<script src="smartphone/js/responsive.menu.js"></script>
</div>
</div>
<!-- End Header -->
<!-- Start Main Content -->
<div class="main">
<div class="contact about-desc">
<div class="wrap">
<div class="row">
<div class="col-md-8 contact_left">
<h2>We Want to hear from you</h2>
<p class="m_6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla</p>
<ul class="contact_info">
<li><i class="fa fa-map-marker"></i><span>Lorem ipsum dolor sit amet, consectetuer <br>adipiscing elit, sed diam nonummy nibh euismod</span><div class="clear"></div></li>
<li><i class="fa fa-phone"></i><span>Tell: +1-900-235-2456<br>Fax: +1-900-235-2456</span><div class="clear"></div></li>
<li><i class="fa fa-envelope"></i><span class="msg"><a href="mailto:yourcompany@mail.com">yourcompany(at)mail.com </a></span><div class="clear"></div></li>
</ul>
</div>
<div class="col-md-4">
<div class="contact_right">
<div class="contact-form_grid">
<form method="post" action="contact-post.html">
<input type="text" class="textbox" value="Your name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your name';}">
<input type="text" class="textbox" value="Your email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your email';}">
<input type="text" class="textbox" value="Subject" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Subject';}">
<textarea value="Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Message</textarea>
<input type="submit" value="Send">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Main Content -->
<!-- Start Footer -->
<span class="footer-arrow"></span>
<div class="footer">
<div class="wrap">
<div class="row">
<div class="col-lg-6">
<h2>About Open Cloud</h2>
<p>Vivamus non elementum enim. Vestibulum fringilla placerat vestibulum. Donec consequat scelerisque lorem, quis laoreet tortor dapibus nec. Duis sodales quis odio quis pretium. Etiam auctor sollicitudin enim. Duis tempus semper sodales. </p>
<ul class="links">
<li><a href="#">About</a> /</li>
<li><a href="#">Term of Services</a> /</li>
<li><a href="#">Press</a> /</li>
<li><a href="#">Staff</a> /</li>
<li><a href="#">News</a></li>
</ul>
</div>
<div class="col-lg-6">
<h2>Products</h2>
<div class="products-list">
<ul>
<li><a href="#"><i class="fa fa-chevron-right"></i> Private cloud </a></li>
<li><a href="#"><i class="fa fa-chevron-right"></i> DEDICATED SERVER </a></li>
<li><a href="#"><i class="fa fa-chevron-right"></i> Hybrid cloud</a></li>
<li><a href="#"><i class="fa fa-chevron-right"></i> support </a></li>
</ul>
<ul>
<li><a href="#"><i class="fa fa-chevron-right"></i> dedicated hosting</a></li>
<li><a href="#"><i class="fa fa-chevron-right"></i> email hosting </a></li>
<li><a href="#"><i class="fa fa-chevron-right"></i> solutions</a></li>
<li><a href="#"><i class="fa fa-chevron-right"></i> Knowledge Center</a></li>
</ul>
<div class="clear"></div>
</div>
<div class="subscribe">
<form>
<input type="text" placeholder="youremail@domain.com" />
<input type="submit" value="Subscribe" />
</form>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="wrap">
<div class="copy-right">
<p>open cloud Copyright 2013 all right reserved. Template by <a href="http://w3layouts.com" target="_blank">w3layouts</a></p>
</div>
<div class="social-icons">
<ul>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<!-- End Footer -->
</body>
</html>