Untitled

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />

	<title>{ Project Name }</title>

	<link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />

	<link rel="stylesheet" href="css/style.css" />
</head>
<body>
	<div class="wrapper">
		<img src="css/images/temp/" alt="" class="wrapper-image">

		<div class="container">
			<div class="container-inner">
				<header class="header">
					<a href="#" class="logo">Wheat</a>

					<nav class="nav">
						<ul>
							<li>
								<a href="#">About</a>
							</li>

							<li>
								<a href="#">What We Do</a>
							</li>

							<li>
								<a href="#">Projects</a>
							</li>

							<li>
								<a href="#">Blog</a>
							</li>

							<li>
								<a href="#">Contact</a>
							</li>
						</ul>
					</nav><!-- /.nav -->
				</header><!-- /.header -->

				<div class="intro">
					<h2>At Wheat reative, We Speak Franchising Fluently.</h2>

					<p>The franchise marketing world is full of nuances, lingo and relationships unique to the franchise industry. Luckily, we are well versed in all of them. Our team has spent significant protions of their marketing careers developing some of the most recognized and well-respected franchise recruitment strategies and websites in the industry.</p>
				</div><!-- /.intro -->
			</div><!-- /.container-inner -->
		</div><!-- /.container -->

		<div class="main">
			<section class="section section-about">
				<header class="section-head">
					<h3 class="title-dashed">Who We Are</h3>
				</header><!-- /.section-head -->

				<div class="section-body">
					<div class="accordion">
						<div class="accordion-section">
							<div class="accordion-head">
								<h4>We're niche-y and we know it</h4>
							</div><!-- /.accordion-head -->

							<div class="accordion-body">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta quae dolore, harum nostrum omnis inventore, qui enim nisi corrupti iure doloribus cumque aperiam minima eligendi, magnam similique odio vero impedit.</p>
							</div><!-- /.accordion-body -->
						</div><!-- /.accordion-section -->

						<div class="accordion-section">
							<div class="accordion-head">
								<h4>We Build Brands for your world.</h4>
							</div><!-- /.accordion-head -->

							<div class="accordion-body">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae doloribus atque assumenda consectetur rerum, quisquam accusamus at pariatur, repellat eligendi aperiam quia, iusto maiores vitae perspiciatis libero? Vel voluptas, dicta!</p>
							</div><!-- /.accordion-body -->
						</div><!-- /.accordion-section -->

						<div class="accordion-section">
							<div class="accordion-head">
								<h4>We are people people.</h4>
							</div><!-- /.accordion-head -->

							<div class="accordion-body">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis labore id minus quos dignissimos nihil maiores, modi aut soluta ipsum, exercitationem maxime illum voluptas excepturi quaerat recusandae, ea laudantium rem.</p>
							</div><!-- /.accordion-body -->
						</div><!-- /.accordion-section -->

						<div class="accordion-section">
							<div class="accordion-head">
								<h4>We Deal in substance, not spin.</h4>
							</div><!-- /.accordion-head -->

							<div class="accordion-body">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus doloremque, ducimus hic deserunt sequi, optio dolorem eaque, officia cupiditate esse, necessitatibus ipsum. Tenetur minima delectus eveniet nulla culpa, temporibus libero!</p>
							</div><!-- /.accordion-body -->
						</div><!-- /.accordion-section -->

						<div class="accordion-section">
							<div class="accordion-head">
								<h4>Whe nit comes to marketing, we're rocket scientists.</h4>
							</div><!-- /.accordion-head -->

							<div class="accordion-body">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates tenetur autem architecto perspiciatis adipisci doloribus corporis quia quam, eaque dolorem nisi asperiores, error beatae saepe ea at cum unde nulla?</p>
							</div><!-- /.accordion-body -->
						</div><!-- /.accordion-section -->

						<div class="accordion-section">
							<div class="accordion-head">
								<h4>We won't leave you hanging</h4>
							</div><!-- /.accordion-head -->

							<div class="accordion-body">
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, recusandae! Consequatur, autem culpa rem, magnam itaque excepturi fugiat iure totam odit natus earum dolorem esse eaque. Neque quos maxime excepturi!</p>
							</div><!-- /.accordion-body -->
						</div><!-- /.accordion-section -->
					</div><!-- /.accordion -->
				</div><!-- /.section-body -->
			</section><!-- /.section section-about -->

			<section class="section section-grey">
				<h3 class="title-dashed">Our Ideal Partner</h3><!-- /.title-dashed -->

				<p>We are not something here. We Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut hic voluptatem impedit expedita, delectus reiciendis culpa.</p>

				<a href="#" class="btn btn-black">
					Start A Project

					<i class="ico-arrow-right-black"></i>
				</a>
			</section><!-- /.section section-grey -->

			<section class="section-team" data-thumbs="true">
				<header class="section-head">
					<h3 class="title-dashed">The Team Headline</h3><!-- /.title-dashed -->

					<p>At Wheat Creative, we are creatively obessed with your growth. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
				</header><!-- /.section-head -->

				<div class="section-body">
					<div class="slider-members">
						<div class="slider-clip">
							<ul class="slides">
								<li class="slide">
									<img src="css/images/temp/" alt="">

									<div class="slide-content">
										<h4>Justion Baloun</h4>

										<span>Founder</span>

										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere molestiae incidunt numquam. Asperiores esse voluptas praesentium et ab doloribus magnam repudiandae vel, unde, error veniam omnis maxime debitis, odit temporibus?</p>

										<ul class="list-links">
											<li>
												<a href="#">Read More</a>
											</li>

											<li>
												<a href="#">Connect on Linkedin</a>
											</li>
										</ul><!-- /.list-links -->
									</div><!-- /.slide-content -->
								</li><!-- /.slide -->
							</ul><!-- /.slides -->
						</div><!-- /.slider-clip -->

						<div class="slider-thumbs">
							<ul>
								<li>
									<a href="#">
										<img src="css/images/temp/" alt="">
									</a>
								</li>

								<li>
									<a href="#">
										<img src="css/images/temp/" alt="">
									</a>
								</li>

								<li>
									<a href="#">
										<img src="css/images/temp/" alt="">
									</a>
								</li>

								<li>
									<a href="#">
										<img src="css/images/temp/" alt="">
									</a>
								</li>

								<li>
									<a href="#">
										<img src="css/images/temp/" alt="">
									</a>
								</li>

								<li>
									<a href="#">
										<img src="css/images/temp/" alt="">
									</a>
								</li>
							</ul>

							<div class="slider-thumbs-actions">
								<a href="#" class="slider-prev"></a>

								<p class="slider-counter">
									<span>1</span>

									/6
								</p><!-- /.slider-counter -->

								<a href="#" class="slider-next"></a>
							</div><!-- /.slider-thumbs-actions -->
						</div><!-- /.slider-thumbs -->
					</div><!-- /.slider-members -->
				</div><!-- /.section-body -->
			</section><!-- /.section-team -->
		</div><!-- /.main -->

		<section class="section-contacts">
			<div class="shell">
				<ul class="contacts">
					<li class="contact">
						<h3 class="title-dashed">Get in Touch</h3><!-- /.title-dashed -->

						<p>Let our great ideas grow your business</p>

						<a href="#" class="btn">
							Contact Wheat

							<i class="ico-arow-right"></i>
						</a>
					</li><!-- /.contact -->

					<li class="contact contact-darkorange">
						<h3 class="title-dashed">Stay In Touch</h3><!-- /.title-dashed -->

						<p>Follow Wheat for the latest marketing tips.</p>

						<a href="#" class="btn">
							Sign Up

							<i class="ico-arow-right"></i>
						</a>
					</li><!-- /.contact -->
				</ul><!-- /.contacts -->
			</div><!-- /.shell -->
		</section><!-- /.section-contacts -->

		<footer class="footer">
			<a href="#" class="logo">Wheat</a>

			<p class="footer-entry">Our Great Ideas Grow Your Business</p><!-- /.footer-entry -->

			<div class="footer-inner">
				<p class="copyright">&copy; 2016 Wheat Creative</p><!-- /.copyright -->

				<ul class="list-utilities">
					<li>
						<a href="tel:7028230827">(702) 823 0827</a>
					</li>

					<li>
						<a href="#">Contact</a>
					</li>

					<li>
						<a href="#">Careers</a>
					</li>

					<li>
						<a href="#">Partners</a>
					</li>
				</ul><!-- /.list-utilities -->

				<div class="socials">
					<ul>
						<li>
							<a href="#">
								<i class="ico-facebook"></i>
							</a>
						</li>

						<li>
							<a href="#">
								<i class="ico-twitter"></i>
							</a>
						</li>

						<li>
							<a href="#">
								<i class="ico-linkedin"></i>
							</a>
						</li>
					</ul>

					<a href="#">
						<img src="css/images/temp/" alt="">
					</a>
				</div><!-- /.socials -->
			</div><!-- /.footer-inner -->
		</footer><!-- /.footer -->
	</div><!-- /.wrapper -->
</body>
</html>