File size: 6.27Kb
<!--
Author: W3layouts
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>Aluspisan for Iphone, Android & Smartphone Mobile Website Template | Home :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Aluspisan Iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(
hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="smartphone/css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:600italic,400,700,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="smartphone/css/flexslider.css" type="text/css" media="screen" />
<script src="smartphone/js/jquery.min.js"></script>
<!---css-style-switecher----->
<script type="text/javascript" src="smartphone/js/jsapi"></script>
<script>
google.setOnLoadCallback(function()
{
// Color changer
$(".colorblue").click(function(){
$("link").attr("href", "smartphone/css/blue.css");
return false;
});
$(".colorgreen").click(function(){
$("link").attr("href", "smartphone/css/green.css");
return false;
});
$(".coloryellow").click(function(){
$("link").attr("href", "smartphone/css/yellow.css");
return false;
});
});
</script>
<!---//End-css-style-switecher----->
<link rel="stylesheet" href="smartphone/css/swipebox.css">
<!------ Light Box ------>
<script src="smartphone/js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
</head>
<body>
<!-- header -->
<div class="banner1">
<div class="container">
<div class="logo">
<a href="index.html"><img src="smartphone/images/logo.png" alt="" /></a>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul>
<li><a href="index.html">home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li class="active"><a href="portfolio.html">portfolio</a></li>
<li><a href="blog.html">blog</a></li>
<li><a href="contact.html">contact</a></li>
<div class="clear"> </div>
</ul>
</div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
<div class="clear"> </div>
<h1>contact</h1>
</div>
</div>
<!-- header -->
<!-- contact-section -->
<!---- contact ----->
<div class="contact">
<div class="contact-top">
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d1622197.8885982549!2d144.29448667732532!3d-37.4287116859567!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1416573331280" width="" height="" frameborder="0" style="border:0"></iframe>
</div>
</div>
<div class="container">
<div class="contact-grids">
<div class="contact-left">
<h2>Address</h2>
<span>congue. Phasellus rhoncus elementum diam.</span>
<p>Lorem ipsum dolor sit amet,</p> consectetur adipiscing elit.</p><p> Nunc sit amet lectus</p><p> Eget leo-12345678</p>
<p> Eget leo-00000001</p>
</div>
<div class="contact-right">
<h2>Contact me</h2>
<form>
<div>
<span>Name</span>
<input type="text">
</div>
<div>
<span>Email</span>
<input type="text">
</div>
<div>
<span>Subject</span>
<input type="text">
</div>
<div>
<span>Message</span>
<textarea> </textarea>
</div>
<input type="submit" Value="Submit" />
</form>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<!---- contact ----->
<!-- contact-section -->
<!-- keep in touch -->
<div class="keep">
<div class="container">
<h3>keep in touch.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<div class="col-md-7 text-field-email">
<form>
<input type="text" class="text" value="E-mail address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'E-mail address ';}">
</form>
</div>
<div class="col-md-5 button1">
<form>
<input type="submit" value="subscribe">
</form>
</div>
<div class="clear"> </div>
</div>
</div>
<!-- keep in touch -->
<!-- footer -->
<div class="footer">
<div class="container">
<div class="col-md-4">
<p>Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
</div>
<div class="col-md-4 policy">
<ul>
<li><a href="#">Privacy Policy</li></a>
<li><a href="#">Terms of Use</li></a>
<li><a href="#">FAQs</li></a>
<div class="clear"></div>
</ul>
</div>
<div class="col-md-4 social">
<ul>
<li><a href="#"><i class="fb"> </i></li></a>
<li><a href="#"><i class="twt"> </i></li></a>
<li><a href="#"><i class="goog"> </i></li></a>
<li><a href="#"><i class="in"> </i></li></a>
<li><a href="#"><i class="pp"> </i></li></a>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<!-- footer -->
</body>
</html>