<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Landing Page - Start Bootstrap Theme</title>

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

  <!-- Custom fonts for this template -->
  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
  <link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">

  <!-- Custom styles for this template -->
  <link href="css/landing-page.min.css" rel="stylesheet">
  <link href="css/custom.css" rel="stylesheet">
</head>

<body>

  <!-- Navigation -->
  <!-- <nav class="navbar navbar-light bg-light static-top"> -->
  <nav class="navbar navbar-light bg-color2 static-top">
  <!--   <div class="container">
      <a class="navbar-brand" href="#">Start Bootstrap<img src=./img/logo.png></a>
      <a class="btn btn-primary" href="#">Sign In</a>
    </div> -->

   <!--  <div class="divpagelogo">
      <a href="/">
        <img src="./img/logo.png" style="width: 100%;height: auto;">
      </a>
    </div> -->
  </nav>
<!-- <div class="container ">
  <div class="row">
    <div class="col-md-12 redbr" style="padding-left: 0px!important;padding-right: 0px!important;" >
      <div style="width: 23%;height: 117px;text-align: center;display: inline-block;" class="redbr">
         <img src="./img/logo.png" >
      </div>
      <div style="margin-left: 3%;width: 11%;height: 114px;display: inline-block;text-align: center;" class="redbr" >
          <p style="color: #979797;"><b>網站首頁</b></p>
      </div>
      <div style="width: 11%;height: 114px;display: inline-block;margin-top: 0px;text-align: center;" class="redbr">
          <p style="color: #979797;"><b>關於我們</b></p>
      </div>
      <div style="width: 11%;height: 114px;display: inline-block;text-align: center;" class="redbr">
          <p style="color: #979797;"><b>醫療中心</b></p>
      </div>
      <div style="width: 11%;height: 114px;display: inline-block;text-align: center;" class="redbr">
          <p style="color: #979797;"><b>兒童發展</b></p>
      </div>
      <div style="width: 11%;height: 114px;display: inline-block;text-align: center;" class="redbr">
          <p style="color: #979797;"><b>兒科知識</b></p>
      </div>
      <div style="width: 11%;height: 114px;display: inline-block;text-align: center;" class="redbr">
          <p style="color: #979797;"><b>查詢預約</b></p>
      </div>
      <div style="width: 1.8%;height: 114px;display: inline-block;text-align: center;margin-left: 1.3%" class="redbr">
          <p style="color: #979797;"><b>繁</b></p>
      </div>
      <div style="width: 1.8%;height: 114px;display: inline-block;text-align: center;margin-left: 0.5%" class="redbr">
          <p style="color: #979797;"><b>簡</b></p>
      </div>
    </div>
  </div>
</div> -->

<div class="container ">
  <div class="row">
    <div class="col-md-12 " style="padding-left: 0px!important;padding-right: 0px!important;position: relative;" >
          <style>
    /*#link_bar li:hover a { color: red }*/
    /*#link_bar li:hover  a p b { color: #a03d49; }*/
    #link_bar li:hover  a p b { color: #a03d49; }
    /*#link_bar li:hover  { border-top:2px solid #a03d49; }*/

     /*#link_bar li { border-top:2px solid transparent;cursor: pointer; }*/
     #link_bar li { border-top:2px solid transparent; }
    #link_bar li:hover  { border-top:2px solid #a03d49; }
</style>
          <ul class="horizontal " id="link_bar" style="list-style-type: none;
            margin: 0;
            padding: 0;">
              <div style="width: 23%;height: 117px;text-align: center;display: inline-block;vertical-align:top;" >
                <a href="javascript:void(0)"> <img src="./img/logo.png" ></a>
              </div>
              
               <li style="margin-left: 3%;width: 11%;height: 114px;display: inline-block;text-align: center;vertical-align:top;padding-top:38px"  >
                 
                <p style="color: #979797;"><b>網站首頁</b></p>
                 
              </li>
             
               <li style="width: 11%;height: 114px;display: inline-block;margin-top: 0px;text-align: center;padding-top:38px;" >
                <p style="color: #979797;"><b>關於我們</b></p>
              </li>

              <li style="width: 11%;height: 114px;display: inline-block;text-align: center;padding-top:38px;cursor: pointer;" >
                <a href="javascript:void(0)" style="text-decoration: none"> 
                  <p style="color: #979797;"><b>醫療中心</b></p>
                  </a>
              </li>
              <li style="width: 11%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                  <p style="color: #979797;"><b>兒童發展</b></p>
              </li>
              <li style="width: 11%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                  <p style="color: #979797;"><b>兒科知識</b></p>
              </li>
              <li style="width: 11%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                  <p style="color: #979797;"><b>查詢預約</b></p>
              </li>
              <div style="width: 1.8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;margin-left: 1.3%" >
                  <p style="color: #979797;"><b>繁</b></p>
              </div>
              <div style="width: 1.8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;margin-left: 0.5%" >
                  <p style="color: #979797;"><b>簡</b></p>
              </div>
          </ul>
              <style>
    /*#link_bar li:hover a { color: red }*/
    /*#link_bar li:hover  a p b { color: #a03d49; }*/
    #vertical_bar li:hover  a p b { color: #a03d49; }
    /*#link_bar li:hover  { border-top:2px solid #a03d49; }*/

     /*#link_bar li { border-top:2px solid transparent;cursor: pointer; }*/
     #vertical_bar li { border-left:2px solid transparent; }
    #vertical_bar li:hover  { border-left:2px solid #a03d49; }
</style>
          <!-- vertical menu -->
          <div style="position: absolute; top:117px;left: 0px;z-index: 1; width: 23% ;background-color: #ffffff;">
              <ul   style="list-style-type: none;
            margin: 0;
            padding: 0;" id="vertical_bar"> 
                <li   style="margin-top: 50px;padding-left: 50px;display: block;" >
                  <span style="display: inline-block;vertical-align: middle; "><div  >
                    <!-- <a href="javascript:void(0)" style="text-decoration: none"> 
                  <p style="color: #979797;"><b>醫療團隊</b></p>
                </a> -->
                <p style="color: #979797;"><b>醫療團隊</b></p>
                  </div>
                 </span>
                  <div style="display: inline-block;margin-right: 64px;float: right;"><img src="./img/arrow.png"></div>
                </li>
                <li   style="margin-top: 30px;padding-left: 50px;" >
                  <div style="display: inline-block;">
                  <p style="color: #979797;"><b>會員俱樂部</p>

                  </div>
                  <div style="display: inline-block;margin-right: 64px;float: right;"><img src="./img/arrow.png"></div>
                </li>
                <li   style="margin-top: 30px;padding-left: 50px;" >
                  <div style="display: inline-block;">
                  <p style="color: #979797;"><b>診所環境</p>

                  </div>
                  <div style="display: inline-block;margin-right: 64px;float: right;"><img src="./img/arrow.png"></div>
                </li>
                <li   style="margin-top: 30px;padding-left: 50px;" >
                  <div style="display: inline-block;">
                  <p style="color: #979797;"><b>兒童發展中心環境</p>

                  </div>
                  <div style="display: inline-block;margin-right: 64px;float: right;"><img src="./img/arrow.png"></div>
                </li>
                
                  <div style="width: 253px;height: 70px;background-color: #c07e86;margin-left: 5px;margin-top:60px; ">

                    <table width="100%" height="100%"><tr valign="middle"><td align="center"><h5 style="color: #ffffff;"><b>兒童發展評估資詢</h5></td></tr></table>
                  
                  </div>
                
              </ul>
          </div>
          <!-- end vertical menu -->

     </div>
  </div>
</div>  

  <!-- Masthead -->
  <header style="position: relative;
    background-color: #343a40;
    background: url(../img/banner.png) no-repeat center center;
    background-size: cover;">
    <div style="height: 470px">
    </div>
  </header>
  <div class="container ">
  <div class="row">
    <div class="col-md-12 " style="padding-left: 0px!important;padding-right: 0px!important;text-align: center;" >  

  <li style="width: 275px;height: 360px;position: relative;text-align: center;text-decoration-style: none;display: inline-block;float: left; background-image: url(../img/vacine.png);
    background-repeat: no-repeat;"  >
    <a style=" margin: 0px; display: block; width: 100%; height: 100%;" href="neceter.htm">
    <h5 style="position: absolute;margin-bottom: 5px;margin-top: 310px;text-align: center;color: #838c96;width: 100%" ><b>兒童保護疫苗</b></h5>
    </a>
</li>
  <li style="width: 610px;height: 242px;position: relative;text-align: center;display: inline-block;float: left;" >
      
    <h5 style="position: absolute;margin-bottom: 5px;margin-top:30px;text-align: center;color: #a03d49;width: 100%" ><b>新世紀香港醫療</b></h5>
     <p style="position: absolute;text-align: left;color: #000000;width: 100%;padding: 10px;margin-top:60px;" ><b>新世紀香港醫療中心是新世紀品牌於香港設立的綜合醫療中心，坐落於香港尖沙咀海港城。我們的醫療網絡提供全面的健康管理及診療服務，包括成人及兒童疫苗、兒科、小兒外科、家庭醫學及部分成人專科服務。我們的兒童發展中心提供兒童發展能力評估、言語治療、職業治療、感統訓練等服務。</b></p>

  </li>
  

  <li  style="width: 250px;height: 120px;position: relative;text-align: center;display: inline-block;float: right;"><!-- whatapp --><img src="../img/whatapp.png" width="100%" height="100%"></li>
    <li  style="width: 250px;height: 120px;position: relative;text-align: center;display: inline-block;float: right;"><!-- Facebook Message --><img src="../img/facebook.png" width="100%" height="100%"></li>
    <li  style="width: 250px;height: 120px;position: relative;text-align: center;display: inline-block;float: right;"><!-- 電話資詢 --><img src="../img/telphone.png" width="100%" height="100%"></li>

     <li style="width: 305px;height: 120px;position: relative;text-align: center;display: inline-block;float: left;" ><img src="../img/searchmessage.png" width="100%" height="100%"></li>
   <li style="width: 305px;height: 120px;position: relative;text-align: center;display: inline-block;float: left;" ><img src="../img/question.png" width="100%" height="100%"></li>

    </div>
    </div>
  </div>


<!--    <span style="width:100vw;height: 1px;background: #dddddd;position: absolute;display: inline-block;top: 0px;margin-top: 30px;" ></span>
 -->
  <div class="container ">
  <div class="row">
    <div class="col-md-12 " style="padding-left: 0px!important;padding-right: 0px!important;" > 
        <div style="height: 60px ;position: relative;width:100%">
          <!-- place horizontal line -->
     <!--      <span style="width:10000px;height: 1px;background: #dddddd;position: absolute;display: inline-block;left: 50%;margin-left: -190px;top: 0px;margin-top: 30px;" ></span> -->
        <span style="width:100%;height: 1px;background: #dddddd;position: absolute;display: inline-block;top: 0px;margin-top: 30px;" ></span>
        </div>
    </div>
    </div>
  </div>


  <!-- center graph -->
   <div class="container ">
  <div class="row">
    <div class="col-md-12 " style="padding-left: 0px!important;padding-right: 0px!important;" > 
  <li style="width: 280px;height: 360px;position: relative;text-align: center;text-decoration-style: none;display: inline-block;float: left;background-image: url(../img/col2bg1.png);
    background-repeat: no-repeat;" class=""><h4 style="position: absolute;margin-bottom: 5px;margin-top: 50px;width: 100%;color: white;" class="">新世紀品牌寄語</h4>
     <span style="width:80%;height: 1px;background: #ffffff;display: inline-block;top: 0px;margin-top: 90px;" ></span>
     <h5 style="padding: 10px;text-align: left;color: #ffffff;line-height: 30px">作為美國兒科協會在亞洲的會員，我們始終以高標準、高品質、高效率的醫療健康服務為核心</h5>

  </li>
   <li style="width: 288px;height: 360px;position: relative;text-align: center;text-decoration-style: none;display: inline-block;float: left;background-image: url(../img/col2doctor.png);
    background-repeat: no-repeat;" class=""><!--pic--></li>
   <li style="width: 570px;height: 360px;position: relative;text-align: left;text-decoration-style: none;display: inline-block;float: right;" class="">
    <h4 style="padding-left: 30px;color: #a03d49;width: 100%;text-align: left;padding-top: 15px">鄭偉</h4>
    <h5 style="padding-left: 30px;color: #a03d49;width: 100%;text-align: left;padding-top: 1px">醫務主管/小兒外科專科醫生</h5>
    <div style="display: inline-block; vertical-align: top;text-align: left;width: 130px" >
      <p style="padding-left: 30px;color: #a03d49;width: 100%;text-align: left;padding-top: 5px">工作經歷:  </p>
    </div>
    <div style="display: inline-block;  vertical-align: top;">
      <div style="display: block;">
        <p style="padding-left: 10px;width: 100%;text-align: left;padding-top: 5px"><span style="color: #000000;">二十五年小兒外科</span></p>
      </div>
      
    </div>
    <div>
     <div style="display: inline-block; vertical-align: top;text-align: left;width: 130px;" >
      <p style="padding-left: 30px;color: #a03d49;width: 100%;text-align: left;padding-top: 5px">學&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;歷:  </p>
    </div>  
    <div style="display: inline-block;  vertical-align: top;" >
      <div style="display: block;" >
        <p style="padding-left: 10px;width: 100%;text-align: left;padding-top:5px;margin-bottom: 0rem;"><span style="color: #000000;">澳洲新南威爾斯大學内外全科醫學士</span>
        <br>
        <span style="color: #000000;">香港醫學專科學院院士（外科）</span>
        <br>
        <span style="color: #000000;">香港外科醫學院院士</span>
        <br>
        <span style="color: #000000;">英國格拉斯哥皇家外科醫學院院士</span>
        <br>
        <span style="color: #000000;">英國愛丁堡皇家外科醫學院院士</span>
        <br>
        <span style="color: #000000;">愛爾蘭皇家外科醫學院院士</span>
        <br>
        <span style="color: #000000;">香港大學外科碩士</span>

        </p>
      </div>
     
    </div>
  </div>

      <div style="display: inline-block; vertical-align: top;text-align: left;width: 130px" >
      <p style="padding-left: 30px;color: #a03d49;width: 100%;text-align: left;padding-top: 1px">服務範圍:  </p>
    </div>
    <div style="display: inline-block;  vertical-align: top;" >
      
        <p style="padding-left: 10px;width: 100%;text-align: left;padding-top: 1px;margin-bottom: 0rem;"><span style="color: #000000;">兒童疫苗和健康檢查、兒外全科門診和小兒外科手術<br> 
香港、澳洲和中國內地持牌</span></p>
      </div>
      

   </li>


   <!-- line2 -->

  
      <li style="width: 280px;height: 360px;position: relative;text-align: center;text-decoration-style: none;display: inline-block;float: left;background-image: url(../img/col2row2bg1.png);
    background-repeat: no-repeat;" class=""><h4 style="position: absolute;margin-bottom: 5px;margin-top: 50px;width: 100%;color: #185c91;" class="">使命與願景</h4>
     <span style="width:80%;height: 1px;background: #ffffff;display: inline-block;top: 0px;margin-top: 90px;" ></span>
     <h5 style="padding: 10px;text-align: left;color: #000000;line-height: 30px">作為美國兒科協會在亞洲的會員，我們始終以高標準、高品質、高效率的醫療健康服務為核心</h5></li>


   <li style="width: 288px;height: 360px;position: relative;text-align: center;text-decoration-style: none;display: inline-block;float: left;background-image: url(../img/col2row2bg2.png);
    background-repeat: no-repeat;" class=""><h4 style="position: absolute;margin-bottom: 5px;margin-top: 50px;width: 100%;color: white;" class="">新世紀品牌寄語</h4>
     <span style="width:80%;height: 1px;background: #ffffff;display: inline-block;top: 0px;margin-top: 90px;" ></span>
     <h5 style="padding: 10px;text-align: left;color: #ffffff;line-height: 30px">作為美國兒科協會在亞洲的會員，我們始終以高標準、高品質、高效率的醫療健康服務為核心</h5><!--pic--></li>
   <li style="width: 285px;height: 360px;position: relative;text-align: center;text-decoration-style: none;display: inline-block;float: right;background-image: url(../img/col2row2bg3.png);
    background-repeat: no-repeat;" class=""><!-- <p>doctor</p> --></li>
    <li style="width: 285px;height: 360px;position: relative;text-align: center;text-decoration-style: none;display: inline-block;float: right;background-image: url(../img/col2row2bg4.png);
    background-repeat: no-repeat;" class=""><!-- <p>doctor</p> --></li>
     <!-- end line2 -->
   </div>
 </div>
</div>
  

  <!-- footer -->
  <div class="container ">
  <div class="row">
    <div class="col-md-6 col-12 redbr" style="padding-left: 0px!important;padding-right: 0px!important;" > 
        <div style="width: 25%;text-align: center;display: inline-block;vertical-align:top" class="redbr">
          <div style="display: block;margin-top: 28px;" class="redbr">
            關於我們
          </div>
          <div style="display: block;margin-top: 28px;">
            中心介紹
          </div>
          <div style="display: block;margin-top: 28px;">
            醫療團隊
          </div>
          <div style="display: block;margin-top: 28px;">
            歷史背景
          </div>
           <div style="display: block;margin-top: 28px;">
            診所環境
          </div>
        </div>
        <div style="width: 25%;text-align: center;display: inline-block;vertical-align:top" class="redbr">
           <div style="display: block;margin-top: 28px;" class="redbr">
            醫療中心
          </div>
          <div style="display: block;margin-top: 28px;" class="redbr">
            服務內容
          </div>
           <div style="display: block;margin-top: 28px;" class="redbr">
            疫苗服務
          </div>
        </div>
    </div>
    <div class="col-md-6 col-12 redbr" style="padding-left: 0px!important;padding-right: 0px!important;" >
        <p>contact2</p> 
    </div>
 </div>
</div>
  <!-- end footer -->

  <!-- end center graph -->

  <header class="masthead text-white text-center">
    <div class="overlay"></div>
    <div class="container">
      <div class="row">
        <div class="col-xl-9 mx-auto">
          <h1 class="mb-5">Build a landing page for your business or project and generate more leads!</h1>
        </div>
        <div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
          <form>
            <div class="form-row">
              <div class="col-12 col-md-9 mb-2 mb-md-0">
                <input type="email" class="form-control form-control-lg" placeholder="Enter your email...">
              </div>
              <div class="col-12 col-md-3">
                <button type="submit" class="btn btn-block btn-lg btn-primary">Sign up!</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </header>

  <!-- Icons Grid -->
  <section class="features-icons bg-light text-center">
    <div class="container">
      <div class="row">
        <div class="col-lg-4">
          <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
            <div class="features-icons-icon d-flex">
              <i class="icon-screen-desktop m-auto text-primary"></i>
            </div>
            <h3>Fully Responsive</h3>
            <p class="lead mb-0">This theme will look great on any device, no matter the size!</p>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
            <div class="features-icons-icon d-flex">
              <i class="icon-layers m-auto text-primary"></i>
            </div>
            <h3>Bootstrap 4 Ready</h3>
            <p class="lead mb-0">Featuring the latest build of the new Bootstrap 4 framework!</p>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="features-icons-item mx-auto mb-0 mb-lg-3">
            <div class="features-icons-icon d-flex">
              <i class="icon-check m-auto text-primary"></i>
            </div>
            <h3>Easy to Use</h3>
            <p class="lead mb-0">Ready to use with your own content, or customize the source files!</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Image Showcases -->
  <section class="showcase">
    <div class="container-fluid p-0">
      <div class="row no-gutters">

        <div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('img/bg-showcase-1.jpg');"></div>
        <div class="col-lg-6 order-lg-1 my-auto showcase-text">
          <h2>Fully Responsive Design</h2>
          <p class="lead mb-0">When you use a theme created by Start Bootstrap, you know that the theme will look great on any device, whether it's a phone, tablet, or desktop the page will behave responsively!</p>
        </div>
      </div>
      <div class="row no-gutters">
        <div class="col-lg-6 text-white showcase-img" style="background-image: url('img/bg-showcase-2.jpg');"></div>
        <div class="col-lg-6 my-auto showcase-text">
          <h2>Updated For Bootstrap 4</h2>
          <p class="lead mb-0">Newly improved, and full of great utility classes, Bootstrap 4 is leading the way in mobile responsive web development! All of the themes on Start Bootstrap are now using Bootstrap 4!</p>
        </div>
      </div>
      <div class="row no-gutters">
        <div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('img/bg-showcase-3.jpg');"></div>
        <div class="col-lg-6 order-lg-1 my-auto showcase-text">
          <h2>Easy to Use &amp; Customize</h2>
          <p class="lead mb-0">Landing Page is just HTML and CSS with a splash of SCSS for users who demand some deeper customization options. Out of the box, just add your content and images, and your new landing page will be ready to go!</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Testimonials -->
  <section class="testimonials text-center bg-light">
    <div class="container">
      <h2 class="mb-5">What people are saying...</h2>
      <div class="row">
        <div class="col-lg-4">
          <div class="testimonial-item mx-auto mb-5 mb-lg-0">
            <img class="img-fluid rounded-circle mb-3" src="img/testimonials-1.jpg" alt="">
            <h5>Margaret E.</h5>
            <p class="font-weight-light mb-0">"This is fantastic! Thanks so much guys!"</p>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="testimonial-item mx-auto mb-5 mb-lg-0">
            <img class="img-fluid rounded-circle mb-3" src="img/testimonials-2.jpg" alt="">
            <h5>Fred S.</h5>
            <p class="font-weight-light mb-0">"Bootstrap is amazing. I've been using it to create lots of super nice landing pages."</p>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="testimonial-item mx-auto mb-5 mb-lg-0">
            <img class="img-fluid rounded-circle mb-3" src="img/testimonials-3.jpg" alt="">
            <h5>Sarah W.</h5>
            <p class="font-weight-light mb-0">"Thanks so much for making these free resources available to us!"</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Call to Action -->
  <section class="call-to-action text-white text-center">
    <div class="overlay"></div>
    <div class="container">
      <div class="row">
        <div class="col-xl-9 mx-auto">
          <h2 class="mb-4">Ready to get started? Sign up now!</h2>
        </div>
        <div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
          <form>
            <div class="form-row">
              <div class="col-12 col-md-9 mb-2 mb-md-0">
                <input type="email" class="form-control form-control-lg" placeholder="Enter your email...">
              </div>
              <div class="col-12 col-md-3">
                <button type="submit" class="btn btn-block btn-lg btn-primary">Sign up!</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="footer " style="background-color: white;padding-bottom: 0rem;">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 h-100 text-center text-lg-left my-auto">
          <ul class="list-inline mb-2">
            <li class="list-inline-item">
              <a href="#">About</a>
            </li>
            <li class="list-inline-item">&sdot;</li>
            <li class="list-inline-item">
              <a href="#">Contact</a>
            </li>
            <li class="list-inline-item">&sdot;</li>
            <li class="list-inline-item">
              <a href="#">Terms of Use</a>
            </li>
            <li class="list-inline-item">&sdot;</li>
            <li class="list-inline-item">
              <a href="#">Privacy Policy</a>
            </li>
          </ul>
          <p class="text-muted small mb-4 mb-lg-0">&copy; Your Website 2019. All Rights Reserved.</p>
        </div>
        <div class="col-lg-6 h-100 text-center text-lg-right my-auto">
          <ul class="list-inline mb-0">
            <li class="list-inline-item mr-3">
              <a href="#">
                <i class="fab fa-facebook fa-2x fa-fw"></i>
              </a>
            </li>
            <li class="list-inline-item mr-3">
              <a href="#">
                <i class="fab fa-twitter-square fa-2x fa-fw"></i>
              </a>
            </li>
            <li class="list-inline-item">
              <a href="#">
                <i class="fab fa-instagram fa-2x fa-fw"></i>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <!-- footer -->
    <div class="container ">
  <div class="row">
    <div class="col-md-12 " style="padding-left: 0px!important;padding-right: 0px!important;" > 
        <div style="height: 60px ;position: relative;width:100%">
          <!-- place horizontal line -->
     <!--      <span style="width:10000px;height: 1px;background: #dddddd;position: absolute;display: inline-block;left: 50%;margin-left: -190px;top: 0px;margin-top: 30px;" ></span> -->
        <span style="width:100%;height: 1px;background: #dddddd;position: absolute;display: inline-block;top: 0px;margin-top: 30px;" ></span>
        </div>
    </div>
    </div>
  </div>

  <div class="container ">
  <div class="row">
    <div class="col-md-6 col-12 redbr" style="padding-left: 0px!important;padding-right: 0px!important;" > 
        <div style="width: 24%;text-align: center;display: inline-block;vertical-align:top" >
          <div style="display: block;" >
            <p style="color: #a64a55;margin-bottom: 0rem;">關於我們<p>
          </div>
          <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">中心介紹</p>
          </div>
          <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">醫療團隊</p>
          </div>
          <div style="display: block;margin-top: 18px;">
             <p style="color: #989898;margin-bottom: 0rem;">歷史背景</p>
          </div>
           <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">診所環境</p>
          </div>
        </div>
        <div style="width: 24%;text-align: center;display: inline-block;vertical-align:top" >
          <div style="display: block;" >
            <p style="color: #a64a55;margin-bottom: 0rem;">醫療中心<p>
          </div>
          <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">服務內容</p>
          </div>
          <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">疫苗服務</p>
          </div>
          
        </div>
        <div style="width: 24%;text-align: center;display: inline-block;vertical-align:top" >
          <div style="display: block;" >
            <p style="color: #a64a55;margin-bottom: 0rem;">兒童發展<p>
          </div>
          <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">服務內容</p>
          </div>
          
        </div>
        <div style="width: 24%;text-align: center;display: inline-block;vertical-align:top" >
          <div style="display: block;" >
            <p style="color: #a64a55;margin-bottom: 0rem;">兒科知識<p>
          </div>
          <div style="display: block;margin-top: 18px;">
            <p style="color: #989898;margin-bottom: 0rem;">服務內容</p>
          </div>
          
        </div>
    </div>
    <div class="col-md-6 col-12 redbr" style="padding-left: 10px!important;padding-right: 0px!important;" >

      <table>
        <tr>
          <td width="90%">  <p style="color: #a64a55;margin-bottom: 0rem;">新世紀香港醫療中心</p> </td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">地址：香港九龍尖沙咀海港城海洋中心1328-29 室</p> </td>
          
          <td rowspan="5"> <img src="../img/qrcode1.png" width="90px" height="90px"></td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">電話：+852 2886 0066</p> </td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">電郵：info@ncich.com.hk</p> </td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">WhatsApp: 6706 5853</p> </td>
        </tr>
         <tr>
          <td width="90%" >  <br><p style="color: #a64a55;margin-bottom: 0rem;">新世紀兒童發展中心</p> </td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">地址：香港九龍尖沙咀海港城海洋中心1330室</p> </td>
          
          <td rowspan="5"> <img src="../img/qrcode2.png" width="90px" height="90px"></td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">電話：+852 2886 2382</p> </td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">WhatsApp: 6858 2565</p> </td>
        </tr>
        <tr>
          <td>  <p style="color: #989898;margin-bottom: 0rem;">WeChat: NEWCENTURY_CDC_TST</p> </td>
        </tr>
      </table>  
     
     <!--    <div style="width: 100%;display: block;" class="redbr">
         <p style="color: #a64a55;margin-bottom: 0rem;">新世紀香港醫療中心</p> 
          <div style="display: inline-block;float: left;">
            <p style="color: #989898;margin-bottom: 0rem;">地圵:</p>
            <p style="color: #989898;margin-bottom: 0rem;">電話:</p>
            <p style="color: #989898;margin-bottom: 0rem;">電郵:</p>
            <p style="color: #989898;margin-bottom: 0rem;">WhatApp:</p>
          </div>
          <div style="display: inline-block;float: right;">
              <img src="../img/qrcode1.png" width="90px" height="90px">
          </div>

         </div> -->
    </div>
 </div>
</div>
<div class="row" style="height: 70px;background-color: #a64a55;text-align: center;">
  <div style="height: 100%;vertical-align: center;width: 100%;text-align: center;"  >
  <p style="width: 100%;color: white;margin-top: 20px;">@2005-2019 新世紀香港醫療中心</p>
  <!-- <p style="width: 100%;color: white;margin-top: 30px;">©2005-2019 新世紀香港醫療中心</p> -->
  </div>
</div>
  <!-- end footer -->


  </footer>

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

</body>

</html>
