
<style type="text/css">
a,p,h2{
	font-family:"微軟正黑體",'標楷體';
	font-weight:bold;
}
nav{
	class:"navbar navbar-default navbar-fixed-top";
}

<div class="row">
		 <div class="col-md-2" style="">
		<table class="table">
		<tr><td><a href="#Introduction"  class="btn btn-default btn btn-outline-primary btn-lg btn-block"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span> 產品概述</a>
		<tr><td><a href="#video" class="btn btn-default btn btn-outline-secondary btn-lg btn-block"><span class="glyphicon glyphicon-film" aria-hidden="true"></span> 產品影片</a>
		<tr><td><a href="#story"class="btn btn-default btn btn-outline-primary btn-lg btn-block"><span class="glyphicon glyphicon-book" aria-hidden="true"></span> 產品故事</a>
		<tr><td><a href="#technology" class="btn btn-default btn btn-outline-secondary btn-lg btn-block"><span class="glyphicon glyphicon-wrench" aria-hidden="true"></span> 產品技術</a>
		<tr><td><a href="#Description" class="btn btn-default btn btn-outline-primary btn-lg btn-block"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> 產品說明</a>
</table>
		 </div>

<div class="col-md-10" style="">
<p> <a name="Introduction"></a></p>
    <p><img class="img-responsive center-block" src="/userUpload/images/123/1_1.jpg" /></p>
</div>
<p> <a name="video"></a></p>
<p style="text-align: center;">
	<iframe allowfullscreen="" frameborder="0" gesture="media"  height="480" width="60%"src="https://www.youtube.com/embed/anfK1UmqiFg" ></iframe></p>

<p><a name="story"></a></p>

<p><img class="img-responsive center-block" src="/userUpload/images/123/123456.jpg" /></p>

<p><a name="technology"></a></p>
<p><img class="img-responsive center-block" src="/userUpload/images/123/1234.jpg" /></p>

<p><a name="Description"></a></p>
<p><img class="img-responsive center-block" src="/userUpload/images/123/4.jpg" /></p>
</div>
