<p>
	<meta charset="utf-8" />
</p>
<p>
	<title></title>
</p>
<p>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
</p>
<p>
	<meta content="" name="keywords" />
</p>
<p>
	<meta content="" name="description" />
	<!-- Google Fonts --></p>
<p>
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Roboto:100,300,400,500,700|Philosopher:400,400i,700,700i" rel="stylesheet" />
	<!-- Bootstrap css --><!-- <link rel="stylesheet" href="css/bootstrap.css"> --></p>
<p>
	<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
	<!-- Libraries CSS Files --></p>
<p>
	<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
</p>
<p>
	<link href="lib/owlcarousel/assets/owl.theme.default.min.css" rel="stylesheet" />
</p>
<p>
	<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
</p>
<p>
	<link href="lib/animate/animate.min.css" rel="stylesheet" />
</p>
<p>
	<link href="lib/modal-video/css/modal-video.min.css" rel="stylesheet" />
	<!-- Main Stylesheet File --></p>
<p>
	<link href="css/style.css" rel="stylesheet" />
</p>
<header class="header header-hide" id="header">
	<div class="container">
		<div class="pull-left" id="logo">
			<h1>
				<a class="scrollto" href="#body">芳林芭樂</a></h1>
		</div>
		<nav id="nav-menu-container">
			<ul class="nav-menu">
				<li class="menu-active">
					<a href="#intro">回首頁</a></li>
				<li>
					<a href="#about-us">關於我們</a></li>
				<li>
					<a href="#product">產品介紹</a></li>
				<li>
					<a href="#environment">芳林生態</a></li>
				<li>
					<a href="#contact">聯絡我們</a></li>
			</ul>
		</nav>
		<!-- #nav-menu-container --></div>
</header>
<!-- #header --><!--==========================
    intro Section
  ============================-->
<section class="wow fadeIn" id="intro">
	<div class="intro-container">
		<a class="btn-get-started scrollto" href="#get-started">點我向下</a></div>
</section>
<!-- #hero --><!--==========================
    Get Started Section
  ============================-->
<section class="padd-section text-center wow fadeInUp" id="get-started">
	<div class="container">
		<div class="section-title text-center">
			<h2>
				WELCOME</h2>
			<p class="separator">
				一生懸命，自慢的芭樂&mdash;芳林<br />
				芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，<br />
				嚴謹的管理及記錄生產過程，並讓它以最自然的方式自然生長，<br />
				讓它擁有該有的原始風味，就像種給自己家人吃一樣，<br />
				希望您也可以透過芳林，安心與健康的食用，這就是芳林給您最好的祝福。</p>
		</div>
	</div>
</section>
<!--==========================
    About Us Section
  ============================-->
<section class="about-us padd-section wow fadeInUp" id="about-us">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-md-6 col-lg-4">
				<img alt="About" src="img/鄭宗林老闆.jpg" /></div>
			<div class="col-md-6 col-lg-8">
				<div class="carousel slide" data-ride="carousel" id="carousel-example-generic">
					<!-- Indicators -->
					<ol class="carousel-indicators">
						<li class="active" data-slide-to="0" data-target="#carousel-example-generic">
							&nbsp;</li>
						<li data-slide-to="1" data-target="#carousel-example-generic">
							&nbsp;</li>
						<li data-slide-to="2" data-target="#carousel-example-generic">
							&nbsp;</li>
					</ol>
					<!-- Wrapper for slides -->
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<img alt="..." src="" />
							<div class="carousel-caption">
								...</div>
						</div>
						<div class="item">
							<img alt="..." src="" />
							<div class="carousel-caption">
								...</div>
						</div>
						...</div>
					<!-- Controls --><a class="left carousel-control" data-slide="prev" href="#carousel-example-generic" role="button"><span class="sr-only">Previous</span> </a> <a class="right carousel-control" data-slide="next" href="#carousel-example-generic" role="button"> <span class="sr-only">Next</span> </a></div>
			</div>
		</div>
	</div>
</section>
<!--==========================
  product Section
  ============================-->
<section class="padd-section text-center wow fadeInUp" id="product">
	<div class="container">
		<div class="section-title text-center">
			<h2>
				芭樂展現浪漫原味</h2>
			<p class="separator">
				&ldquo;我的芭樂自然熟成，八、九分熟最好吃！&rdquo;</p>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-md-6 col-lg-4">
				<div class="product-block">
					<img alt="img" class="img-fluid" src="img/guava1.png" />
					<h4>
						芭樂</h4>
					<button type="button">read more....</button></div>
			</div>
			<div class="col-md-6 col-lg-4">
				<div class="product-block">
					<img alt="img" class="img-fluid" src="img/guava2.png" />
					<h4>
						禮盒</h4>
					<button type="button">read more....</button></div>
			</div>
			<div class="col-md-6 col-lg-4">
				<div class="product-block">
					<img alt="img" class="img-fluid" src="img/guava3.png" />
					<h4>
						超大禮盒</h4>
					<button type="button">read more....</button></div>
			</div>
		</div>
	</div>
</section>
<!--==========================
   environment Section
  ============================-->
<section class="padd-section text-center wow fadeInUp" id="environment">
	<div class="container">
		<div class="section-title text-center">
			<h2>
				芳林生態</h2>
			<p class="separator">
				大地的滋潤，讓芭樂香甜美味</p>
		</div>
	</div>
	<div class="container">
		<div class="owl-carousel owl-theme">
			<div>
				<img alt="img" src="img/草生栽培.png" /></div>
			<div>
				<img alt="img" src="img/除草小鴨.png" /></div>
			<div>
				<img alt="img" src="img/芭樂園2.png" /></div>
			<div>
				<img alt="img" src="img/岡山超峰寺.png" /></div>
		</div>
	</div>
</section>
<!--==========================
    Contact Section
  ============================-->
<section class="padd-section wow fadeInUp" id="contact">
	<div class="container">
		<div class="section-title text-center">
			<h2>
				聯絡我們</h2>
			<p class="separator">
				聯絡資訊</p>
		</div>
	</div>
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-lg-6 col-md-4">
				<div class="info">
					<div>
						<p>
							鄭宗林</p>
					</div>
					<div>
						<p>
							0910-326-822</p>
					</div>
					<div>
						<p>
							kenny335a</p>
					</div>
					<div>
						<p>
							820高雄市岡山區嘉峰路600巷高鐵 橋下</p>
					</div>
					<div class="email">
						<p>
							kenny335a@ yahoo.com.tw</p>
					</div>
					<div>
						<p>
							07-371-2376</p>
					</div>
					<div>
						<p>
							可前往岡山火車站轉乘計程車($200)或由農場主人接送</p>
					</div>
				</div>
				<div class="social-links">
					&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;</div>
			</div>
			<div class="col-lg-6 col-md-8">
				<div class="iframe-rwd">
					<iframe allowfullscreen="" frameborder="0" height="450" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7354.3677329882885!2d120.316526!3d22.832686!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51e50555d5e38def!2z6Iqz5p6X6Iqt5qiC5p6c5ZyS!5e0!3m2!1szh-TW!2stw!4v1554895992005!5m2!1szh-TW!2stw" style="border:0" width="600"></iframe></div>
			</div>
		</div>
	</div>
</section>
<!-- #contact --><!--==========================
    Footer
  ============================-->
<footer class="footer">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 col-md-12 col-lg-12">
				<div class="list-menu">
					芳林芭樂莊園2017<br />
					地址：820高雄市岡山區嘉峰路600巷高鐵 橋下<br />
					電話：07-371- 2376<br />
					Copyright &copy; 芳林芭樂莊園2017 2016</div>
			</div>
		</div>
	</div>
</footer>
<!-- JavaScript Libraries --><script src="lib/jquery/jquery.min.js"></script><script src="lib/jquery/jquery-migrate.min.js"></script><script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script><script src="lib/superfish/hoverIntent.js"></script><script src="lib/superfish/superfish.min.js"></script><script src="lib/easing/easing.min.js"></script><script src="lib/modal-video/js/modal-video.js"></script><script src="lib/owlcarousel/owl.carousel.min.js"></script><script src="lib/wow/wow.min.js"></script><!-- Contact Form JavaScript File --><script src="contactform/contactform.js"></script><!-- Template Main Javascript File --><script src="js/main.js"></script>