<!DOCTYPE html>
<html lang="zh-TW">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
	  
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>我的網站的標題</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
	
	<style>
		html, body
					
						.bgw{
						
						background-color:rgba(0,0,20,0);
						}
						body
						{
							margin: 0px;
							padding: 0px;
							background: #ffffff;
							font-family: Microsoft JhengHei,'Didact Gothic', sans-serif;
							font-size: 16pt;
							font-weight: 200;
							color: #000;
						}
		
		container
			.bgw{
				background-color:rgba(111,115,115,0)
				}
				height: 1000px;

			
		}
	  </style>
  </head>
  <body>
  
  
	<div class="container">
		<div class="row"  >
				<h2>網站網站</h2>
		</div>
		    
		<nav class="navbar navbar-default>
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      
    </div>
    
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href =index.htm >回首頁</a></li>
        <li><a href =index.htm >關於我們</a></li>
		<li><a href =index.htm >客服電話</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">商品圖庫<span class="caret"></span></a>
          <ul class="dropdown-menu">
			<li><a href="#">1</a></li>
			<li role="separator" class="divider"></li>
            <li><a href="#">2</a></li>
			<li role="separator" class="divider"></li>
            <li><a href="#">3</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">4</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">5</a></li>
          </ul>
        </li>
		<li><a href =index.htm >文件下載</a></li>
      </ul>
      <form class="navbar-form navbar-left">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Link</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
		
		<div class="row">
			<div class="col-md-3" >
				<table class="table table-condensed">
					<tr><td><a href =index.htm class="btn btn-default btn-lg btn-block ">回首頁</tr>
					<tr><td><a href =index.htm class="btn btn-default btn-lg btn-block">關於我們</tr>
					<tr><td><a href =index.htm class="btn btn-default btn-lg btn-block">客服電話</tr>
					<tr><td><a href =index.htm class="btn btn-default btn-lg btn-block">商品圖庫</tr>
					<tr><td><a href =index.htm class="btn btn-default btn-lg btn-block">文件下載</tr>
				</table>		
			</div>
			<div class="col-md-9" >
			<p><span class="glyphicon glyphicon-search" aria-hidden="true"></span>台灣，一個美麗的島嶼，有著「福爾摩莎」的美名，早在16世紀時葡萄牙人就給了台東一個美麗的稱號-ALANGER。</p>
			<p class="text-muted">我們是一群ALANGER﹝艾蘭哥爾﹞的子女，想要做自己，期望愛喝咖啡的你也能享受這風味特殊且健康無負擔的咖</p>
			<p><i class="material-icons ">trending_down</i> <i class="material-icons orange600">face</i>啡。 我們不追求奢華刺激的口感，如同台東的潔淨無汙染，台東生產的咖啡豆風味淡雅溫和、口感細緻優雅醇厚</p>
			<p class="text-info">，帶有微醺的香氣與甘甜味。我們放入環保概念在植栽、教育輔導農民栽培技術及舉辦咖啡研習活動，更培養評</p>
			<p class="bg-success">鑑杯測團隊幫大家把關第一道口感的滋味。1974年農場接受了日本人遺留下來的阿拉比卡品種咖啡豆，種植於現今</p>
			<p class="text-info">南大<i class="material-icons">flight_land</i>武山自然保留區旁之金崙溪流域近黃溫泉、都飛魯溫泉上方800公尺排灣族舊讀古梧部落附近，成就了野生咖</p>
			<p>啡種原保育區。農場背山面海終年海風吹拂，在雲霧籠罩的雲間帶下以自然農法種植方式生產的咖啡豆，具有島嶼</p>
			<p>豆與高原豆之特性，沖泡出的咖啡更具獨特香氣與口感。這顆獨特的種子如同魔豆吸引著傑克；堅持夢想的味道牽</p>
			<p>引著艾蘭哥爾的男<i class="material-icons">speaker_notes_off</i>女。來杯溫暖、樸實、優雅的艾蘭哥爾咖啡吧！讓你的靈魂沉浸在我們的幸福滋味之中…	</p>
			</div>
		</div>
		<div class="row">
			<div class="col-md-3" >
			<img src=LOGO.jpeg class="img-responsive" alt="Responsive image" height="300px" width="300px">
			</div>
			<div class="col-md-3" >
			<img src=Welcome.JPG class="img-responsive" alt="Responsive image"  height="300px" width="300px">
			</div>	
            <div class="col-md-3" >
			<img src=store.JPG class="img-responsive" alt="Responsive image"  height="300px" width="300px">
			</div>	
			<div class="col-md-3" >
			<img src=CoffeeBags.JPG class="img-responsive" alt="Responsive image"  height="300px" width="300px">
			</div>
		</div>
	</div>

	
    

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>