HTML Structure


In this section we will present you the main HTML structure of all files.

    <!DOCTYPE html>
    <html lang="en">
    	<head>
    	
    	</head>
    
    	<body class="">
    		
    		<!-- PRELOADER START -->
    			<div id="preloader">
    				<div class="loading">
    					<div class="loading-center">
    						<div class="loading-center-absolute">
    							<div class="object" id="object_one"></div>
    							<div class="object" id="object_two"></div>
    							<div class="object" id="object_three"></div>
    							<div class="object" id="object_four"></div>
    							<div class="object" id="object_five"></div>
    						</div>
    					</div>
    				 
    				</div>
    			</div>
    		<!-- PRELOADER END -->
    	
    		<!-- Start Nav Section -->
    			<div class="header-15 nav-top">
    				<!-- Static navbar -->
    				<nav id="navigation" class="navbar navbar-default transparent yamm">
    					
    					<div class="container">
    						<div class="row nav-row">
    							<div class="">
    								<div class="navbar-header">
    									<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    										<span class="icon-bar"></span>
    										<span class="icon-bar"></span>
    										<span class="icon-bar"></span>
    									</button>
    									<a class="navbar-brand" href="index.html"><img alt="" src="assets/images/logo-white.png"></a>
    								</div>
    							</div>
    							<div class="">
    								<div class="navbar-collapse collapse">
    									<ul class="nav navbar-nav navbar-right">
    
    										<li class="drop"><a href="index.html">Home</a>
    											<ul class="drop-down">
    												<li class="drop"><a href="#">Creative</a>
    													<ul class="drop-down level3">
    														<li><a href="index-2.html">Style 1</a></li>
    														<li><a href="index-3.html">Style 2</a></li>
    														<li><a href="index-4.html">Style 3</a></li>
    														<li><a href="index-5.html">Style 4</a></li>
    														<li><a href="index-12.html">Bx Slider Style</a></li>
    														<li><a href="index-14.html">Backstretch Style</a></li>
    														<li><a href="index-13.html">Liquid Slider Style</a></li>
    														<li><a href="index-15.html">Video Background</a></li>
    													</ul>
    												</li>
    												<li class="drop"><a href="#">Business</a>
    													<ul class="drop-down level3">
    														<li><a href="index-6.html">Style 1</a></li>
    														<li><a href="index-7.html">Style 2</a></li>
    														<li><a href="index-8.html">Style 3</a></li>
    														<li><a href="index-9.html">Style 4</a></li>
    														<li><a href="index-10.html">Style 5</a></li>
    														<li><a href="index-11.html">Style 6</a></li>
    													</ul>
    												</li>
    												<li class="drop"><a href="#">Portfolio</a>
    													<ul class="drop-down level3">
    														<li><a href="portfolio-index.html">Style 1</a></li>
    														<li><a href="portfolio-masonary-index.html">Style 2</a></li>
    														<li><a href="portfolio-masonary-index-2.html">Style 3</a></li>
    														<li><a href="portfolio-masonary-index-3.html">Style 4</a></li>
    													</ul>
    												</li>
    												<li class="drop"><a href="#">Boxed</a>
    													<ul class="drop-down level3">
    														<li><a href="index-boxed.html">Style 1</a></li>
    														<li><a href="index-boxed-2.html">Style 2</a></li>
    														<li><a href="index-boxed-3.html">Style 3</a></li>
    														<li><a href="index-boxed-4.html">Style 4</a></li>
    														<li><a href="index-boxed-5.html">Style 5</a></li>
    													</ul>
    												</li>
    												<li class="drop"><a href="#">Blog</a>
    													<ul class="drop-down level3">
    														<li><a href="blog-masonary-index.html">Style 1</a></li>
    														<li><a href="blog-masonary-index2.html">Style 2</a></li>
    														<li><a href="blog-masonary-index3.html">Style 3</a></li>
    													</ul>
    												</li>
    												<li class="drop"><a href="#">Onepage Template</a>
    													<ul class="drop-down level3">
    														<li><a href="index-onepage.html">Style 1</a></li>
    														<li><a href="index-onepage-2.html">Style 2</a></li>
    														<li><a href="index-onepage-3.html">Style 3</a></li>
    														<li><a href="index-onepage-4.html">Style 4</a></li>
    													</ul>
    												</li>
    												<li><a href="shop-index.html">Shop</a></li>
    												<li><a href="index-dark.html">Index Drak</a></li>
    												<li><a href="landing-page.html">Landing Page</a></li>
    												
    											</ul>
    										</li>
    										<li class="drop"><a href="index.html">Features</a>
    											<ul class="drop-down">
    												<li class="drop"><a href="#">Revolution Slider</a>
    													<ul class="drop-down level3">
    														<li><a href="slider-1.html">Style 1</a></li>
    														<li><a href="slider-2.html">Style 2</a></li>
    														<li><a href="slider-3.html">Style 3</a></li>
    														<li><a href="slider-4.html">Style 4</a></li>
    														<li><a href="slider-5.html">Style 5</a></li>
    														<li><a href="slider-6.html">Style 6</a></li>
    														<li><a href="slider-7.html">Style 7</a></li>
    														<li><a href="slider-8.html">Style 8</a></li>
    														<li><a href="slider-9.html">Style 9</a></li>
    														<li><a href="slider-10.html">Style 10</a></li>
    														<li><a href="slider-11.html">Style 11</a></li>
    													</ul>
    												</li>
    												<li class="drop"><a href="#">Slider Variations</a>
    													<ul class="drop-down level3">
    														<li><a href="slider-12.html">Style 1</a></li>
    														<li><a href="slider-13.html">Style 2</a></li>
    														<li><a href="slider-14.html">Style 3</a></li>
    														<li><a href="slider-15.html">Style 4</a></li>
    														<li><a href="slider-16.html">Style 5</a></li>
    														<li><a href="slider-17.html">Style 6</a></li>
    														<li><a href="slider-18.html">Style 7</a></li>
    														<li><a href="slider-19.html">Style 8</a></li>
    														<li><a href="slider-20.html">Style 9</a></li>
    														<li><a href="slider-21.html">Style 10</a></li>
    														<li><a href="slider-22.html">Style 11</a></li>
    													</ul>
    												</li>
    												<li><a href="headers.html">Header Styles</a></li>
    												<li><a href="footers.html">Footer Styles</a></li>
    												
    											</ul>
    										</li>
    										<li class="drop dropdown yamm-fw"><a href="#"><span></span>Pages</a>
    											<ul class="drop-down dropdown-menu">
    												<li>
    												  <!-- Content container to add padding -->
    													<div class="yamm-content">
    														<div class="row">
    															<ul class="col-sm-2 list-unstyled">
    																<li>
    																	<p><strong>Introduction</strong></p>
    																</li>
    																<li><a href="about.html"> about us </a></li>
    																<li><a href="about-2.html"> about us 2 </a></li>
    																<li><a href="about-3.html"> about us 3 </a></li>
    																<li><a href="about-4.html"> about us 4 </a></li>
    																<li><a href="team.html"> team 1 </a></li>
    																<li><a href="team-2.html"> team 2 </a></li>
    																<li><a href="team-3.html"> team 3 </a></li>
    																<li><a href="team-4.html"> team 4 </a></li>
    															</ul>
    															<ul class="col-sm-2 list-unstyled">
    																<li>
    																	<p><strong>Extra Features</strong></p>
    																</li>
    																<li><a href="faq.html"> faq </a></li>
    																<li><a href="faq-2.html"> faq 2 </a></li>
    																<li><a href="404.html"> 404 Style 1 </a></li>
    																<li><a href="404-2.html"> 404 Style 2 </a></li>
    																<li><a href="404-3.html"> 404 Style 3 </a></li>
    																<li><a href="under-construction.html"> Under Constraction 1 </a></li>
    																<li><a href="under-construction-2.html"> Under Constraction 2 </a></li>
    																<li><a href="under-construction-3.html"> Under Constraction 3 </a></li>
    															</ul>
    															<ul class="col-sm-4 list-unstyled">
    																<li>
    																	<div class="row">
    																		<div class="col-sm-12">
    																			<ul>
    																				<li>
    																					<p><strong>Contact</strong></p>
    																				</li>
    																				<li><a href="contact-us.html"> Contact Us 1 </a></li>
    																				<li><a href="contact-us-2.html"> Contact Us 2 </a></li>
    																			</ul>
    																		</div>
    																	</div>
    																	
    																	<div class="row">
    																		<div class="col-sm-12">
    																			
    																			<div class="testimonial-slide-3">
    																				<div class="item">
    																					<div class="index8-blog-detail">
    																						<div class="index8-blog-img">
    																							<img src="assets/images/blog/blog-1.jpg" alt="">
    																						</div>
    																						<div class="index8-blog-content">
    																							<div class="index8-blog-date">
    																								<h4>09</h4>
    																								<p>dec</p>
    																							</div>
    																							<div class="index8-blog-description">
    																								<h4>Fusce aliquet sem quam.</h4>
    																								<p>Donec euismod sem nec quam pharetra, ac faucibus orci maximus. Suspendisse pharetr.</p>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																				
    																				<div class="item">
    																					<div class="index8-blog-detail">
    																						<div class="index8-blog-img">
    																							<img src="assets/images/blog/blog-2.jpg" alt="">
    																						</div>
    																						<div class="index8-blog-content">
    																							<div class="index8-blog-date">
    																								<h4>09</h4>
    																								<p>dec</p>
    																							</div>
    																							<div class="index8-blog-description">
    																								<h4>Fusce aliquet sem quam.</h4>
    																								<p>Donec euismod sem nec quam pharetra, ac faucibus orci maximus. Suspendisse pharetr.</p>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																				
    																				<div class="item">
    																					<div class="index8-blog-detail">
    																						<div class="index8-blog-img">
    																							<img src="assets/images/blog/blog-3.jpg" alt="">
    																						</div>
    																						<div class="index8-blog-content">
    																							<div class="index8-blog-date">
    																								<h4>09</h4>
    																								<p>dec</p>
    																							</div>
    																							<div class="index8-blog-description">
    																								<h4>Fusce aliquet sem quam.</h4>
    																								<p>Donec euismod sem nec quam pharetra, ac faucibus orci maximus. Suspendisse pharetr.</p>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																				
    																				<div class="item">
    																					<div class="index8-blog-detail">
    																						<div class="index8-blog-img">
    																							<img src="assets/images/blog/blog-4.jpg" alt="">
    																						</div>
    																						<div class="index8-blog-content">
    																							<div class="index8-blog-date">
    																								<h4>09</h4>
    																								<p>dec</p>
    																							</div>
    																							<div class="index8-blog-description">
    																								<h4>Fusce aliquet sem quam.</h4>
    																								<p>Donec euismod sem nec quam pharetra, ac faucibus orci maximus. Suspendisse pharetr.</p>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																				
    																				<div class="item">
    																					<div class="index8-blog-detail">
    																						<div class="index8-blog-img">
    																							<img src="assets/images/blog/blog-5.jpg" alt="">
    																						</div>
    																						<div class="index8-blog-content">
    																							<div class="index8-blog-date">
    																								<h4>09</h4>
    																								<p>dec</p>
    																							</div>
    																							<div class="index8-blog-description">
    																								<h4>Fusce aliquet sem quam.</h4>
    																								<p>Donec euismod sem nec quam pharetra, ac faucibus orci maximus. Suspendisse pharetr.</p>
    																							</div>
    																						</div>
    																					</div>
    																				</div>
    																			</div>
    																			
    																		</div>
    																	</div>
    																</li>
    															</ul>
    															
    															<ul class="col-sm-4 list-unstyled">
    																<li>
    																	<img class="img-responsive" src="assets/images/mega-menu.png" alt="">
    																</li>
    																
    															</ul>
    															
    														</div>
    													</div>
    												</li>
    											</ul>
    										</li>
    										<li class="drop"><a href="#"><span></span>ELEMENTS</a>
    											<ul class="drop-down">
    												<li><a href="#">our service</a></li>
    												<li><a href="#">our service 2</a></li>
    												<li><a href="#">our service 3</a></li>
    												<li><a href="breadcrums.html">Breadcrumps</a></li>
    											</ul>
    										</li>
    										<li class="drop"><a href="portfolio-index.html">Portfolio</a>
    											<ul class="drop-down">
    												<li class="drop"><a href="#">Portfolio Column</a>
    													<ul class="drop-down level3">
    														<li><a href="portfolio-classic-1col.html">Style 1</a></li>
    														<li><a href="portfolio-classic-2col.html">Style 2</a></li>
    														<li><a href="portfolio-classic-3col.html">Style 3</a></li>
    														<li><a href="portfolio-classic-4col.html">Style 4</a></li>
    														<li><a href="portfolio-classic-5col.html">Style 5</a></li>
    														<li><a href="portfolio-classic-6col.html">Style 6</a></li>
    													</ul>
    												</li>
    												<li class="drop"><a href="#">Portfolio Grid</a>
    													<ul class="drop-down level3">
    														<li><a href="portfolio-grid-2col.html">Style 1</a></li>
    														<li><a href="portfolio-grid-3col.html">Style 2</a></li>
    														<li><a href="portfolio-grid-4col.html">Style 3</a></li>
    														<li><a href="portfolio-grid-4col-no-space.html">Style 4</a></li>
    														<li><a href="portfolio-grid-5col.html">Style 5</a></li>
    														<li><a href="portfolio-grid-6col.html">Style 6</a></li>
    													</ul>
    												</li>
    												<li class="drop"><a href="#">Portfolio Masonary</a>
    													<ul class="drop-down level3">
    														<li><a href="portfolio-masonary-2col.html">Style 1</a></li>
    														<li><a href="portfolio-masonary-3col.html">Style 2</a></li>
    														<li><a href="portfolio-masonary-4col.html">Style 3</a></li>
    													</ul>
    												</li>
    												<li class="drop"><a href="#">Fullwidth</a>
    													<ul class="drop-down level3">
    														<li><a href="portfolio-classic-fullwidth.html">Style 1</a></li>
    														<li><a href="portfolio-classic-fullwidth-dark.html">Style 2</a></li>
    														<li><a href="portfolio-masonary-fullwidth.html">Style 3</a></li>
    													</ul>
    												</li>
    												<li><a href="portfolio-classic-2col-sidebar.html">With Sidebar</a></li>
    											</ul>
    										</li>
    										<li class="drop"><a href="blog-masonary-index.html"><span></span>blog</a>
    											<ul class="drop-down">
    												<li><a href="blog-1.html">Style 1</a></li>
    												<li><a href="blog-2.html">Style 2</a></li>
    												<li><a href="blog-3.html">Style 3</a></li>
    												<li><a href="blog-col-2.html">Style 4</a></li>
    												<li><a href="blog-col-3.html">Style 5</a></li>
    												<li><a href="blog-masonary-3.html">Masonary 1</a></li>
    												<li><a href="blog-masonary-4.html">Masonary 2</a></li>
    												<li><a href="blog-left-sidebar.html">Left sidebar</a></li>
    												<li><a href="blog-right-sidebar.html">Right Sidebar</a></li>
    												<li><a href="blog-single.html">Blog Single 1</a></li>
    												<li><a href="blog-single-left-sidebar.html">Blog Single 2</a></li>
    											</ul>
    										</li>
    										<li class="drop"><a href="shop-index.html"><span></span>SHOP</a>
    											<ul class="drop-down">
    												<li><a href="shop-item.html">shop item</a></li>
    												<li><a href="shop-sidebar.html">shop sidebar</a></li>
    												<li><a href="shop-single.html">shop single</a></li>
    												<li><a href="shop-checkout.html">shop checkout</a></li>
    											</ul>
    										</li>
    										
    
    									</ul>
    									
    									
    								</div>
    								
    								<div class="search search-white">
    									<ul>
    										<li><a id="click-search" href="#"><i class="fa fa-search"></i></a></li>
    									</ul>
    								</div>
    							
    							</div>
    						</div>
    					</div>
    					
    					<!-- filter menu search -->
    					<div id="home-search" class="filter-menu-bottom">
    						<div class="container">
    							<div class="row">
    								<div class="col-md-8 col-md-offset-2">
    									<div class="filter-menu-box">
    										<div class="input-group">
    											<input type="text" id="quicksearch" class="form-control" placeholder="Type your search keyword here and hit Enter...">
    											<span class="input-group-btn">
    												<button class="btn btn-default search-button" type="button">
    													<i class="fa fa-search"></i>
    												</button>
    											</span>
    										</div><!-- /input-group -->
    									</div>
    								</div>
    								<div class="col-md-2">
    									<div class="filter-close-button">
    										<a href="#">
    											<span class="bar-1"></span>
    											<span class="bar-2"></span>
    										</a>
    									</div>
    								</div>
    							</div>
    						</div>
    					</div>
    				</nav>
    				
    				
    			</div>
    		<!-- End Nav Section -->
    		
    		<!-- Start Breadcrum One -->
    		<section>
    			<div class="breadcrum">
    				<div class="error-one-back section-gap">
    					<div class="container">
    						<div class="row">
    							<div class="col-md-6 col-md-offset-3 text-center error-content-1">
    								<h1>404</h1>
    								
    								<h5>page not found</h5>
    								
    								<h6>Ooops, The page you were looking for couldn't be found.</h6>
    								
    								<p>Try searching for the best match or browse the links below:</p>
    								
    								<div class="blog-form top-forty">
    									<!-- Contact Form -->                            
    									<form class="form">
    										<div class="clearfix">
    											<div id="contact_message"></div>
    											
    											<div class="contact-applied-form">
    												<!-- Name -->
    												<div class="form-group">
    													<input type="text" class="error-reply-info-field form-control" placeholder="What are you looking for?" pattern=".{2,100}" required>
    												</div>
    											</div>
    										</div>
    										<!-- Send Button -->
    										<button class="error-submit_btn btn btn-large top-forty">search</button>
    									</form>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    			</div>
    		</section>
    		<!-- End Breadcrum One -->
    		
    
    	</body>
    </html>