<!--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>The Snow for Iphone, Android & Smartphone Mobile Website Template | Team :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="Snow 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" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<script src="smartphone/js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".dropdown img.flag").addClass("flagvisibility");
$(".dropdown dt a").click(function() {
$(".dropdown dd ul").toggle();
});
$(".dropdown dd ul li a").click(function() {
var text = $(this).html();
$(".dropdown dt a span").html(text);
$(".dropdown dd ul").hide();
$("#result").html("Selected value is: " + getSelectedValue("sample"));
});
function getSelectedValue(id) {
return $("#" + id).find("dt a span.value").html();
}
$(document).bind('click', function(e) {
var $clicked = $(e.target);
if (! $clicked.parents().hasClass("dropdown"))
$(".dropdown dd ul").hide();
});
$("#flagSwitcher").click(function() {
$(".dropdown img.flag").toggleClass("flagvisibility");
});
});
</script>
<!-- Add fancyBox main JS and CSS files -->
<script src="smartphone/js/jquery.magnific-popup.js" type="text/javascript"></script>
<link href="smartphone/css/magnific-popup.css" rel="stylesheet" type="text/css">
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
</head>
<body>
<div class="wrap">
<div class="header">
<div class="search" style="display: none;">
<form action="search.html">
<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}" class="text">
<input type="submit" value="">
</form>
<div class="close"><img src="smartphone/images/close.png"></div>
</div>
<div class="logo"><a href="index.html"><img src="smartphone/images/logo.png" alt=""></a></div>
<div class="right"><button> </button></div>
<ul class="icon1 sub-icon1 profile_img">
<li><a class="active-icon c1" href="#"> </a>
<ul class="sub-icon1 list">
<div class="product_control_buttons">
<a href="#"><img src="smartphone/images/edit.png" alt=""/></a>
<a href="#"><img src="smartphone/images/close_edit.png" alt=""/></a>
</div>
<div class="clear"></div>
<li class="list_img"><img src="smartphone/images/1.jpg" alt=""/></li>
<li class="list_desc"><h4><a href="#">velit esse molestie</a></h4><span class="actual">1 x
$12.00</span></li>
<div class="login_buttons">
<div class="check_button"><a href="checkout.html">Check out</a></div>
<div class="login_button"><a href="login.html">Login</a></div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</ul>
</li>
</ul>
<div class="clear"></div>
<script type="text/javascript" src="smartphone/js/script.js"></script>
<script type="text/javascript">
$('.search').hide();
$('button').click(function (){
$('.search').show();
$('.text').focus();
}
);
$('.close').click(function(){
$('.search').hide();
});
</script>
</div>
<nav class="nav">
<ul>
<li><a href="shop.html">Shop</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="experiance.html">Experiance</a></li>
<li><a href="shop.html">Company</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<a href="#" id="pull">Menu</a>
</nav>
<div class="main">
<div class="shop_top">
<div class="row team_box">
<h3 class="m_2">Our Team</h3>
<div class="col-md-3 team1">
<a class="popup-with-zoom-anim" href="#small-dialog3"><img src="smartphone/images/team1.jpg" title="continue" alt=""/></a>
<div id="small-dialog3" class="mfp-hide">
<div class="pop_up2">
<h2>Lorem ipsum </h2>
<p>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.</p>
</div>
</div>
<h4 class="m_5"><a href="#">Lorem Ipsum is simply dummy</a></h4>
<p class="m_6">sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna</p>
</div>
<div class="col-md-3 team1">
<a class="popup-with-zoom-anim" href="#small-dialog3"><img src="smartphone/images/team2.jpg" title="continue" alt=""/></a>
<div id="small-dialog3" class="mfp-hide">
<div class="pop_up2">
<h2>Lorem ipsum </h2>
<p>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.</p>
<p>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.</p>
</div>
</div>
<h4 class="m_5"><a href="#">Lorem Ipsum is simply dummy</a></h4>
<p class="m_6">sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna</p>
</div>
<div class="col-md-3 team1">
<a class="popup-with-zoom-anim" href="#small-dialog3"><img src="smartphone/images/team3.jpg" title="continue" alt=""/></a>
<div id="small-dialog3" class="mfp-hide">
<div class="pop_up2">
<h2>Lorem ipsum </h2>
<p>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.</p>
<p>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.</p>
</div>
</div>
<h4 class="m_5"><a href="#">Lorem Ipsum is simply dummy</a></h4>
<p class="m_6">sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna</p>
</div>
<div class="col-md-3 team1">
<a class="popup-with-zoom-anim" href="#small-dialog3"><img src="smartphone/images/team4.jpg" title="continue" alt=""/></a>
<div id="small-dialog3" class="mfp-hide">
<div class="pop_up2">
<h2>Lorem ipsum </h2>
<p>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.</p>
<p>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.</p>
</div>
</div>
<h4 class="m_5"><a href="#">Lorem Ipsum is simply dummy</a></h4>
<p class="m_6">sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna</p>
</div>
</div>
<div class="row">
<div class="col-md-4 team_bottom">
<ul class="team_list">
<h4>Advantages</h4>
<li><a href="#">Always free from repetition</a><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</p></li>
<li><a href="#">Always free from repetition</a><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</p></li>
<li><a href="#">Always free from repetition</a><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</p></li>
<li><a href="#">Always free from repetition</a><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt</p></li>
</ul>
</div>
<div class="col-md-8">
<ul class="team_list">
<h4>Vision Statement</h4>
<p class="m_7">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat..</p>
<img src="smartphone/images/team5.jpg" alt=""/>
</ul>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="row">
<div class="col-md-3">
<ul class="footer_box">
<h4>Products</h4>
<li><a href="#">Mens</a></li>
<li><a href="#">Womens</a></li>
<li><a href="#">Youth</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="footer_box">
<h4>About</h4>
<li><a href="#">Careers and internships</a></li>
<li><a href="#">Sponserships</a></li>
<li><a href="#">team</a></li>
<li><a href="#">Catalog Request/Download</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="footer_box">
<h4>Customer Support</h4>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Shipping and Order Tracking</a></li>
<li><a href="#">Easy Returns</a></li>
<li><a href="#">Warranty</a></li>
<li><a href="#">Replacement Binding Parts</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="footer_box">
<h4>Newsletter</h4>
<div class="footer_search">
<form>
<input type="text" value="Enter your email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter your email';}">
<input type="submit" value="Go">
</form>
</div>
<ul class="social">
<li class="facebook"><a href="#"><span> </span></a></li>
<li class="twitter"><a href="#"><span> </span></a></li>
<li class="instagram"><a href="#"><span> </span></a></li>
<li class="pinterest"><a href="#"><span> </span></a></li>
<li class="youtube"><a href="#"><span> </span></a></li>
</ul>
</ul>
</div>
</div>
<div class="row footer_bottom">
<div class="copy">
<p>© 2014 Template by <a href="http://w3layouts.com" target="_blank">w3layouts</a></p>
</div>
<dl id="sample" class="dropdown">
<dt><a href="#"><span>Change Region</span></a></dt>
<dd>
<ul>
<li><a href="#">Australia<img class="flag" src="smartphone/images/as.png" alt="" /><span class="value">AS</span></a></li>
<li><a href="#">Sri Lanka<img class="flag" src="smartphone/images/srl.png" alt="" /><span class="value">SL</span></a></li>
<li><a href="#">Newziland<img class="flag" src="smartphone/images/nz.png" alt="" /><span class="value">NZ</span></a></li>
<li><a href="#">Pakistan<img class="flag" src="smartphone/images/pk.png" alt="" /><span class="value">Pk</span></a></li>
<li><a href="#">United Kingdom<img class="flag" src="smartphone/images/uk.png" alt="" /><span class="value">UK</span></a></li>
<li><a href="#">United States<img class="flag" src="smartphone/images/us.png" alt="" /><span class="value">US</span></a></li>
</ul>
</dd>
</dl>
</div>
</div>
</div>
</body>
</html>