File size: 8.21Kb
<!--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>Doctor 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>
<!----- start-header---->
<div id="home" class="header">
<div class="top-header">
<div class="container">
<div class="logo">
<a href="#"><img src="mobile/images/logo.png" title="doctor" /></a>
</div>
<!----start-top-nav---->
<nav class="top-nav top-menu">
<a href="#top-menu" id="pull"><img src="mobile/images/menu-icon.png" title="menu" /></a>
</nav>
<div class="clear"> </div>
</div>
</div>
</div>
<!----- //End-header---->
<!-- Slideshow 4 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<img src="mobile/images/slide1.jpg" alt="">
</li>
</ul>
</div>
<div class="clear"> </div>
<!----- //End-slider---->
<!---- about ---->
<div id="about" class="about">
<div class="container">
<div class="header about-header text-center">
<h2>about us</h2>
<p>Lorem Ipsum has been the industry's standard dummy text ever.</p>
</div>
<!---- About-grids ---->
<div class="about-grids">
<div class="col-md-4">
<div class="about-grid">
<img src="mobile/images/img1.jpg" title="name" />
<div class="about-grid-info text-center">
<h3><a href="#">Children's specialist</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="about-grid n-about-grid n-about-grid1">
<img src="mobile/images/img2.jpg" title="name" />
<span class="t-icon1"> </span>
<div class="about-grid-info text-center">
<h3><a href="#">Women's specialist</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
<div class="clear"> </div>
</div>
<!---- About-grids ---->
</div>
</div>
<!---- about ---->
<!--- services --->
<div id="services" class="services">
<div class="container">
<div class="header services-header text-center">
<h2>our services</h2>
<p>Lorem Ipsum has been the industry's</p>
</div>
<!---- service-grids--->
<div class="service-grids">
<div class="col-md-3">
<div class="service-grid text-center">
<a href="#"><span class="s1-icon"> </span></a>
<h3><a href="#">Heart problem</a></h3>
</div>
</div>
<div class="col-md-3">
<div class="service-grid text-center">
<a href="#"><span class="s2-icon"> </span></a>
<h3><a href="#">brain problem</a></h3>
</div>
</div>
<div class="col-md-3">
<div class="service-grid text-center">
<a href="#"><span class="s3-icon"> </span></a>
<h3><a href="#">knee problem</a></h3>
</div>
</div>
<div class="col-md-3">
<div class="service-grid text-center">
<a href="#"><span class="s4-icon"> </span></a>
<h3><a href="#">human bones problem</a></h3>
</div>
</div>
<div class="clear"> </div>
</div>
<!----//service-grids--->
</div>
</div>
<!--- services --->
<!--- team --->
<div id="team" class="team">
<div class="container">
<div class="header team-head text-center">
<h2>our team</h2>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
</div>
<!--- teammember-grids ---->
<div class="team-member-grids">
<div class="team-member-grid">
<img src="mobile/images/t1.jpg" title="name" />
<div class="team-member-info bottom-t-info">
<h3><a href="#">Dr. Keith M. Weiner, M.D.</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
<div class="team-member-grid">
<div class="team-member-info bottom-t-info bottom-t-info-b">
<h3><a href="#">Dr. Danielle, M.D.</a></h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<img src="mobile/images/t2.jpg" title="name" />
</div>
<div class="clear"> </div>
</div>
<!---//teammember-grids ---->
</div>
</div>
<!--- team --->
<!---- top-nav-links ---->
<ul class="top-nav">
<a name="top-menu"> </a>
<li class="active"><a href="#home" class="scroll">Home </a></li>
<li><a href="#about" class="scroll">About us</a></li>
<li><a href="#services" class="scroll">our services</a></li>
<li><a href="#team" class="scroll">our team</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<!---- contact ---->
<div id="contact" class="contact">
<div class="map">
<div class="contact-info">
<div class="container">
<!---- contact-grids ---->
<div class="contact-grids">
<h3>contact us</h3>
<div class="col-md-5 contact-grid-left">
<h4>contact information</h4>
<ul>
<li><span class="cal"> </span><label>Monday - Friday :</label><small>9:30 AM to 6:30 PM</small></li>
<li><span class="pin"> </span><label>Address :</label><small>123 Some Street , London, UK, CP 123</small></li>
<li><span class="phone"> </span><label>Phone :</label><small>(032) 987-1235</small></li>
<li><span class="fax"> </span><label>Fax :</label><small>(123) 984-1234</small></li>
<li><span class="mail"> </span><label>Email :</label><small> info@doctor.com</small></li>
</ul>
</div>
<div class="col-md-7 contact-grid-right">
<h4>leave us a message</h4>
<form>
<input type="text" value="Name:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name:';}">
<input type="text" value="Email:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email:';}">
<input type="text" value="Phone No:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone No:';}">
<textarea rows="2" cols="70" onfocus="if(this.value == 'Message:') this.value='';" onblur="if(this.value == '') this.value='Message:';">Message:</textarea>
<input type="submit" value="SEND MESSAGE" />
</form>
</div>
<div class="clear"> </div>
</div>
<!---- contact-grids ---->
</div>
</div>
</div>
</div>
<!---- contact ---->
<div class="clear"> </div>
<!--- copy-right ---->
<div class="copy-right">
<div class="container">
<div class="copy-right-left">
<p>Template by <a href="http://w3layouts.com/">W3layouts</a></p>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</div>
<div class="copy-right-right">
<ul>
<li><a class="facebook" href="#"><span> </span></a></li>
<li><a class="twitter" href="#"><span> </span></a></li>
<li><a class="skype" href="#"><span> </span></a></li>
<div class="clear"> </div>
</ul>
</div>
<div class="clear"> </div>
</div>
</div>
<!--- copy-right ---->
</body>
</html>