@extends('layouts.app3')

@section('title', 'quality-policy')

@section('content')


<style>
.btn-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: #1a5a9a;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease,
              box-shadow 0.2s ease;
  box-shadow: 0 2px 6px rgba(26,90,154,0.25);
}
.btn-link:hover {
  background: #154d84;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(26,90,154,0.35);
  color: #fdfdfd;
}
    
}
.btn-link:active {
  transform: translateY(0px);
}
</style>
    <!--==============================
    Breadcumb
============================== -->
    <div class="breadcumb-wrapper " data-bg-src="assets/img/bg/breadcumb-bg.jpg" data-overlay="title" data-opacity="8">
        <div class="breadcumb-shape" data-bg-src="assets/img/bg/breadcumb_shape_1_1.png">
        </div>
        <div class="shape-mockup breadcumb-shape2 jump d-lg-block d-none" data-right="30px" data-bottom="30px">
            <img src="assets/img/bg/breadcumb_shape_1_2.png" alt="shape">
        </div>
        <div class="shape-mockup breadcumb-shape3 jump-reverse d-lg-block d-none" data-left="50px" data-bottom="80px">
            <img src="assets/img/bg/breadcumb_shape_1_3.png" alt="shape">
        </div>
        <div class="container">
            <div class="breadcumb-content text-center">
                <h1 class="breadcumb-title">Quality-Policy</h1>
                
            </div>
        </div>
    </div>
    
     <!--==============================
  Quality-Policy
============================== -->
    <section class="space overflow-hidden">
        <div class="shape-mockup team2-bg-shape1 jump-reverse d-lg-block d-none" data-left="-2%" data-top="0">
            <img src="assets/img/team/team-shape_1_1.png" alt="img">
        </div>

        <div class="shape-mockup team2-bg-shape5 jump d-xxl-block d-none" data-right="-7%" data-top="40%">
            <img src="assets/img/team/team-shape_1_5.png" alt="img">
        </div>

        <div class="container">
            <div class="title-area text-center">
                <span class="sub-title"> </span>
                <h2 class="sec-title">Quality Policy</h2>
                <p> To induce a quality culture with responsive, reliable, and transparent efforts by internal and external quality assessments.</p>
                
                   <!-- <table style="width: 50%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; border: 2px solid #000;">
                    <tr>
                        <td>Quality Policy</td>
                        <td>
  <a href="document/iqac/Quality_policy.pdf" class="btn-link">
    Click Here
  </a>
                        
                    </tr>
                    
                </table>-->
                
                
                
                
                <center>
                
                 <table style="width: 70%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; border: 15px solid #c8d8e8;">
  <thead>
    
  </thead>
  <tbody>
    <tr style="background: #ffffff;">
      <td style="padding: 8px 14px; border-bottom: 1px solid #dce8f0; color: #1a1a1a;">Quality Policy</td>
      <td style="padding: 8px 14px; border-bottom: 1px solid #dce8f0; text-align: right; white-space: nowrap;"><a href="document/iqac/Quality_policy.pdf" style="text-decoration: none; font-weight: 500;" class="btn-link">Click here</a></td>
    </tr>
    
  </tbody>
</table>
</center>
                </center>
            </div>
            
        </div>
    </section>
     
   
     @endsection
     <!--********************************
			Code End  Here 
	******************************** -->

    <!-- Scroll To Top -->
    <div class="scroll-top">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path>
        </svg>
    </div>

    <!--==============================
    All Js File
============================== -->
    <!-- Jquery -->
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <!-- Slick Slider -->
    <script src="assets/js/slick.min.js"></script>
    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Magnific Popup -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Counter Up -->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!-- Circle Progress -->
    <script src="assets/js/circle-progress.js"></script>
    <!-- Range Slider -->
    <script src="assets/js/jquery-ui.min.js"></script>
    <!-- Isotope Filter -->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <!-- Tilt JS -->
    <script src="assets/js/tilt.jquery.min.js"></script>
    <!-- Tweenmax JS -->
    <script src="assets/js/tweenmax.min.js"></script>
    <!-- Nice Select JS -->
    <script src="assets/js/nice-select.min.js"></script>

    <!-- Main Js File -->
    <script src="assets/js/main.js"></script>

</body>

</html>