File size: 8.54Kb
<!--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>Seefolio web template for high end mobiles, like samsung, nokia, lg, sony ericsson, 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>
<!-- container -->
<!-- header -->
<div id="home" class="header">
<div class="container">
<!-- top-hedader -->
<div class="top-header">
<!-- logo -->
<div class="logo">
<a href="#"><img src="mobile/images/logo.png" title="seefolio" /></a>
</div>
<!-- /logo -->
<!--top-nav---->
<div class="top-nav">
<div class="nav-icon">
<a href="#menu" class="right_bt" id="activator"><span> </span> </a>
</div>
</div>
<!---start-click-drop-down-menu----->
<!--top-nav---->
<div class="clearfix"> </div>
</div>
<!-- /top-hedader -->
<!-- welcome-note -->
<div class="welcome-note">
<!-- start content_slider -->
<div id="owl-demo" class="owl-carousel">
<div class="item">
<div class="note">
<h1>Hello, I'm <span>Eftakher</span> <p>A <span>Front & End</span> designer</p></h1>
</div>
</div>
</div>
<!--//sreen-gallery-cursual---->
</div>
<!-- welcome-note -->
<!-- top-grids -->
<div class="top-grids">
<div class="col-md-3 top-grid text-center grid-active">
<span class="icon1"> </span>
<h3>.UI/UX Design</h3>
<a class="t-btn" href="#">ReadMore</a>
</div>
<div class="col-md-3 top-grid text-center">
<span class="icon2"> </span>
<h3>.Branding</h3>
<a class="t-btn" href="#">ReadMore</a>
</div>
<div class="col-md-3 top-grid text-center">
<span class="icon3"> </span>
<h3>.Creative Idea</h3>
<a class="t-btn" href="#">ReadMore</a>
</div>
<div class="col-md-3 top-grid text-center">
<span class="icon4"> </span>
<h3>.Photography</h3>
<a class="t-btn" href="#">ReadMore</a>
</div>
<div class="clearfix"> </div>
</div>
<!-- top-grids -->
</div>
</div>
<!-- /header -->
<!-- about -->
<div id="about" class="about">
<div class="col-md-6 about-left">
<div id="owl-demo1" class="owl-carousel owl-carousel2">
<div class="item">
<div class="about-left-grid">
<h2>Hi! I'm <span>Eftakher</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</p>
<ul>
<li><a class="a-btn-a" href="#">My Work</a></li>
<li><a class="a-btn-h" href="#">Hire Me</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!-- /about -->
<!-- services -->
<div id="services" class="services">
<div class="container">
<div class="service-head text-center">
<h3>My <span>Services</span></h3>
<p>Showcase services in</p>
</div>
<!-- services-grids -->
<div class="services-grids">
<div class="col-md-6 services-grid">
<div class="services-grid-icon">
<span class="s-icon1"> </span>
</div>
<div class="services-grid-info">
<h4>Web Design</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 services-grid">
<div class="services-grid-icon">
<span class="s-icon2"> </span>
</div>
<div class="services-grid-info">
<h4>Web Design</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<!-- services-grids -->
</div>
</div>
<!-- services -->
<!-- clients -->
<div class="clients">
<div class="container">
<h3>Some awesome companies we've had the pleasure to work with</h3>
<div id="owl-demo2" class="owl-carousel">
<div class="item">
<div class="client-logo">
<a href="#"><img src="mobile/images/client-logo1.png" title="name" /></a>
</div>
</div>
</div>
</div>
</div>
<!-- clients -->
<!-- portfolio -->
<div id="port" class="portfolio">
<div class="container">
<div class="portfolio-head text-center">
<h2>Check out some of my <p><span>latest</span> and <span>greatest</span> projects</p></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, </p>
</div>
<!-- portfolio-grids -->
<div class="portfolio-grids">
<div class="col-md-4 portfolio-grid">
<div class="portfolio-grid-pic">
<img src="mobile/images/portfolio-pic6.jpg" title="name" />
</div>
<div class="portfolio-grid-info text-center">
<h5>OneTitle Logo Branding</h5>
</div>
</div>
<div class="col-md-4 portfolio-grid">
<div class="portfolio-grid-pic">
<img src="mobile/images/portfolio-pic2.jpg" title="name" />
</div>
<div class="portfolio-grid-info text-center">
<h5>OneTitle Logo Branding</h5>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!-- portfolio-grids -->
</div>
</div>
<!-- portfolio -->
<!-- Feedback -->
<div class="feedback">
<div class="container">
<div id="owl-demo3" class="owl-carousel owl-carousel1">
<div class="item">
<div class="feedback-grid text-center">
<p>"Loved the graphics very much and so happy I found this very talented designer."</p>
<h4>Shauna Graham,<span> Alo Group</span></h4>
</div>
</div>
</div>
</div>
<!-- Feedback -->
</div>
<!--- top-nav-links -->
<div class="top-nav-links">
<ul>
<a name="menu">
<li class="active"><a href="#home"><span>home</span></a></li>
<li><a href="#about"><span>AboutMe</span></a></li>
<li><a href="#services"><span>Services</span></a></li>
<li><a href="#port"><span>Portfolio</span></a></li>
<li><a href="#contact"><span>Hireme</span></a></li>
<div class="clear"> </div>
</ul>
</div>
<!--- top-nav-links -->
<!-- contact -->
<div id="contact" class="contact">
<div class="container">
<div class="contact-head text-center">
<h3>Have any <span>project!</span></h3>
<p>Just send me a message I will help you and make you smile</p>
</div>
<!-- contact-grids -->
<div class="contact-grids">
<div class="col-md-8 contact-right">
<form>
<div class="text-boxs">
<div class="text-box">
<input type="text" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
</div>
<div class="text-box">
<input type="text" value="Last name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Last name';}">
</div>
<div class="text-box">
<input type="text" value="Your Email here" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your Email here';}">
</div>
<div class="text-box">
<input type="text" value="Project name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Project name';}">
</div>
<div class="clearfix"> </div>
</div>
<div class="subject">
<textarea value="Your Message....." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your Message......';}">Your Message......</textarea>
<input type="submit" value="" />
</div>
</form>
</div>
<div class="clearfix"> </div>
</div>
<!-- contact-grids -->
</div>
</div>
<!-- contact -->
<!-- footer -->
<div class="footer">
<div class="container">
<p> © 2014 Seefolio. All rights reserved | Template by <a href="http://w3layouts.com/">W3layouts</a></p>
</div>
</div>
<!-- footer -->
<!-- /container -->
</body>
</html>