�&ǐk�@'bJ�h�ۊL'}T�:��'2�Z#$��n�a����>a��`��_3d�Qpt�/�P
-��#5�,�M���
�pA:©�q�����NW��ډ�A�����9nʺج����
�TSM��{J6?7��r�@�\����D����׶���s�f�TJj?"��D��`?��̒�	b�#�%�C*v�$�{�$����5Ծ�F�s��y�e/8��h-�f�̰
&(����Gj�L:U�	2������v�_k����Y��gp,�k�WF�R����<Q%E�,��+׬��$�䑽�0����]q�%�ˮI�����5_�}}
�c�{8�.��&���o��Ӳ�ߢ�!�2M��@��GƲz�@�Z$�b�ցK���Q��m�C���6�i����V�j|�s�y����\1�����5'?�@3�$%vP�v >��_C�R��N@���R�@�ߔ?A�w9���F("iNa-S���Q�o�3tDMLh*�#4k�T/iQ��Y*�G��m����)��8�
hBm/�I�,g�ﯖ���Z��}�Cz�q@
´��d.����L�ŕ�,��1�Z�܌�:̪���F+J-'��c�tvJ8��]Q-��b��y�6;*J`r_�d	��'�G ~p��)'�C,�%F��E(��2�k�����lР�z�!�=t��_�0��f7�
��
;�p�|�U	�%<j
��I�<?php include("header.php"); ?><!--header end-->



        <!-- page-title -->
        <div class="ttm-page-title-row">
            <div class="ttm-page-title-row-inner ttm-textcolor-white">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                <h2 class="title">Facilities</h2>
                            </div>
                            <div class="breadcrumb-wrapper">
                                <span>
                                    <a title="Homepage" href="index.html">Home</a>
                                </span>
                                <span class="ttm-bread-sep">&nbsp;&gt;&nbsp;</span>
                                <span class="current">Facilities</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>                    
        </div><!-- page-title end-->


    <!--site-main start-->
    <div class="site-main">


    <!-- KIPS — Facilities (Screenshot Style) -->
<section id="facilities" class="kips-facilities" aria-labelledby="facilities-title">
  <style>
    .kips-facilities{--bg:#f6f7fb;--card:#ffffff;--ink:#0f172a;--muted:#475569;--line:#e5e7eb;--radius:20px;--max:1200px;padding:clamp(40px,6vw,80px) 20px;background:var(--bg)}
    .kips-facilities .wrap{max-width:var(--max);margin:0 auto}
    .kips-facilities h2{margin:0 0 14px;font-size:clamp(26px,3vw,36px);letter-spacing:-.02em;color:var(--ink);text-align:center}
    .kips-facilities .lead{margin:0 auto 28px;color:var(--muted);text-align:center;max-width:70ch}

    /* grid */
    .fac-grid{display:grid;grid-template-columns:1fr;gap:22px}
    @media (min-width:700px){.fac-grid{grid-template-columns:repeat(2,1fr)}}
    @media (min-width:1024px){.fac-grid{grid-template-columns:repeat(3,1fr)}}

    /* card */
    .fac-card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 30px rgba(2,6,23,.06);padding:28px;display:flex;flex-direction:column;align-items:center;gap:14px;transition:box-shadow .2s ease, transform .2s ease}
    .fac-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(2,6,23,.1)}

    /* icon circle */
    .fac-icon{width:82px;height:82px;border-radius:50%;display:grid;place-items:center}
    .fac-icon svg{width:36px;height:36px;color:#ffffff}

    /* colors (like screenshot vibe) */
    .red{background:#98010c}
    .blue{background:#0a0ea6}
    .orange{background:#b64700}
    .green{background:#0e8a3f}
    .purple{background:#6b21a8}

    .fac-title{margin:6px 0 0;text-align:center;font-size:clamp(18px,2vw,22px);font-weight:800;color:var(--ink)}
    .fac-desc{margin:0;color:var(--muted);text-align:center;max-width:46ch;line-height:1.6}
  </style>

  <div class="wrap">
    <h2 id="facilities-title">Our Facilities</h2>
    <p class="lead">KIPS provides industry-ready infrastructure and student support for a smooth, career-focused learning experience.</p>

    <div class="fac-grid">
      <!-- 1 Modern Classrooms -->
      <article class="fac-card">
        <div class="fac-icon red" aria-hidden="true">
          <!-- monitor-teacher -->
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <rect x="3" y="4" width="18" height="12" rx="2"/><path d="M12 16v4m-4 0h8"/>
            <circle cx="8" cy="9" r="1.5"/><path d="M11 12l3-3 3 3"/>
          </svg>
        </div>
        <h3 class="fac-title">Modern Classrooms</h3>
        <p class="fac-desc">Spacious, well-ventilated, ICT-enabled classrooms for comfortable and effective learning.</p>
      </article>

      <!-- 2 Pharmaceutics & Formulation Lab -->
      <article class="fac-card">
        <div class="fac-icon blue" aria-hidden="true">
          <!-- mortar & pestle -->
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M3 10h18M5 10a7 7 0 1014 0"/><path d="M6 6l12-3"/>
          </svg>
        </div>
        <h3 class="fac-title">Pharmaceutics & Formulation Lab</h3>
        <p class="fac-desc">Formulation, dispensing, and dosage-form development with hands-on practicals.</p>
      </article>

      <!-- 3 Pharmacology & HAP Lab -->
      <article class="fac-card">
        <div class="fac-icon orange" aria-hidden="true">
          <!-- heartbeat -->
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M3 12h4l2-4 4 8 2-4h4"/><path d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" opacity=".2"/>
          </svg>
        </div>
        <h3 class="fac-title">Pharmacology & HAP Lab</h3>
        <p class="fac-desc">Experimental setups for pharmacology basics and human anatomy & physiology learning.</p>
      </article>

      <!-- 4 Pharmaceutical Chemistry & Analysis -->
      <article class="fac-card">
        <div class="fac-icon purple" aria-hidden="true">
          <!-- flask -->
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M9 2v6l-4 8a4 4 0 004 6h6a4 4 0 004-6l-4-8V2"/>
          </svg>
        </div>
        <h3 class="fac-title">Pharmaceutical Chemistry & Analysis</h3>
        <p class="fac-desc">Titrations, assays and analytical techniques to build strong chemistry fundamentals.</p>
      </article>

      <!-- 5 Central Instrumentation (HPLC, UV–Vis, etc.) -->
      <article class="fac-card">
        <div class="fac-icon green" aria-hidden="true">
          <!-- sliders -->
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3"/>
          </svg>
        </div>
        <h3 class="fac-title">Central Instrumentation</h3>
        <p class="fac-desc">Access to key instruments (HPLC, UV-Vis, etc.) for advanced analysis and research.</p>
      </article>

      <!-- 6 Library & e-Resources -->
      <article class="fac-card">
        <div class="fac-icon orange" aria-hidden="true">
          <!-- book -->
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M4 19.5A2.5 2.5 0 016.5 17H20"/><path d="M20 22V6a2 2 0 00-2-2H7a2 2 0 00-2 2v15"/>
          </svg>
        </div>
        <h3 class="fac-title">Library & e-Resources</h3>
        <p class="fac-desc">Textbooks, journals and digital databases to support study, projects and research.</p>
      </article>

      <!-- 7 Computer & Language Lab -->
      <article class="fac-card">
        <div class="fac-icon blue" aria-hidden="true">
          <!-- laptop -->
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <rect x="3" y="4" width="18" height="12" rx="2"/><path d="M2 20h20"/>
          </svg>
        </div>
        <h3 class="fac-title">Computer & Language Lab</h3>
        <p class="fac-desc">ICT-enabled training, online learning support and communication-skills enhancement.</p>
      </article>

      <!-- 8 Medicinal Garden -->
      <article class="fac-card">
        <div class="fac-icon green" aria-hidden="true">
          <!-- leaf -->
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M5 21c8-1 14-7 14-14 0 0-7-1-14 5-3 3-3 7-3 7z"/>
          </svg>
        </div>
        <h3 class="fac-title">Medicinal Garden</h3>
        <p class="fac-desc">Live collection of medicinal plants for identification and pharmacognosy learning.</p>
      </article>

      <!-- 9 Hostel & Student Support -->
      <article class="fac-card">
        <div class="fac-icon blue" aria-hidden="true">
          <!-- bed -->
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M3 10h18v7H3z"/><path d="M7 10V7a2 2 0 114 0v3"/>
          </svg>
        </div>
        <h3 class="fac-title">Hostel & Student Support</h3>
        <p class="fac-desc">Safe hostels, mentoring and counselling for a supportive campus experience.</p>
      </article>

      <!-- 10 Transport -->
    <!-- Replace the Transport card with this CCTV Surveillance Campus card -->
<article class="fac-card">
  <div class="fac-icon blue" aria-hidden="true">
    <!-- CCTV / camera icon -->
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
      <path d="M3 7v8a2 2 0 002 2h11" />
      <path d="M21 7l-6 3v4" />
      <rect x="17" y="3" width="6" height="4" rx="1" />
      <circle cx="8.5" cy="12.5" r="2.5" />
    </svg>
  </div>

  <h3 class="fac-title">CCTV Surveillance Campus</h3>
  <p class="fac-desc">Comprehensive CCTV coverage across campus for student safety and 24/7 monitoring — ensuring a secure learning environment and quick response to incidents.</p>
</article>


      <!-- 11 Placement & Career Cell -->
      <article class="fac-card">
        <div class="fac-icon purple" aria-hidden="true">
          <!-- briefcase -->
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M10 6h4a2 2 0 012 2v2H8V8a2 2 0 012-2z"/><rect x="3" y="10" width="18" height="10" rx="2"/>
          </svg>
        </div>
        <h3 class="fac-title">Placement & Career Cell</h3>
        <p class="fac-desc">Resume workshops, interview prep and campus drives to boost employability.</p>
      </article>

      <!-- 12 Seminar Hall & Events -->
      <article class="fac-card">
        <div class="fac-icon red" aria-hidden="true">
          <!-- mic -->
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <rect x="9" y="2" width="6" height="12" rx="3"/><path d="M12 14v6M8 20h8"/>
          </svg>
        </div>
        <h3 class="fac-title">Seminar Hall & Events</h3>
        <p class="fac-desc">Guest lectures, workshops and academic events for continuous upskilling.</p>
      </article>
    </div>
  </div>
</section>

      
      
    </div><!--site-main end-->


     <!--footer start-->
  <?php include("footer.php"); ?>
        <!--footer end-->

    <!--back-to-top start-->
    <a id="totop" href="#top">
        <i class="fa fa-angle-up"></i>
    </a>
    <!--back-to-top end-->

</div><!-- page end -->


    <!-- Javascript -->

    <script src="js/jquery.min.js"></script>
    <script src="js/tether.min.js"></script>
    <script src="js/bootstrap.min.js"></script> 
    <script src="js/jquery.easing.js"></script>    
    <script src="js/jquery-waypoints.js"></script>    
    <script src="js/jquery-validate.js"></script> 
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/slick.min.js"></script>
    <script src="js/numinate.min.js"></script>
    <script src="js/imagesloaded.min.js"></script>
    <script src="js/jquery-isotope.js"></script>
    <script src="js/main.js"></script>
    <!-- Javascript end-->

</body>

</html>