<!-- static-banner -->
						<section id="static-banner" class="section">
							<div class="banner-content text-center">				
								<i class="icon-trophy banner-icon"></i>
								<h1 class="wow fadeIn" data-wow-duration="2s" data-wow-delay=".6s">CREATIVE DESIGN</h1>
								<p class="wow fadeIn" data-wow-duration="2s" data-wow-delay=".9s">Award Winning Design</p>
								<a data-scroll href="#services" class="btn-banner circle wow fadeInUp" data-wow-duration="2s" data-wow-delay="1.2s">
									<i class="fa fa-angle-down"></i>
								</a>					
							</div>	
						</section>
						<!-- ./static-banner -->
					

						<!-- slider-banner -->	
						<section id="slider-banner" class="section">
							<div class="container">										
								<!-- slider -->	
								<div id="slider" class="owl-carousel">
									<div class="item">	
										<i class="icon-screen-tablet"></i>
										<h2>FULLY RESPONSIVE</h2>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ullamcorper diam nec augue semper, in dignissim elit hendrerit. Quisque tempus arcu vulputate metus convallis elementum. Aenean rhoncus rutrum quam ut semper. </p>								
										<a href="#" class="btn btn-custom btn-lg">Learn More</a>											
									</div>	
									<div class="item">	
										<i class="icon-chemistry"></i>
										<h2>{LESS} READY</h2>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ullamcorper diam nec augue semper, in dignissim elit hendrerit. Quisque tempus arcu vulputate metus convallis elementum. Aenean rhoncus rutrum quam ut semper. </p>								
										<a href="#" class="btn btn-custom btn-lg">Learn More</a>											
									</div>
									<div class="item">	
										<i class="icon-support"></i>
										<h2>100% SUPPORT</h2>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ullamcorper diam nec augue semper, in dignissim elit hendrerit. Quisque tempus arcu vulputate metus convallis elementum. Aenean rhoncus rutrum quam ut semper. </p>								
										<a href="#" class="btn btn-custom btn-lg">Learn More</a>											
									</div>

								</div>	
								<!-- ./slider -->						
							</div>		
						</section>
						<!-- ./slider-banner -->
					

						<!-- typed-banner -->
						<section id="typed-banner" class="section">			
							<div class="banner-content">
								<div class="container">
									<h1>WE ARE <span class="element"></span></h1>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ullamcorper <br> diam nec augue semper,in dignissim elit hendrerit. </p>								
									<a href="#" class="btn btn-custom btn-lg">learn more</a>	<a href="#" class="btn btn-custom btn-lg">contact Us</a>	
								</div>
							</div>
						</section>
						<!-- ./typed-banner -->
					

						<!-- app-banner -->
						<section id="app-banner" class="section">			
							<div class="banner-content">
								<div class="container">
									<div class="row">
										<div class="col-md-6 col-sm-6">
											<div class="app-image">
												<img src="img/iphone.png" alt="iphone" class="img-responsive">
											</div>
										</div>
										<div class="col-md-6 col-sm-6">
											<div class="padd-t-100">
											<h1>APP VERSION 1.0</h1>
												<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit <br> diam nec augue semper,in dignissim elit hendrerit. </p>	
												<ul>
													<li><i class="icon-globe"></i> Promote App to the World</li>
													<li><i class="icon-settings"></i> Teach how to access settings</li>
													<li><i class="icon-book-open"></i> Lots of options and themes</li>
													<li><i class="icon-user"></i> Create your own Avatar</li>
												</ul>
												<div class="padd-t-10">
													<p><strong>Get a Copy Now !</strong></p>	
													<a href="#" class="btn btn-custom btn-lg"><i class="fa fa-apple"></i> apple store</a>	
													<a href="#" class="btn btn-custom btn-lg"><i class="fa fa-android"></i> android</a>	
													<a href="#" class="btn btn-custom btn-lg"><i class="fa fa-windows"></i> windows</a>	
													<div class="small">*50% off until 2016</div>
												</div>
											</div>
										</div>	
										
									</div>
								</div>
							</div>
						</section>
						<!-- ./app-banner -->
					

						<!-- landing-banner -->
						<section id="landing-banner" class="section">			
							<div class="banner-content">
								<div class="container">
									<div class="row">
																					
										<div class="col-md-5 col-sm-6">
											
											<h1>LANDING PAGE</h1>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit diam nec augue semper,in dignissim elit hendrerit. Lorem ipsum dolor sit amet. </p>	
																		
												<!--  Working landing-form Form With Validation -->					
												<form  name="sentMessage" id="landing-form" class="padd-tb-10" novalidate>
													<div class="row">
														<div class="control-group form-group col-sm-6">
															<div class="controls">
																<label class="sr-only">First Name</label>
																<input type="text" class="form-control dark" id="fname" placeholder="First Name" required data-validation-required-message="Please enter your name.">
																<p class="help-block"></p>
															</div>
														</div>
														<div class="control-group form-group col-sm-6">
															<div class="controls">
																<label class="sr-only">Last Name</label>
																<input type="text" class="form-control dark" id="lname" placeholder="Last Name" required data-validation-required-message="Please enter your name.">
																<p class="help-block"></p>
															</div>
														</div>
													</div>	
													<div class="control-group form-group">
														<div class="controls">
															<label class="sr-only">Email</label>
															<input type="email" class="form-control dark" id="email" placeholder="Email Address" required data-validation-required-message="Please enter your email address.">
															<p class="help-block"></p>
														</div>
													</div>
													<div id="success"></div>
													<div class="padd-t-10">
													<button type="submit" class="btn btn-success btn-block btn-lg">REGISTER NOW!</button>
													</div>
												</form>
												<div class="clearfix"></div>
												<!--  ./ Working landing-form Form With Validation -->
											
										</div>
										
										<div class="col-md-6 col-sm-6 col-md-offset-1">
																		
											<div class="padd-tb-20">		
												<!-- 16:9 aspect ratio -->
												<div class="embed-responsive embed-responsive-16by9">
													<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/KK9bwTlAvgo"></iframe>
												</div>
											</div>
											
										</div>	
																						
									</div><!-- ./row -->
								</div>
							</div>
						</section>
						<!-- ./landing-banner -->