
<!-- m.xbbs1.com -->
<!doctype html>
<html lang="zh-TW">
	<head>
		<title>學彈鋼琴 - 速成流行學琴-成人速成流行鋼琴-速成流行鋼琴-流行鋼琴課程-成人學鋼琴-成人鋼琴班-成人鋼琴課程-成人自學鋼琴-成人鋼琴-流行鋼琴譜-流行鋼琴教學-流行鋼琴網-流行鋼琴自學-香港流行鋼琴-學彈鋼琴-學鋼琴-彈鋼琴-速成學琴-速成鋼琴課程-速成鋼琴班-速成鋼琴</title>
		<meta charset="utf-8">
		<meta name="description" content="速成流行學琴, 成人速成流行鋼琴, 速成流行鋼琴, 流行鋼琴課程, 成人學鋼琴, 成人鋼琴班, 成人鋼琴課程, 成人自學鋼琴, 成人鋼琴, 流行鋼琴譜, 流行鋼琴教學, 流行鋼琴網, 流行鋼琴自學, 香港流行鋼琴, 學彈鋼琴, 學鋼琴, 彈鋼琴, 速成學琴, 速成鋼琴課程, 速成鋼琴班, 速成鋼琴">
    <meta name="keywords" content="速成流行學琴, 成人速成流行鋼琴, 速成流行鋼琴, 流行鋼琴課程, 成人學鋼琴, 成人鋼琴班, 成人鋼琴課程, 成人自學鋼琴, 成人鋼琴, 流行鋼琴譜, 流行鋼琴教學, 流行鋼琴網, 流行鋼琴自學, 香港流行鋼琴, 學彈鋼琴, 學鋼琴, 彈鋼琴, 速成學琴, 速成鋼琴課程, 速成鋼琴班, 速成鋼琴">
<meta name="robots" content="index, follow, noarchive" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
	body {
  font-size: 14px;
}
body, h1, h2, h3, h4, h5, h6 {
  font-family: "gandhi sans", helvetica, sans-serif;
}
.btn {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 2px;
}
.container {
  max-width: 920px;
}
.navbar {
  background: #111;
  padding: 0.3em 0;
}
.navbar .navbar-brand {
  color: #fff;
  font-family: "gandhi serif", georgia, serif;
  font-weight: bold;
}
.navbar ul.nav li a {
  color: #fff;
  padding-left: 0;
  padding-right: 0;
  margin: 0 1.5em;
}
.navbar ul.nav li button {
  margin: 0.7em 0 0 1em;
}
.jumbotron {
  background: url(//pianohk.s3.amazonaws.com/images/plant-pattern-200x200.jpg);
  color: black;
  padding: 6.5em 0 6em;
  text-align: center;
}
.jumbotron h1 {
  font-family: "gandhi serif", georgia, serif;
  font-size: 3em;
  font-weight: bold;
  text-shadow: 1px 1px 3px gray;
}
.jumbotron h2 {
  font-size: 1.2em;
  font-style: italic;
  font-weight: normal;
  line-height: 1.4em;
  margin-bottom: 1.4em;
}
.jumbotron .btn {
  box-shadow: 1px 1px 3px #000;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.3em 2.5em 0.5em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.jumbotron .btn .glyphicon {
  margin-left: 0.2em;
  position: relative;
  top: 3px;
}
.sect-border {
  border-top: 1px dashed #d6d6d6;
  border-bottom: 1px dashed #f6f6f6;
  margin: 2em 8% 2.4em;
}
.subhead {
  color: #000;
  font-family: "gandhi serif", georgia, serif;
  font-size: 3em;
  font-weight: bold;
  text-align: center;
  margin: 0.3em 0;
}
.benefit {
  margin: 0.8em 0;
  text-align: center;
}
.benefit .benefit-ball {
  background: #428bca;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  line-height: 1em;
  padding: 3em;
}
.benefit .benefit-ball .glyphicon {
  font-size: 4em;
  position: relative;
  top: -3px;
  right: 1px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.benefit h3 {
  color: #000;
  font-family: "gandhi serif", georgia, serif;
  font-size: 2em;
  font-weight: bold;
}
#slideshow {
  margin: 0.5em 0 1.5em;
}
#slideshow .carousel-inner img {
  background: #000;
  height: 500px;
  width: 100%;
}
footer {
  background: #111;
  color: #fff;
  margin: 3.5em 0 0;
  padding: 1.5em 0 0.8em;
}

/* Navigation */
.navbar {
  background: #fff;
  margin-bottom: 0;
  border-bottom: 0 none;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}
.navbar.ontop-now {
  box-shadow: none;
  background: transparent;
  border-bottom: 1px solid #d9dee2;
}
.navbar.no-border {
  border-bottom: 0 none;
}
.navbar .navbar-toggle {
  border-color: transparent;
  background: transparent;
  border-radius: 3px;
}
.navbar .navbar-toggle:hover {
  background: transparent;
  border-color: transparent;
}
.navbar .navbar-toggle .icon-bar {
  background: #333333;
}
@media (max-width: 480px) {
  .navbar .navbar-collapse.collapse.in {
    background: #fff;
  }
}
.navbar .navbar-nav {
  font-family: "Open sans", helvetica, "Helvetica Neue", arial;
}
.navbar .navbar-nav > li > a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
}
.navbar .navbar-nav > li > a,
.navbar .navbar-nav > .open ul > a {
  color: #4d4d4d;
  background: none;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > .active > a {
  background: none;
  color: #da4453;
}
.navbar .navbar-nav .dropdown-menu {
  font-size: 13px;
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.navbar .navbar-nav .dropdown-menu > li > a {
  color: #333333;
  padding: 7px 20px;
}
.navbar .navbar-nav .dropdown-menu > li > a:hover,
.navbar .navbar-nav .dropdown-menu > li > a:focus,
.navbar .navbar-nav .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .dropdown-menu > .active > a,
.navbar .navbar-nav .dropdown-menu > .active > a:focus {
  background: none;
  color: #da4453;
}
.navbar .navbar-brand {
  font-family: "Open sans", helvetica, arial;
  font-size: 24px;
  color: #333333;
  padding: 0 0 0 15px;
  margin: 12px 0 0 0;
  height: auto;
}
.navbar .navbar-brand img {
  margin-top: -8px;
}
.navbar .navbar-brand img {
  display: none;
}
.navbar .navbar-brand img.secondary {
  display: block;
}
.navbar-inverse {
  background: #1c2a42;
  border-radius: 0;
  border-bottom: 0 none;
  box-shadow: none;
}
.navbar-inverse.ontop-now {
  border-bottom: 0 none;
}
.navbar-inverse.headroom.ontop-now {
  background: transparent;
  border-bottom: 0 none;
}
.navbar-inverse .navbar-toggle {
  border-color: transparent;
  background: transparent;
}
.navbar-inverse .navbar-toggle:hover {
  background: rgba(255, 255, 255, 0.25);
}
.navbar-inverse .navbar-toggle .icon-bar {
  background: #f0f0f0;
  opacity: .75;
}
.navbar-inverse *:focus {
  outline: 0;
}
@media (max-width: 767px) {
  .navbar-inverse {
    background: rgba(0, 0, 0, 0.9);
  }
}
@media (max-width: 480px) {
  .navbar-inverse .navbar-collapse.collapse.in {
    background: #1c2a42;
  }
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > .open ul > a {
  color: rgba(255, 255, 255, 0.7);
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background: none ;
}
.navbar-inverse .navbar-nav > .open > a {
  background: none;
  color: white;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background: none;
  color: white;
}
.navbar-inverse .navbar-nav > .active > a {
  background: none;
  color: white;
}
.navbar-inverse .navbar-nav .dropdown-menu {
  left: -5px;
  font-size: 13px;
  background-color: #1A1E24;
  border: 0 none;
  border-radius: 3px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  color: rgba(255, 255, 255, 0.7);
  padding: 7px 20px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav .dropdown-menu > .active > a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.navbar-inverse .navbar-nav .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .dropdown-menu > .active > a:focus {
  background: none;
  color: #fff;
}
.navbar-inverse .navbar-brand {
  color: white;
}
.navbar-inverse .navbar-brand img {
  display: block;
}
.navbar-inverse .navbar-brand img.secondary {
  display: none;
}
.navbar-nav .btn {
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-left: 5px;
  margin-top: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-nav .btn:focus,
.navbar-nav .btn:hover {
  border: 1px solid rgba(0, 0, 0, 0.6);
}
.navbar-inverse .navbar-nav .btn {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.navbar-inverse .navbar-nav .btn:focus,
.navbar-inverse .navbar-nav .btn:hover {
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.navbar-collapse {
  border: 0 none;
  border-top: 0 none;
  box-shadow: none;
}

@media screen and (max-width: 768px) {
  .navbar ul.nav li {
    text-align: center;
  }
  .navbar ul.nav li button {
    margin: 1em 0;
  }
  .jumbotron {
    font-size: 14px;
    padding: 6em 0 4em;
  }
  .benefit {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 480px) {
  body {
    font-size: 12px;
  }
  .jumbotron {
    font-size: 12px;
  }
  footer .pull-right {
    display: none;
  }
}
</style>
  </head>
  <body>

    <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand nav-link" href="http://xbbs1.com">速成流行學琴
</a>
        </div> <!-- /.navbar-header -->

        <div class="collapse navbar-collapse navbar-ex1-collapse">
          <ul class="nav navbar-nav navbar-right">
 <li><a href=http://a.xbbs1.com>成人速成流行鋼琴
</a></li><li><a href=http://black.xbbs1.com>速成流行鋼琴
</a></li><li><a href=http://black.xbbs1.com/coral/>流行鋼琴課程
</a></li><li><a href=http://black.xbbs1.com/osamanomim/>成人學鋼琴
</a></li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">More Pages <b class="caret"></b></a>
						<ul class="dropdown-menu">
							 <li><a href=http://c.xbbs1.com>成人鋼琴班
</a></li><li><a href=http://cc.xbbs1.com>成人鋼琴課程
</a></li><li><a href=http://cp.xbbs1.com>成人自學鋼琴
</a></li><li><a href=http://cr.xbbs1.com>成人鋼琴
</a></li><li><a href=http://g.xbbs1.com>流行鋼琴譜
</a></li><li><a href=http://g.xbbs1.com/klrt1245/>流行鋼琴教學
</a></li><li><a href=http://g.xbbs1.com/cityres/>流行鋼琴網
</a></li><li><a href=http://g.xbbs1.com/meruee12/>流行鋼琴自學
</a></li><li><a href=http://g.xbbs1.com/fe2d4c/>香港流行鋼琴
</a></li><li><a href=http://m.xbbs1.com>學彈鋼琴
</a></li><li><a href=http://s.xbbs1.com>學鋼琴
</a></li><li><a href=http://s.xbbs1.com/meru321/>彈鋼琴
</a></li><li><a href=http://s.xbbs1.com/re3f5g/>速成學琴
</a></li><li><a href=http://s.xbbs1.com/hi3f0v/>速成鋼琴課程
</a></li><li><a href=http://s.xbbs1.com/nosmok/>速成鋼琴班
</a></li><li><a href=http://s.xbbs1.com/cj4x8b/>速成鋼琴</a></li>   </ul>
          </ul>
        </div> <!-- /.navbar-collapse -->
      </div> <!-- /.container -->
    </nav> <!-- /.navbar -->

    <div id="top" class="jumbotron">
      <div class="container">
        <h1>Jane's Blog</h1>
       <!-- <h2></h2>
        <p><a class="btn btn-warning btn-lg">Sign Up Today <span class="glyphicon glyphicon-circle-arrow-right"></span></a></p>-->
      </div> <!-- /.container -->
    </div> <!-- /.jumbotron -->

    <div class="container"><!-- /.row -->

      <div class="sect-border"></div>

       <h3 id="about" class="subhead">學彈鋼琴</h3>
      <div class="row">
        <div class="col-md-10 col-md-offset-1">
          <p><div class="row">
  <div class="col-xs-12 col-md-3"><br /><img class="img-responsive" title="" src="//pianohk.s3.amazonaws.com/feedback/f00307.jpg"><br /><br />
</div>
<div class="col-xs-12 col-md-9">
<br />
<i>學彈鋼琴學生Annie於2012-09-30發表</i><br />
<h2 style="font-weight: bold; color: red;">長者學琴怕追不上?  不要氣餒!   因為...</h2><hr style="height:5px">很開心從網上看到有流行鋼琴即興彈奏「工作坊」, 但考慮到成人學習彈鋼琴已經比較困難, 何況是退休長者的我現在才開始學習, 會否追不上程度? 會否眼、耳、左右手和腦袋全不協調？<br />
<br />
經過一而再翻看過很多篇學生感想及他們努力而成功的例子, 最終考慮了一個月, 便下定決心報名全期一個月四堂的面授課程。 很多朋友都追問我去學彈鋼琴的原因，會否浪費時間和金錢呢? 我毫不猶疑說:「不要問為什麼, 我就是懷着不用考試的心情, 學習才沒有壓力, 現學琴是為了體驗音樂和興趣驅使才去參加課程!」<br />
<br />
報名同時我兼購買了一套教材, 8小時講解內容清晰易明。 上課前我會在家預先重覆看多次, 先行練習, 提升自己的領悟能力。 導師陳Sir很有耐性教導我們彈即興鋼琴方法, 配和弦的技巧, 解釋練習聽力的重要性和雙手彈奏時遇到的疑難。 課後回家實習時, 如遇到有遺忘或不明白課程時, 隨時都可以再播放影片重溫教學示範內容, 我覺得非常有幫助！<br />
 <br />
陳Sir教導我們學習時一定要遵守循序漸進四步曲, 不能急進。 我依照他的方法勤加練習了兩個星期, 已經可以唸熟不用睇琴譜, 還可以用右手彈到全首曲「我願意」, 令我信心大增! 對於數拍子旋律方面, 我左手彈和弦就未能完全掌握準確, 所以進度仍然停留在學習的第三步, 但我不會氣餒, 相信假以時日的鍛鍊，我定能克服這一部份, 直至達到成功的第四步~雙手配合彈奏出整首我喜愛的樂曲!!! <br />
<br />
陳Sir, 謝謝你時常鼓勵我們...千萬不要用時間的長短來評核自己學習的成功得與失。 從今次的課程中, 我認為最大得着是能夠享受到學習音樂的過程, 娛樂和滿足到自己! Thanks again!!!<br /><br /><br />
</div></div><div class="row">
  <div class="col-xs-12 col-md-3"><br /><img class="img-responsive" title="" src="//pianohk.s3.amazonaws.com/feedback/f00305.jpg"><br /><br />
</div>
<div class="col-xs-12 col-md-9" style="background-color:AliceBlue" >
<br />
<i>學彈鋼琴學生Jonathan Ko於2012-09-24發表</i><br />
<h2 style="font-weight: bold; color: red;">4堂就學識彈琴? 得唔得架?</h2><hr style="height:5px">「得唔得架?」<br />
<br />
這是我首次聽到即興彈奏法的教學方法的反應，相信這也是大部份人的正常反應。<br />
<br />
學習鋼琴跟其他樂器的最大分別是雙手要分別處理不同的旋律，又要互相配合，自己雖然已經有多年不同樂器的演奏經驗，但要克服這種雙手「很專心地分心」的障礙，我實在沒多大信心，何况是按課程規劃要在四星期完成呢？<br />
<br />
後來見到越來越多的成功例子，也見到完全沒有音樂底子的師兄師姊也能成功，心癢難奈的我決定一試。  課程是以即興為本，教授的樂理顯淺易明，沒有多餘的道理，兩星期後我已大致掌握雙手彈奏的秘訣，雖然與「見得人」還有很大段距離，但已令我信心大增。<br />
<br />
同時希望外界減少對即興彈奏法的誤解，這課程與傳統的鋼琴教學沒有衝突，也不存在什麼偏門技術令你在四星期內變得技驚四座，它只不過另闢蹊徑，達至同一目的。<br />
<br />
對於有興趣將來參加工作坊的朋友，我有以下忠告：-<br />
<br />
1. 努力練習是必須的，這個課程不是教你不勞而獲;<br />
2. 閣下不會在四星期後變成周杰倫或Eric Kwok;<br />
3. 自問記憶力非百分百的，最理想是連同教材一併購買。<br />
<br />
衷心感謝老師的指導。<br />
<br /><br /><br />
</div></div><div class="row">
  <div class="col-xs-12 col-md-3"><br /><img class="img-responsive" title="" src="//pianohk.s3.amazonaws.com/feedback/f00303.jpg"><br /><br />
</div>
<div class="col-xs-12 col-md-9">
<br />
<i>學彈鋼琴學生Vivian於2012-08-25發表</i><br />
<h2 style="font-weight: bold; color: red;">小時候沒機會學琴, 現在有機會了, 不怕...</h2><hr style="height:5px">回想小時候，很希望自己能彈得一手好琴；但礙於家庭經濟狀況不許可，所以一直沒有學習。直至後來出來社會做事，在網上看到這個即興彈奏工作坊，於是便毫不猶豫參加了。四堂課程當中，導師Derek悉心教授我們即興彈奏的技巧，左右手的運用，令我可在短時間內彈奏出一首首美妙的流行曲。傳統的學琴要熟讀琴譜，但即興法就完全不用了，只要知道流行曲的旋律，配上百變的伴奏即可。在此真的感謝導師的詳盡講解，只要多多練習，相信輕鬆彈奏流行曲絕無難度!<br /><br /><br />
</div></div><div class="row">
<div class="col-xs-12 col-md-12 block"><h2>學彈鋼琴課程特色</h2></div></div>


<div class="row">
<div class="col-xs-12 col-md-2 block" data-move-x="-200px">	
<img class="img-responsive" src=//d3h06kpohsc4q.cloudfront.net/images/freedom.png></div>
<div class="col-xs-12 col-md-4 block" data-move-x="-100px">		
<h4 class="aligntop setofont">自由演繹</h4>
★ 毋須琴譜，隨手彈奏喜愛的歌<br>
★ 從流行歌學起，興奮度大增<br>
★ 自由地演繹歌曲，不受琴譜束縛<br>
★ 可獨奏﹑伴奏﹑合奏，隨時轉調<br>
<br>
<br>
</div>

<div class="col-xs-12 col-md-2 block" data-move-x="100px">	
<img class="img-responsive" src=//d3h06kpohsc4q.cloudfront.net/images/shortcut.png>
</div>
<div class="col-xs-12 col-md-4 block" data-move-x="200px">	
<h4 class="aligntop setofont">簡單易學</h4>	

★ 為成年人而設的流行鋼琴課程<br />
★ 由最基本教起，毋須任何音樂根底<br />
★ 4堂學懂，可活用於1000首歌。<br>
★ 1000個成功實証，成效毋容置疑<br>

<br>
<br>

</div></div>



<div class="row">
<div class="col-xs-12 col-md-2 block" data-move-x="-200px">	
<img class="img-responsive" src=//d3h06kpohsc4q.cloudfront.net/images/savetime.png>
</div>
<div class="col-xs-12 col-md-4 block" data-move-x="-100px">	
<h4 class="aligntop setofont">節省時間金錢</h4>		
★ 只需繳交1次學費<br>
★ 免除看譜之苦及省卻沈悶的練習<br>
★ 比傳統方法節省80%練琴時間<br>
★ 毋須死記, 記憶可維持數年<br>
<br>
</div>



<div class="col-xs-12 col-md-2 block" data-move-x="100px">	
<img class="img-responsive" src=//d3h06kpohsc4q.cloudfront.net/images/cc.png>
</div>
<div class="col-xs-12 col-md-4 block" data-move-x="200px">
<h4 class="aligntop setofont">正統培訓</h4>	
★ 完整課程，絕不拖延學員進度<br>
★ 師資優良，非一般私人授琴可比<br>
★ 學員可申領證書<br>
★ 只在文化中心開班，<font color=red>請提防假冒</font><br>
</div>
</div>

<div class="row">
<div class="col-xs-12 col-md-6 block"  data-rotate="-360deg">	
<img class="img-responsive"  src=//d3h06kpohsc4q.cloudfront.net/images/overlapping-circles.png>
</div>
<div class="col-xs-12 col-md-6 block">
<h4 class="aligntop setofont">課程內容</h4>
★ 聽力訓練 (aural training)<br>
★ 彈奏技巧 (practical skills)<br>
★ 配弦法 (chord theory)<br><br>
<h4 class="aligntop setofont">課程目標</h4>
★ 以雙手無譜彈奏第1首歌 (練習10小時後)<br>
★ 以進階技巧隨手彈奏數十首歌曲 (半年內)<br>
★ 具自學能力，毋須再依靠別人<br>
<br>
</div>
</div>
<style>
 .submit {
    background-color: #f44336;  /* Red */ 
    border: none;
    color: white;
    padding: 15px 32px;
	font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}
</style>                   
 <br>
                    <form action="/getform.html" method="get" id="commentform" class="comment-form">
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" class="button" value="學彈鋼琴課程詳情..." /> </p>				</form></p>
      
<br>


                    
                    
                    
                    

        </div> <!-- /.col-md-10 -->
      </div> <!-- /.row -->


  </div> <!-- /.container -->
<br>

    <footer>
      <div class="container clearfix">
        <p class="pull-left">
          Copyright &copy; xbbs1.com 2017
        </p>
        <p class="pull-right">
          All rights reserved.
        </p>
      </div> <!-- /.container -->
    </footer>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  </body>
</html>