<div class="top-header">
	<div class="container">
		<!-- <ul class="tp-hd-lft wow fadeInLeft animated" data-wow-delay=".5s">


			<li class="hm"><a href="index.php"><i class="fa fa-home"></i></a></li>
				<li class="hm"><a href="admin/index.php">Admin Login</a></li>
		</ul>
		<ul class="tp-hd-rgt wow fadeInRight animated" data-wow-delay=".5s">

			<li class="sig"><a href="#" data-toggle="modal" data-target="#myModal" >Sign Up</a></li>
			<li class="sigi"><a href="#" data-toggle="modal" data-target="#myModal4" >/ Sign In</a></li>
        </ul> -->
		<div class="clearfix"></div>
	</div>
</div>
<div class="header">
	<div class="container">
		<div class="logo wow fadeInDown animated" data-wow-delay=".5s">
			<a href="index.php">Home<span>Dog</span></a>
		</div>

		<div class="lock fadeInDown animated" data-wow-delay=".5s">
			<!-- <li><i class="fa fa-lock"></i></li> -->

			<div class="clearfix"></div>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
<!--- /header ---->
<!--- footer-btm ---->
<div class="footer-btm wow fadeInLeft animated" data-wow-delay=".5s">
	<div class="container">
	<div class="navigation">
			<nav class="navbar navbar-default">
				<!-- Brand and toggle get grouped for better mobile display -->
				<!-- Collect the nav links, forms, and other content for toggling -->
					<nav class="cl-effect-1">
						<ul class="nav">
							<li><a href="index.php">หน้าหลัก</a></li>
							<li><a href="page1.php">สายพันธุ์/ช่วงอายุ</a></li>
							<li><a href="page2.php">ลักษณะนิสัย</a></li>
							<li><a href="page3.php">แนะนำการเลี้ยงสุนัข</a></li>
							<li><a href="page4.php">วิธีการเตรียมตัวก่อนเลี้ยงสุนัข</a></li>
							<li><a href="page5.php">จัดการข้อมูลสุนัข</a></li>
						</ul>
					</nav><!-- /.navbar-collapse -->
			</nav>
		</div>

		<div class="clearfix"></div>
	</div>
</div>
