<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Responsive WordPress & WooCommerce themes</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800,900|Open+Sans:400,600,700" rel="stylesheet"> 
<script type="text/javascript" src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" media="all" />
<link rel="stylesheet" href="//niftythemes.com/assets/css/home.css" type="text/css" media="all" />
<script type="text/javascript" src="//niftythemes.com/assets/scripts/home.js"></script>
</head>

<body>
<div class="outerContainer">

	<div class="menuContainer">
	
		<div class="logoContainer">
			<img src="//niftythemes.com/assets/images/logo-small.png">
			<span class="action">&#xf039;</span>
		</div><!-- .logoContainer -->
		
		<div class="navContainer">
		
			<ul>
				<li><a href="">Home</a></li>
				<li><a href="">Themes</a></li>
				<li><a href="">Support</a></li>
				<li><a href="">Contact</a></li>
			</ul>		
		
		</div><!-- .navContainer -->		
	
	</div>
	
	<div class="headerContainer">
	
		<div class="headerContainerOverlay">
		
			<div class="headerImage">
				
				
				
			</div><!-- .headerImage -->
			
			<div class="headerText">
				
				<span class="headerName">alexandriaPro</span>
				<h2>Perfectly Crafted</h2>
				<h1>WordPress Themes</h1>
				<p class="headerSubText">Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
				<p class="browseButton"><a href="">Browse Themes</a></p>
			
			</div><!-- .headerText -->
		
		</div><!-- .headerContainerOverlay -->
	
	</div><!-- .headerContainer -->
	
	<div class="themesContainer">

		<!--
		<div class="themesHeading">
			
			<h2>Some of our best themes</h2>
			<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
			
		</div><!-- .themesHeading -->
			
		<div class="featuredThemes">
		
			<div class="featuredTheme">
			
				<div class="featuredThemeImage">
					<img class="replaceImage" data-replace-image="//niftythemes.com/assets/images/home-header.jpg" src="//niftythemes.com/assets/images/theme.jpg" />
				</div><!-- .featuredThemeImage -->
				
				<div class="featuredThemeDescription">
					<span>business</span>
					<h2>Alexandria Pro</h2>
					<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
					<p>
						<a href="">explore</a>
						<a href="">explore</a>
						<a href="">explore</a>
					</p>
				</div><!-- .featuredThemeDescription -->		
			
			</div><!-- .featuredTheme -->
			
			<div class="featuredTheme">
			
				<div class="featuredThemeImage">
					<img class="replaceImage" data-replace-image="//niftythemes.com/assets/images/home-header.jpg" src="//niftythemes.com/assets/images/theme.jpg" />
				</div><!-- .featuredThemeImage -->
				
				<div class="featuredThemeDescription">
					<span>business</span>
					<h2>Alexandria Pro</h2>
					<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
					<p>
						<a href="">explore</a>
						<a href="">explore</a>
						<a href="">explore</a>
					</p>				
				</div><!-- .featuredThemeDescription -->		
			
			</div><!-- .featuredTheme -->

			<div class="featuredTheme">
			
				<div class="featuredThemeImage">
					<img class="replaceImage" data-replace-image="//niftythemes.com/assets/images/home-header.jpg" src="//niftythemes.com/assets/images/theme.jpg" />
				</div><!-- .featuredThemeImage -->
				
				<div class="featuredThemeDescription">
					<span>business</span>
					<h2>Alexandria Pro</h2>
					<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
					<a href="">explore</a>					
				</div><!-- .featuredThemeDescription -->		
			
			</div><!-- .featuredTheme -->			
		
		</div><!-- .featuredThemes -->
		
		<div class="allThemes">
		
			<div class="allThemesHeading">
			
				<h2>Latest Themes</h2>
				<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
			
			</div><!-- .allThemesHeading -->
		
			<div class="themeDetailsContainer">

				<div class="themeDetails">
				
					<div class="themeDetailsImage">
						<img class="replaceImage" data-replace-image="//niftythemes.com/assets/images/home-header.jpg" src="//niftythemes.com/assets/images/theme.jpg" />
					</div><!-- .themeDetailsImage -->
					
					<div class="themeDetailsDescription">
						
						<h2>cartable</h2>
						<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
						<span>
							<a href="">Demo</a>
							<a href="">Details</a>
							<a href="">Purchase</a>
						</span>
						
					</div><!-- .themeDetailsImage -->				
				
				</div><!-- .themeDetails -->
				
				<div class="themeDetails">
				
					<div class="themeDetailsImage">
						<img class="replaceImage" data-replace-image="//niftythemes.com/assets/images/home-header.jpg" src="//niftythemes.com/assets/images/theme.jpg" />
					</div><!-- .themeDetailsImage -->
					
					<div class="themeDetailsDescription">
						
					</div><!-- .themeDetailsImage -->				
				
				</div><!-- .themeDetails -->			
			
			</div><!-- .themeDetailsContainer -->
			
			<div class="themeDetailsContainer">

				<div class="themeDetails">
				
					<div class="themeDetailsImage">
						<img class="replaceImage" data-replace-image="//niftythemes.com/assets/images/home-header.jpg" src="//niftythemes.com/assets/images/theme.jpg" />
					</div><!-- .themeDetailsImage -->
					
					<div class="themeDetailsDescription">
						
						<h2>cartable</h2>
						<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
						<span>
							<a href="">Demo</a>
							<a href="">Details</a>
							<a href="">Purchase</a>
						</span>
						
					</div><!-- .themeDetailsImage -->				
				
				</div><!-- .themeDetails -->
				
				<div class="themeDetails">
				
					<div class="themeDetailsImage">
						<img class="replaceImage" data-replace-image="//niftythemes.com/assets/images/home-header.jpg" src="//niftythemes.com/assets/images/theme.jpg" />
					</div><!-- .themeDetailsImage -->
					
					<div class="themeDetailsDescription">
						
					</div><!-- .themeDetailsImage -->				
				
				</div><!-- .themeDetails -->			
			
			</div><!-- .themeDetailsContainer -->			
		
		</div><!-- .allThemes -->
	
	</div><!-- .themesContainer -->
	
	<div class="featuresContainer">
	
		<div class="featureContainer">
		
			<h4>Responsive</h4>
			<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
		
		</div><!-- .featureContainer -->
		
		<div class="featureContainer">
		
			<h4>SEO optimized</h4>
			<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
		
		</div><!-- .featureContainer -->

		<div class="featureContainer">
		
			<h4>Expert support</h4>
			<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
		
		</div><!-- .featureContainer -->
		
		<div class="featureContainer">
		
			<h4>Great Features</h4>
			<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
		
		</div><!-- .featureContainer -->	

		<div class="featureContainer">
		
			<h4>Always Updated</h4>
			<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
		
		</div><!-- .featureContainer -->
		
		<div class="featureContainer">
		
			<h4>Translation Ready</h4>
			<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
		
		</div><!-- .featureContainer -->		
	
	</div><!-- .featuresContainer -->	
	
	<div class="testimonialsContainer">
	
		<div class="testimonialsOverlay">
		
			<p>Extremely easy to use, Simply set options by clicking a few checkboxes, selcting from a few dropdown menus and you are set.</p>
			
			<span>John Smith</span>
		
		</div><!-- .testimonialsOverlay -->
	
	</div><!-- .testimonialsContainer -->
	
	<div class="footerContainer">
	
		<div class="footerColumn">
		
			<h4>Propaganda</h4>
			<p>About Us</p>
			<p>Our Themes</p>
			<p>Showcase</p>
		
		</div><!-- .footerColumn -->
		
		<div class="footerColumn">
		
			<h4>Need help?</h4>
			<p>Support</p>
			<p>Documentation</p>
			<p>Contact</p>		
		
		</div><!-- .footerColumn -->

		<div class="footerColumn">
		
			<h4>Info</h4>
			<p>Support</p>
			<p>Documentation</p>
			<p>Contact</p>		
		
		</div><!-- .footerColumn -->

		<div class="footerLogoColumn">
		
			<p><img src="//niftythemes.com/assets/images/logo-medium.png"></p>
			<p class="socialLinks">
				<a href="">&#xf09a;</a>
				<a href="">&#xf081;</a>
				<a href="">&#xf16d;</a>
			</p>
		
		</div><!-- .footerLogoColumn -->

		<div class="footerSubscribeColumn">
		
			<h4>Subcribe to news</h4>
			<p>Deals, updates and useful stuff.</p> 
			<div class="subscribeForm">
				<input placeholder="your email address" type="text" />
				<span>Subscribe</span>
			</div><!-- .subscribeForm -->
		
		</div><!-- .footerSubscribeColumn -->		
	
	</div><!-- .footerContainer -->	

</div><!-- .outerContainer -->