File size: 14.25Kb
<!--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 PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<title>Valstrikez webtemplate for high end mobiles, like samsung, nokia, lg, sony erricosn, htc mobile website templates for free | Home :: 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" />
<link href="mobile/css/style.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header_bg" id="home"><!-- start header -->
<div class="container">
<div class="header">
<div class="logo navbar-left">
<h1><a href="index.html"><img src="mobile/images/logo.png" alt="" class="img-responsive" /></a></h1>
</div>
<div class="drp_dwn">
<select onchange="window.location=this.options[this.selectedIndex].value">
<option value="index.html">home</option>
<option value="#about">About Us</option>
<option value="work.html">Works</option>
<option value="blog.html">blog</option>
<option value="#contact">contact</option>
</select>
</div>
<div class="clear"></div>
</div>
</div>
</div><!-- end header -->
<div id="fwslider"><!-- start slider -->
<div class="slider_container">
<div class="slide">
<div class="slide_content">
<div class="slider_left pull-left">
<img src="mobile/images/mobile.png" alt="" class="img-responsive" />
</div>
</div>
<div class="slide_content">
<div class="slider_right pull-right">
<div class="slide_content_wrap">
<h4 class="title"><span>Val</span>strikeZ</h4>
<h5 class="title1">you are now seeing the most fun yet powerful theme ever!!! </h5>
<form>
<input type="button" value="details" />
</form>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<!--/slide -->
</div>
</div><!-- end slider -->
<div class="content_bg"><!-- start main -->
<div class="container">
<div class="main">
<div class="about" id="about"><!-- start about -->
<h3 class="style">about us</h3>
<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s ! ! !.</p>
<span> meet the team that brings you the miracle</span>
<div class="span_of_3"><!-- start span_of_3 -->
<div class="col-md-4 holder1_of_3">
<div class="holder smooth">
<img src="mobile/images/g1.jpg" alt="">
<h4>Crystal Mellodya / web designer</h4>
<div class="go-top">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the specimen book. </p>
<div class="soc_icons pull-left">
<ul class="list-unstyled text-center">
<li><a href="#"><i class="fa fa-twitter"><img src="mobile/images/twitter.png" alt=""/></i></a></li>
<li><a href="#"><i class="fa fa-facebook"><img src="mobile/images/facebook.png" alt=""/></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"><img src="mobile/images/gplus.png" alt=""/></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"><img src="mobile/images/dribble.png" alt=""/></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-4 holder1_of_3">
<div class="holder smooth">
<img src="mobile/images/g2.jpg" alt="">
<h4>Rayleigh Da Ark / web developer</h4>
<div class="go-top">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the specimen book. </p>
<div class="soc_icons pull-left">
<ul class="list-unstyled text-center">
<li><a href="#"><i class="fa fa-twitter"><img src="mobile/images/twitter.png" alt=""/></i></a></li>
<li><a href="#"><i class="fa fa-facebook"><img src="mobile/images/facebook.png" alt=""/></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"><img src="mobile/images/gplus.png" alt=""/></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"><img src="mobile/images/dribble.png" alt=""/></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-4 holder1_of_3">
<div class="holder smooth last">
<img src="mobile/images/g3.jpg" alt="">
<h4>Rainy Hevnlann / marketing</h4>
<div class="go-top">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the specimen book. </p>
<div class="soc_icons pull-left">
<ul class="list-unstyled text-center">
<li><a href="#"><i class="fa fa-twitter"><img src="mobile/images/twitter.png" alt=""/></i></a></li>
<li><a href="#"><i class="fa fa-facebook"><img src="mobile/images/facebook.png" alt=""/></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"><img src="mobile/images/gplus.png" alt=""/></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"><img src="mobile/images/dribble.png" alt=""/></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div><!-- end span_of_3 -->
<div class="clear"></div>
</div><!-- end about -->
<div class="work" id="client"><!-- start work -->
<span><p class="line"></p></span>
<div class="work_top">
<h3 class="style">clients</h3>
<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
<div class="drp-dwn">
<select onchange="window.location=this.options[this.selectedIndex].value">
<option value="#">all</option>
<option value="#">technologies</option>
<option value="#">logo</option>
<option value="#">illustrator</option>
<option value="#">card</option>
</select>
</div>
<div class="span_1_of_3"><!-- start span_of_3 -->
<div class="col-md-4 span1_of_3">
<div class="holder smooth">
<img src="mobile/images/pic1.jpg" alt="">
<div class="go-top work_text">
<h5>works portfolio title</h5>
<p>year: <a href="#">2014</a> | clients: <a href="#">company's name</a></p>
</div>
</div>
</div>
<div class="col-md-4 span1_of_3">
<div class="holder smooth">
<img src="mobile/images/pic2.jpg" alt="">
<div class="go-top work_text">
<h5>works portfolio title</h5>
<p>year: <a href="#">2014</a> | clients: <a href="#">company's name</a></p>
</div>
</div>
</div>
<div class="col-md-4 span1_of_3">
<div class="holder smooth last">
<img src="mobile/images/pic3.jpg" alt="">
<div class="go-top work_text">
<h5>works portfolio title</h5>
<p>year: <a href="#">2014</a> | clients: <a href="#">company's name</a></p>
</div>
</div>
</div>
<div class="col-md-4 span1_of_3">
<div class="holder smooth last">
<img src="mobile/images/pic4.jpg" alt="">
<div class="go-top work_text">
<h5>works portfolio title</h5>
<p>year: <a href="#">2014</a> | clients: <a href="#">company's name</a></p>
</div>
</div>
</div>
<div class="col-md-4 span1_of_3">
<div class="holder smooth last">
<img src="mobile/images/pic5.jpg" alt="">
<div class="go-top work_text">
<h5>works portfolio title</h5>
<p>year: <a href="#">2014</a> | clients: <a href="#">company's name</a></p>
</div>
</div>
</div>
<div class="col-md-4 span1_of_3">
<div class="holder smooth last">
<img src="mobile/images/pic6.jpg" alt="">
<div class="go-top work_text">
<h5>works portfolio title</h5>
<p>year: <a href="#">2014</a> | clients: <a href="#">company's name</a></p>
</div>
</div>
</div>
<div class="clear"></div>
</div><!-- end span_of_3 -->
<div class="pagenation">
<ul class="pagination text-center">
<li><a href="#">«</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">»</a></li>
</ul>
</div>
</div>
<span><p class="line"></p></span>
</div><!-- end work -->
<div class="blog"><!-- start blog -->
<h3 class="style">blog</h3>
<p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<div class="blog_of_3"><!-- start blog_of_3 -->
<div class="col-md-4 blog1_of_3">
<h3><span>01</span> Hell world</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the book</p>
<a class=" btn" href="blog.html">read blog</a>
</div>
<div class="col-md-4 blog1_of_3">
<h3><span>02</span> Aenean eros</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the book</p>
<a class="btn" href="blog.html">read blog</a>
</div>
<div class="col-md-4 blog1_of_3">
<h3><span>03</span> Lorem ipsum</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the book</p>
<a class=" btn" href="blog.html">read blog</a>
</div>
<div class="clear"></div>
</div><!-- end blog_of_3 -->
<div class="pagenation">
<ul class="pagination text-center">
<li><a href="#">«</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">»</a></li>
</ul>
</div>
<div class="clear"></div>
</div><!-- end blog -->
</div>
</div>
</div>
<div class="footer_bg" id="contact"><!-- start footer -->
<div class="container">
<div class="footer">
<h3>contact</h3>
<div class="col-md-6 contact_left">
<p class="btm">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantiumrem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<div class="f_left">
<div class="col-md-3 f_list">
<span>address</span>
</div>
<div class="col-md-9 f_list1">
<p>500 Lorem Ipsum Sit,</p>
<p>22-56-2-9 Sit Amet, Lorem,</p>
<p>USA</p>
</div>
<div class="clear"></div>
</div>
<div class="f_left">
<div class="col-md-3 f_list">
<span>phone</span>
</div>
<div class="col-md-9 f_list1">
<p>+ (00) 222 666 444</p>
<p>+ (000) 000 00 00 0</p>
</div>
<div class="clear"></div>
</div>
<div class="f_left">
<div class="col-md-3 f_list">
<span>email</span>
</div>
<div class="col-md-9 f_list1">
<p><a href="mailto:info@mycompany.com">info(at)mycompany.com</a></p>
</div>
<div class="clear"></div>
</div>
<div class="f_left">
<div class="col-md-3 f_list">
<span>website</span>
</div>
<div class="col-md-9">
<p><a href="mailto:mycompany.com">mycompany.com</a></p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="col-md-6 contact_right">
<form method="post" action="contact-post.html">
<input type="text" value="Name (Required)" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
<input type="text" value="Email (Required)" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}">
<input type="text" value="Subject" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Subject';}">
<textarea onfocus="if(this.value == 'Your Message here....') this.value='';" onblur="if(this.value == '') this.value='Your Message here....;" >Your Message here....</textarea>
<span><input type="submit" value="submit us"></span>
</form>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="footer1_bg"><!-- start footer1 -->
<div class="container">
<div class="footer1">
<div class="copy">
<p class="link"><span>© All rights reserved | Template by <a href="http://w3layouts.com/"> W3Layouts</a></span></p>
<a href="#home" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span></a>
</div>
<div class="social_icons">
<ul class="list-unstyled text-center">
<li><a href="#"><i class="fa fa-twitter"><img src="mobile/images/twitter.png" alt=""/></i></a></li>
<li><a href="#"><i class="fa fa-facebook"><img src="mobile/images/facebook.png" alt=""/></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"><img src="mobile/images/gplus.png" alt=""/></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"><img src="mobile/images/dribble.png" alt=""/></i></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</body>
</html>