//










<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">











<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">















<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>







<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.6.0/css/fontawesome.min.css" integrity="sha384-NvKbDTEnL+A8F/AA5Tc5kmMLSJHUO868P+lDtTpJIeQdGYaUIuLr4lVGOEA1OcMy" crossorigin="anonymous">















<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" integrity="sha384-tViUnnbYAV00FLIhhi3v/dWt3Jxw4gZQcNoSCxCIFNJVCx7/D55/wXsrNIRANwdD" crossorigin="anonymous">















<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>























    <style type="text/css">







        .increase-size {







            font-size: 19px;







        }







    </style>















     







    <style type="text/css">







        .card.w-300.shadow.mb-1.bg-white.rounded.img-responsive {







            min-height: 170px;







        }







    </style>























 <style type="text/css">







        .card.w-300.shadow.mb-1.bg-white.rounded.img-responsive {







            min-width: 170px;







           margin-right:5px!important;







          margin-left:5px!important;







        }







    </style>















    <style type="text/css">







      







    .card.w-300.shadow.mb-1.bg-white.rounded.img-responsive {







  







    transition: all 0.2s ease;







    cursor: pointer;







    















  }







    













 .card.w-300.shadow.mb-1.bg-white.rounded.img-responsive:hover{















    box-shadow: 5px 6px 6px 2px #e9ecef;







    transform: scale(1.1);







}


#gtx-trans{
  display: none;
}




    </style>







  























<p></p>







<p></p>







<p></p>







<div class="container">







  <div class="row justify-content-center">







    <h2>MINDCARE HUB MALAYSIA</h2><br>

 <h2>Klik Pintar, Pautan Pantas, Minda Terpelihara</h2>





  </div>







</div>































<hr>















<p></p>







<p></p>















  <!-- Displaying Products Start -->







  <div class="container">















    <div id="packages"></div>







    <div class="row mt-2 pb-3">















 <div class="col-sm-6 col-lg-3 col-6 mb-2">















                <div class="card w-300 shadow mb-1 bg-white rounded img-responsive">















          <div class="bg-image hover-zoom ripple ripple-surface ripple-surface-light"







            data-mdb-ripple-color="light">















             <a href="phq9-test.php" target="_self"><img src="images/phq9-icon.png"  class=" fluid card-img-top">







      







              <div class="mask">







                <div class="d-flex justify-content-start align-items-end h-100"></div>







              </div>







              <div class="hover-overlay">







                <div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>







              </div>







            </a>







          </div>






          <div class="card-body">







      







    







        







            <h6 class="card-text text-right  rounded-left badge-pill







badge-danger increase-size height"></h6>







          </div>







        </div>







      </div>















 <div class="col-sm-6 col-lg-3 col-6 mb-2">







                <div class="card w-300 shadow mb-1 bg-white rounded img-responsive ">







          <div class="bg-image hover-zoom ripple ripple-surface ripple-surface-light"







            data-mdb-ripple-color="light">







             <a href="gad7-test.php" target="_self"><img src="images/gad7-icon.png" class=" fluid card-img-top">







                    <div class="mask">







                <div class="d-flex justify-content-start align-items-end h-100"></div>







              </div>







              <div class="hover-overlay">







                <div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>







              </div>







            </a>







          </div>







          <div class="card-body">







     







          </div>







        </div>







      </div>







 















  <div class="col-sm-6 col-lg-3 col-6 mb-2">







                <div class="card w-300 shadow mb-1 bg-white rounded img-responsive ">







          <div class="bg-image hover-zoom ripple ripple-surface ripple-surface-light"







            data-mdb-ripple-color="light">







             <a href="pakej1.php" target="_self"><img src="images/faq-icon.png" class=" fluid card-img-top">







      







              <div class="mask">







                <div class="d-flex justify-content-start align-items-end h-100"></div>







              </div>







              <div class="hover-overlay">







                <div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>







              </div>







            </a>







          </div>







          <div class="card-body">







     







          </div>







        </div>







      </div>















   <div class="col-sm-6 col-lg-3 col-6 mb-2">







                <div class="card w-300 shadow mb-1 bg-white rounded img-responsive ">







          <div class="bg-image hover-zoom ripple ripple-surface ripple-surface-light"







            data-mdb-ripple-color="light">







             <a href="pakej1.php" target="_self"><img src="images/about.png" class=" fluid card-img-top">







      







              <div class="mask">







                <div class="d-flex justify-content-start align-items-end h-100"></div>







              </div>







              <div class="hover-overlay">







                <div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>







              </div>







            </a>







          </div>







          <div class="card-body">







     







          </div>







        </div>







      </div>







  <!-- Displaying Products End -->



















<hr>

















Anti CSRF Token: MINDCAREHUB-6a474fbc9138e1.23655325
















  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>







  <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js'></script>







  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>















</body>















</html>