<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- for-gallery-rotation -->
<script src="js/modernizr.custom.97074.js"></script>
<!-- //for-gallery-rotation -->
<!-- FlexSlider -->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<!-- //FlexSlider -->
<!-- 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>
<!-- start-smoth-scrolling -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Comfortaa:400,300,700' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900" rel="stylesheet">
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<div class="header-nav">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="logo">
<h1><a class="navbar-brand" href="index.html"><label>E</label>lite <label>B</label>akery<span>Baked Good Taste for you </span></a></h1>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="hvr-sweep-to-bottom active"><a href="index.html">Home</a></li>
<li class="hvr-sweep-to-bottom"><a href="#about" class="scroll">Services</a></li>
<li class="hvr-sweep-to-bottom"><a href="#services" class="scroll">About</a></li>
<li class="hvr-sweep-to-bottom"><a href="#gallery" class="scroll">Gallery</a></li>
<li class="hvr-sweep-to-bottom"><a href="#contact" class="scroll">Contact Us</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
</div>
</div>
</div>
<!-- //header -->
<!-- banner -->
<div class="banner">
<div class="container">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="banner-info">
<div class="banner-info-left">
<h3>Baked fresh for you </h3>
<p>WE ARE EXCITED TO COOK FOR YOU TODAY</p>
<div class="more">
<a href="#">Learn More</a>
</div>
</div>
</div>
</li>
<li>
<div class="banner-info">
<div class="banner-info-left">
<h3>Baked fresh Daily </h3>
<p>WE ARE EXCITED TO COOK FOR YOU TODAY</p>
<div class="more">
<a href="#">Learn More</a>
</div>
</div>
</div>
</li>
<li>
<div class="banner-info">
<div class="banner-info-left">
<h3>Baked fresh for you </h3>
<p>WE ARE EXCITED TO COOK FOR YOU TODAY</p>
<div class="more">
<a href="#">Learn More</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
<div class="banner-pos">
<div class="col-md-3 banner-pos-left">
<div class="banner-pos-left-info">
<h3><i class="glyphicon glyphicon-cloud" aria-hidden="true"></i> OUR BREADS</h3>
<p>To take a trivial example, which of us ever undertakes laborious
physical exercise.</p>
</div>
</div>
<div class="col-md-3 banner-pos-left">
<div class="banner-pos-left-info">
<h3><i class="glyphicon glyphicon-globe" aria-hidden="true"></i> BEST COOKIES</h3>
<p>To take a trivial example, which of us ever undertakes laborious
physical exercise.</p>
</div>
</div>
<div class="col-md-3 banner-pos-left">
<div class="banner-pos-left-info">
<h3><i class="glyphicon glyphicon-phone" aria-hidden="true"></i> WEDDING CAKES</h3>
<p>To take a trivial example, which of us ever undertakes laborious
physical exercise.</p>
</div>
</div>
<div class="col-md-3 banner-pos-left">
<div class="banner-pos-left-info">
<h3><i class="glyphicon glyphicon-star" aria-hidden="true"></i>TARTS AND PIES</h3>
<p>To take a trivial example, which of us ever undertakes laborious
physical exercise.</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //banner -->
<!-- welcome -->
<div class="welcome">
<div class="container">
<h2>Welcome !</h2>
<p class="ever">We Make it Happens,Something Amazing For You Everyday.</p>
<div class="welcome-grids">
<div class="col-md-3 welcome-grid">
<div class="welcome-grd">
<div class="icons">
<span class="glyphicon glyphicon-cutlery"></span>
</div>
<h4>OUR BREADS</h4>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit
esse quam.</p>
</div>
</div>
<div class="col-md-3 welcome-grid">
<div class="welcome-grd">
<div class="icons">
<span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
</div>
<h4>BEST COOKIES</h4>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit
esse quam.</p>
</div>
</div>
<div class="col-md-3 welcome-grid">
<div class="welcome-grd">
<div class="icons">
<span class="glyphicon glyphicon-filter" aria-hidden="true"></span>
</div>
<h4>WEDDING CAKES</h4>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit
esse quam.</p>
</div>
</div>
<div class="col-md-3 welcome-grid">
<div class="welcome-grd">
<div class="icons">
<span class="glyphicon glyphicon-send" aria-hidden="true"></span>
</div>
<h4>TARTS AND PIES</h4>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit
esse quam.</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //welcome -->
<!-- banner-text -->
<div class="banner-text">
<div class="container">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">