<!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>New Century Healthcare Medical Center (Hong Kong)</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?rnd=11" rel="stylesheet">
  <link href="css/custom.css?rnd=11" 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;" >
                <img src="./img/nchmclogo.png" >
                <!-- <a href="javascript:void(0)"> <img src="./img/nchmclogo.png" ></a> -->
              </div>
              
               <li style="margin-left: 3%;width: 8%;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: 8%;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: 8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                <!-- <a href="nchmc.php" style="text-decoration: none">  -->
                  <p style="color: #979797;"><b>診症</b></p>
                  <!-- </a> -->
              </li>
              <li style="width: 8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                  <p style="color: #979797;"><b>兒科知識</b></p>
              </li>
              <li style="width: 8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                  <p style="color: #979797;"><b>醫療團隊</b></p>
              </li>
              <li style="width: 8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                  <p style="color: #979797;"><b>查詢預約</b></p>
              </li>
              <li style="width: 8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                  <p style="color: #979797;"><b>診所環境</b></p>
              </li>
              <li style="width: 8%;height: 114px;display: inline-block;text-align: center;padding-top:38px;" >
                <a href="index.php" style="text-decoration: none;display: inline-block;
    width: 100%;height: 100%;">
                  <p style="color: #979797;"><b>返回主頁</b></p>
                </a>
              </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>

         

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

  <!-- Masthead -->
  <header style="position: relative;
    background-color: #343a40;
    background: url(../img/nchmcbanner.png) no-repeat center center;
    background-size: cover;">
    <div style="height: 320px">
    </div>
  </header>
   


  <!-- new content row -->
  <div class="container ">
  <div class="row">
    
    <div class="col-md-12 " style="padding-left: 0px!important;padding-right: 0px!important;text-align: center;" > 
      <!-- content -->
          <div style="display: block;width: 100%;text-align: left;">
              <p><span style="color:#2c2c2c;">首頁 > </span><span style="color:#a73745; ">診所環境</span></p>

          </div>
          <h4 style="color:#a73745; ">診所環境</h4>


          <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;display: inline-block;top: 0px;margin-top: 30px;" ></span>
        </div>

          <!-- carousel -->
          <div id="demo" class="carousel slide " data-ride="carousel" style="max-width: 1100px;max-height: 734px;min-height:70vh;background-color: #f4f4f4;">

          <!-- Indicators -->
         <!--  <ul class="carousel-indicators">
            <li data-target="#demo" data-slide-to="0" class="active"></li>
            <li data-target="#demo" data-slide-to="1"></li>
            <li data-target="#demo" data-slide-to="2"></li>
          </ul> -->

          <!-- The slideshow -->
          <div class="carousel-inner " style="max-height: 734px;min-height:70vh;">
            <div class="carousel-item active "  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
              <img src=".\images\nchmcimage\1.png" style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
            </div>
            <div class="carousel-item "   style="max-width: 1100px;max-height: 734px;min-height:70vh;">
              <img src=".\images\nchmcimage\2.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
            </div>
            <div class="carousel-item "   style="max-width: 1100px;max-height: 734px;min-height:70vh;">
              <img src=".\images\nchmcimage\3.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
            </div>
            <div class="carousel-item"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
              <img src=".\images\nchmcimage\4.png"   style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
            </div>
            <div class="carousel-item"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
              <img src=".\images\nchmcimage\5.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
            </div>
            <div class="carousel-item"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
              <img src=".\images\nchmcimage\6.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
            </div>
            <div class="carousel-item"  style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
              <img src=".\images\nchmcimage\7.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
            </div>
            <div class="carousel-item "  style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
              <img src=".\images\nchmcimage\8.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
            </div>
            <div class="carousel-item "  style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
              <img src=".\images\nchmcimage\9.png"  style="max-width: 1100px;max-height: 734px;min-height:70vh;">
            </div>
            <div class="carousel-item " style="max-width: 1100px;max-height: 734px;min-height:70vh;" >
              <img src=".\images\nchmcimage\10.png"   style="max-width: 1100px;max-height: 734px;min-height:70vh;">
            </div>


          </div>

          <!-- Left and right controls -->
          <a class="carousel-control-prev" href="#demo" data-slide="prev">
            <span class="carousel-control-prev-icon"></span>
          </a>
          <a class="carousel-control-next" href="#demo" data-slide="next">
            <span class="carousel-control-next-icon"></span>
          </a>

        </div>

          <!-- end carousel -->
         <style>
        .zoom {
/*          padding: 50px;
          background-color: green;*/
          transition: transform .2s; /* Animation */
        /*  width: 200px;
          height: 200px;
          margin: 0 auto;*/
        }

        .zoom:hover {
          transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        }
        </style>


          <div style="text-align: left;">
          <a  href="#demo"     data-slide-to="0" style="text-decoration: none;"> 
          <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\1.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="1" style="text-decoration: none;"> 
           <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\2.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="2" style="text-decoration: none;"> 
           <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\3.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="3" style="text-decoration: none;"> 
           <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\4.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="4" style="text-decoration: none;"> 
          <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\5.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="5" style="text-decoration: none;"> 
          <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\6.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="6" style="text-decoration: none;"> 
          <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom" >
            <img src=".\images\nchmcimage\7.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="7" style="text-decoration: none;"> 
          <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom">
            <img src=".\images\nchmcimage\8.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="8" style="text-decoration: none;"> 
          <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;"  class="zoom">
            <img src=".\images\nchmcimage\9.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>
        <a  href="#demo"     data-slide-to="9" style="text-decoration: none;">
           <div style="display: inline-block;width: 210px;height: 210px;margin-top: 10px;margin-right: 10px;" class="zoom">
            <img src=".\images\nchmcimage\10.png" style="width: 100%;
  height: 100%;
  object-fit: cover;">
          </div>
        </a>

        </div>
         

        <!--    <div style="height: 60px ;position: relative;width:100%" onclick="myFunction('row1')">
          <p>1</p>
        </div> -->
     <!--    <div id="row1">
          This is my DIV element.
        </div> -->
      <!-- end content -->
    </div>
  </div>
</div>
  <!-- end new content row -->


  
  

  

  <!-- end center graph -->

  
    <!-- 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-9 col-12 " style="padding-left: 0px!important;padding-right: 0px!important;" > 
        <div style="width: 16%;text-align: center;display: inline-block;vertical-align:top;text-align: left;" >
          <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 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: 16%;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: 16%;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: 16%;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: 16%;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: 16%;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-3 col-12 " 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"></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>
             <img src="../img/qrcode1.png" width="90px" height="90px">
          </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>
