<!--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>Blog-Magazine 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, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<meta name="keywords" content="free Blog-Magazine Iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="./css/search.css" rel="stylesheet" type="text/css" media="all" />
<!-- start nav -->
<link href="./css/nav.css" rel="stylesheet" type="text/css" media="all" />
<script src="./js/jquery.min.js"></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>
<!-- end nav -->
<script src="./js/login.js"></script>
<script src="./js/modernizr.custom.js"></script>
<link href="./css/slider.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="./js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<!----Calender -------->
<link rel="stylesheet" href="./css/clndr.css" type="text/css" />
<script src="./js/underscore-min.js"></script>
<script src= "./js/moment-2.2.1.js"></script>
<script src="./js/clndr.js"></script>
<script src="./js/site.js"></script>
<!----End Calender -------->
<script src="./js/easyResponsiveTabs.js" type="text/javascript"></script>
</head>
<body>
<div class="wrap">
<div class="wrapper">
<!-- start menu-->
<div class="header">
<div class="menu1">
<!-- start navigation-->
<nav class="clearfix">
<ul class="clearfix">
<li><a href="#">Home</a></li>
<li><a href="#">How-to</a></li>
<li><a href="#">Icons</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Web 2.0</a></li>
<li><a href="#">Tools</a></li>
</ul>
<a href="#" id="pull"><img src="./images/nav-icon.png" /></a>
</nav>
<!-- end navigation-->
</div>
<div class="header_right">
<div class="header_top_right">
<!-- start search-->
<div class="web_search">
<div class="search">
<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="./images/cross.png" /></div>
</div>
<div class="srch"><button></button></div>
<script type="text/javascript">
$('.search').hide();
$('button').click(function (){
$('.search').show();
$('.text').focus();
}
);
$('.close').click(function(){
$('.search').hide();
});
</script>
</div>
<!-- start social icons -->
<div class="social-icons">
<ul>
<li class="icon_1"><a href="#" target="_blank"> </a></li>
<li class="icon_2"><a href="#" target="_blank"> </a></li>
<li class="icon_3"><a href="#" target="_blank"> </a></li>
<div class="clear"></div>
</ul>
</div>
<!-- start login_box -->
<div class="login_box">
<div id="loginContainer">
<a id="loginButton" class=""><span></span></a>
<div id="loginBox">
<form id="loginForm">
<fieldset id="body">
<fieldset>
<label for="email">Email Address</label>
<input type="text" name="email" id="email">
</fieldset>
<fieldset>
<label for="password">Password</label>
<input type="password" name="password" id="password">
</fieldset>
<input type="submit" id="login" value="Sign in">
<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
</fieldset>
<span><a href="#">Forgot your password?</a></span>
</form>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<!-- end header -->
<!-- start main -->
<div class="main">
<div class="sidebar">
<div class="menu_box_list">
<ul>
<li><a href="#"> <i class="home"> </i><span>Home</span></a></li>
<li><a href="#"> <i class="store"> </i> <span>Store</span></a></li>
<li class="active"><a href="#"> <i class="blog"> </i> <span>Blog</span></a></li>
<li><a href="#"> <i class="community"> </i><span>Community</span></a></li>
<li><a href="#"> <i class="contest"> </i><span>Contest</span></a></li>
<li><a href="#"> <i class="about"> </i> <span>About</span></a></li>
<li><a href="#"> <i class="contact"></i> <span>Contact</span></a></li>
</ul>
<div class="clear"></div>
</div>
<div class="sidebar_grid">
<div class="grid_s">
<div class="grid_img">
<i class="phone"> </i>
</div>
<div class="grid_text">
<p>(912) 555-1234</p>
<p>(912) 555-5678</p>
</div>
<div class="clear"></div>
</div>
<div class="grid_s1">
<div class="grid_img">
<i class="location"> </i>
</div>
<div class="grid_text">
<p>1600 Pennsylvania</p>
<p>Ave NW, Washington</p>
<p>Dc 20500, USA</p>
</div>
<div class="clear"></div>
</div>
<div class="grid_s1">
<div class="grid_img">
<i class="mail"> </i>
</div>
<div class="grid_text">
<p><a href="">hello(at)website.com</a> </p>
<p><a href="">office(at)website.com</a> </p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="sidebar1">
<div class="sidebar1_grid bg1">
<h2 class="left style">tech</h2>
<div class="right"> <i class="right-arrow"> </i></div>
<div class="clear"></div>
<ul class="nav2">
<li><a href="#">Software and apps</a></li>
<li><a href="#">Gadgets</a></li>
<li><a href="#">Mobile</a></li>
</ul>
</div>
<div class="sidebar1_grid bg2">
<h2 class="left style">Entertainment</h2>
<div class="right"><i class="right-arrow"> </i> </div>
<div class="clear"></div>
<ul class="nav2">
<li><a href="#">Film</a></li>
<li><a href="#">Gaming</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">Sport</a></li>
</ul>
</div>
<div class="sidebar1_grid bg1">
<h2 class="left style">Business</h2>
<div class="right"><i clas