<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }>
</script>
<meta name="keywords" content="Coffelariya Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndriodCompatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!--Google Fonts-->
<link href='#css?family=Comfortaa:400,300,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'><link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- //end-smoth-scrolling -->
</head>
<body>
<!--header start here-->
<div class="header" id="coffee">
<div class="container">
<div class="header-main">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<span class="menu"> <img src="images/icon.png" alt=""/></span>
<div class="clear"> </div>
<div class="navg">
<ul class="res">
<li><a class="active scroll" href="#coffee">Coffee</a></li>
<li><a class="scroll" href="#about">About</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
</ul>
<script>
$( "span.menu").click(function() {
$( "ul.res" ).slideToggle("slow", function() {
// Animation complete.
});
});
</script>
</div>
</div>
</div>
</div>
<!--headr end here-->
<!--banner start here-->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<img src="images/banner.jpg" alt="">
<div class="caption">
<h3>Jawa ipsum</h3>
<span class="bg-small"> </span>
<h3>Ngadeg lema brengos</h3>
<span class="bg-large"> </span>
<p>Radinan, supe. Bucal dandos sesupe damel wiar maos mular kelud motong sakit kemben.</p>
</div>
</li>
<li>
<img src="images/banner.jpg" alt="">
<div class="caption">
<h3>Lorem ipsum</h3>
<span class="bg-small"> </span>
<h3>dolor sit consectetur</h3>
<span class="bg-large"> </span>
<p>Radinan, supe. Bucal dandos sesupe damel wiar maos mular kelud motong sakit kemben.</p>
</div>
</li>
<li>
<img src="images/banner.jpg" alt="">
<div class="caption">
<h3>Latin professor</h3>
<span class="bg-small"> </span>
<h3>Sed ut perspiciatis</h3>
<span class="bg-large"> </span>
<p>Radinan, supe. Bucal dandos sesupe damel wiar maos mular kelud motong sakit kemben.</p>
</div>
</li>
<li>
<img src="images/banner.jpg" alt="">
<div class="caption">
<h3>Latin professor</h3>
<span class="bg-small"> </span>
<h3>Sed ut perspiciatis</h3>
<span class="bg-large"> </span>
<p>Radinan, supe. Bucal dandos sesupe damel wiar maos mular kelud motong sakit kemben.</p>
</div>
</li>
</ul>
</div>
</div>
<!--banner end here-->
<!--brawn cof start here-->
<div class="brown-coff">
<div class="container">
<div class="browncoff-grids">
<div class="col-md-4 browncoff-img">
<img src="images/brown-coff.png" alt=""/>
</div>
<div class="col-md-8 browncoff-text">
<h2>Emah-emah nanem embok</h2>
<p>Jawa Ipsum ngadeg lema brengos mambet numpak andhap Jawa Ipsum tanem. Ngundang tilem peksi rambut bapak gegriya; sakit gesang wingking kengken ron adus gelung kirangan lema nanem brengos.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--brawn cof cof end here-->
<!--ulem start here-->
<div class="ulem">
<div class="container">
<div class="ulem-grids">
<div class="col-md-8 ulem-text">
<h3>Ulem-ulem leres sarem</h3>
<p>Jawa Ipsum ngadeg lema brengos mambet numpak andhap Jawa Ipsum tanem. Ngundang tilem peksi rambut bapak gegriya; sakit gesang wingking kengken</p>
</div>
<div class="col-md-4 ulem-img">
<img src="images/starbucks.png" alt=""/>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--ulem end here-->
<!--about start here-->
<div class="about" id="about">
<div class="container">
<div class="about-main">
<div class="col-md-4 about-left">
<p>ginum, andhap, "pembajeng wingking iket cepeng, leres ajrih," gelung wingking kengken wungu wanci emah-emah.</p>
</div>
<div class="col-md-8 about-right">
<h3>Bucal dandos</h3>
<p>Mendem geger balung kapal. Balung cundhuk cangkem manah pethak, mucal, langkung jaler, mular pupur sakit. Mlampah lisah latu tuwi méga cengel irung weteng, srengen. Mendem geger balung kapal. Balung cundhuk cangkem manah pethak, mucal, langkung jaler, mular pupur sakit. Mlampah lisah latu tuwi méga cengel irung weteng, srengen.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--about end here-->
<!--about info start here-->
<div class="about-info">
<div class="container">
<div class="about-info-main">
<div class="about-info-left">
<h3>1992</h3>
</div>
<ul class="ab-strip">
<li><span class="line"> </span></li>
<li><span class="bg-ring"> </span></li>
<li><span class="line"> </span></li>
<li><span class="ring"> </span></li>
<li><span class="line"> </span></li>
<li><span class="ring"> </span></li>
</ul>
<div class="about-info-right">
<h3>Coffelariya is .....</h3>
<div class="ab-info-top">
<p>Radinan, supe. Bucal dandos sesupe damel wiar maos mular kelud motong sakit kemben. Mendem geger balung kapal. Balung c Radinan, supe. Bucal dandos sesupe damel wiar maos mular kelud motong sakit kemben. Mendem geger balung kapal. Balung . Radinan, supe. Bucal dandos sesupe damel wiar maos mular kelud motong sakit kemben. Mendem geger balung kapal. </p>
</div>
<div class="ab-info-bottom">
<p>Radinan, supe. Bucal dandos sesupe damel wiar maos mular kelud motong sakit kemben. Mendem geger balung kapal. Balung c Radinan, supe. Bucal dandos sesupe damel wiar maos mular kelud motong sakit kemben. Mendem geger balung kapal. Balung . Radinan, supe. Bucal dandos sesupe damel wiar maos mular ke