<!DOCTYPE HTML>
<!--
	Spatial by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
	<title>HATSU HAIR</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="landing">

	<!-- Header -->
		<header id="header" class="alt">
		<h1><strong><a href="picture.php" class="button special"><font >HATSU</font></a></strong></h1>
			<nav id="nav">
				<ul>
					<li><a href="index.php"><font color="#6b770d">Home</font></a></li>
					<li><a href="picture.php"><font color="#6b770d">Picture</font></a></li>
					<li><a href="register.php"><font color="#6b770d">Register</font></a></li>

				</ul>
			</nav>

		</header>


		<a href="#menu" class="navPanelToggle"><span class="fa fa-bars"></span></a>

	<!-- Banner -->


		<!-- One -->
			<section id="one" class="wrapper style1">
				<div class="container 75%">
					<div class="row 200%">
						<div class="6u 12u$(medium)">
							<center>
							<header class="major">
								<h2>HATSU HAIR</h2>
									<div class="image rounded"><img width="300" src="images/pic08.jpg" alt="" /></div>
							<p>hatsu hair Salon & Barber</p>
							</header>
						</center>
						</div>
						<div class="6u$ 12u$(medium)">

<img src="images/1111.jpg" alt="" />
						</div>

						</div>
					</div>
				</div>
			</section>

		<!-- Two -->
			<section id="two" class="wrapper style2 special">
				<div class="container">
					<header class="major">
						<h2>Picture of the work</h2>
						<p>hair style</p>
					</header>
					<div class="row 150%">
						<div class="6u 12u$(xsmall)">
							<div class="image fit captioned">
								<img src="images/pic13.jpg" alt="" />
								<h3>Men haircut</h3>
							</div>
						</div>

					<div class="6u$ 12u$(xsmall)">
						<div class="image fit captioned">
							<img src="images/pic14.jpg" alt="" />
							<h3>Men haircut</h3>
						</div>
					</div>
				</div>
				<div class="row 150%">
					<div class="6u 12u$(xsmall)">
						<div class="image fit captioned">
							<img src="images/pic15.jpg" alt="" />
							<h3>Curling women</h3>
						</div>
					</div>

				<div class="6u$ 12u$(xsmall)">
					<div class="image fit captioned">
						<img src="images/pic16.jpg" alt="" />
						<h3>Curling women</h3>
					</div>
				</div>
			</div>
			<div class="row 150%">
				<div class="6u 12u$(xsmall)">
					<div class="image fit captioned">
						<img src="images/pic17.jpg" alt="" />
						<h3>Curling women</h3>
					</div>
				</div>

			<div class="6u$ 12u$(xsmall)">
				<div class="image fit captioned">
					<img src="images/pic18.jpg" alt="" />
					<h3>Female haircut</h3>
				</div>
			</div>
		</div>
		<div class="row 150%">
			<div class="6u 12u$(xsmall)">
				<div class="image fit captioned">
					<img src="images/pic19.jpg" alt="" />
					<h3>Making hair color</h3>
				</div>
			</div>

		<div class="6u$ 12u$(xsmall)">
			<div class="image fit captioned">
				<img src="images/pic20.jpg" alt="" />
				<h3>Curling women</h3>
			</div>
		</div>
	</div>
	<div class="row 150%">
		<div class="6u 12u$(xsmall)">
			<div class="image fit captioned">
				<img src="images/pic21.jpg" alt="" />
				<h3>Making hair color</h3>
			</div>
		</div>

	<div class="6u$ 12u$(xsmall)">
		<div class="image fit captioned">
			<img src="images/pic22.jpg" alt="" />
			<h3>Making hair color</h3>
		</div>
	</div>
</div>
<div class="row 150%">
	<div class="6u 12u$(xsmall)">
		<div class="image fit captioned">
			<img src="images/pic23.jpg" alt="" />
			<h3>Making hair color</h3>
		</div>
	</div>

<div class="6u$ 12u$(xsmall)">
	<div class="image fit captioned">
		<img src="images/pic10.jpg" alt="" />
		<h3>Illum, maiores tempora cupid?</h3>
	</div>
</div>
</div>
<div class="row 150%">
	<div class="6u 12u$(xsmall)">
		<div class="image fit captioned">
			<img src="images/pic09.jpg" alt="" />
			<h3>Curling men</h3>
		</div>
	</div>

<div class="6u$ 12u$(xsmall)">
	<div class="image fit captioned">
		<img src="images/pic10.jpg" alt="" />
		<h3>Curling women</h3>
	</div>
</div>
</div>


<ul class="actions">
	<li><a href="https://www.facebook.com/pg/hatsuhairubon/photos/?ref=page_internal" class="button special big">READ MORE</a></li>

</ul>
		</div>
			</section>

		<!-- Three -->
		<section id="three" class="wrapper style1">
			<div class="container">
				<header class="major special">
					<h2>Choose your hair style</h2>
					<p>To build confidence for you</p>
				</header>
				<div class="feature-grid">
					<div class="feature">
						<div class="image rounded"><img src="images/pic09.jpg" alt="" /></div>
						<div class="content">
							<header>
								<h4>Curling men</h4>
								<p>Curling men</p>
							</header>
							<p>How To Get Curly Hair For Men
If you have straight hair, you may be wondering how to get curly hair for men. Fortunately.</p>
						</div>
					</div>

					<div class="feature">
						<div class="image rounded"><img src="images/pic10.jpg" alt="" /></div>
						<div class="content">
							<header>
								<h4>Women hair color</h4>
								<p>Women hair color</p>
							</header>
							<p>The new year is the best time to switch up your look — after all, new year, new you, right? If you're looking for some hair color inspiration, take a cue from these gorgeous blonde, brunette, red, and multi-tone hair hues that are going to be huge in 2019.</p>
						</div>
					</div>
					<div class="feature">
						<div class="image rounded"><img src="images/pic11.jpg" alt="" /></div>
						<div class="content">
							<header>
								<h4>Male haircut</h4>
								<p>Male haircut</p>
							</header>
							<p>Short haircuts for men are the go-to haircut styles for most guys. There is something very satisfying about going to the barber to get your hair all cleaned up and looking fresh.</p>
						</div>
					</div>
					<div class="feature">
						<div class="image rounded"><img src="images/pic12.jpg" alt="" /></div>
						<div class="content">
							<header>
								<h4>Curling women</h4>
								<p>Curling women</p>
							</header>
							<p>curls are the easiest way to glam up your look. If you weren't blessed with 'em naturally, there are some super simple ways to get those waves on your own.</p>
						</div>
					</div>
				</div>
			</div>
		</section>

	<!-- Four -->


<!-- Footer -->
<div class=><img width="1200" height="200" src="images/jjj0j1.jpg" alt="" /></div><br>
	<footer id="footer">
		<div class="container">
			<ul class="icons">
				<li><a href="https://www.facebook.com/hatsuhairubon/" class="icon fa-facebook"></a></li>

					<img width="1200" height="200" src="images/jjj0j1.jpg" alt="" />
				</ul>

	</footer>

<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/skel.min.js"></script>
	<script src="assets/js/util.js"></script>
	<script src="assets/js/main.js"></script>

</body>
</html>
