<meta charset="utf-8">
<title>Com Legal Associates</title>
<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="plugins/revolution/css/settings.css" rel="stylesheet" type="text/css"><!-- REVOLUTION SETTINGS STYLES -->
<link href="plugins/revolution/css/layers.css" rel="stylesheet" type="text/css"><!-- REVOLUTION LAYERS STYLES -->
<link href="plugins/revolution/css/navigation.css" rel="stylesheet" type="text/css"><!-- REVOLUTION NAVIGATION STYLES -->
<link href="css/style.css" rel="stylesheet">

<link rel="shortcut icon" href="images/ff.png" type="image/x-icon">
<link rel="icon" href="images/ff.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->


<?php require "btn.php" ?>

<div class="modal fade" id="exampleModalToggle" tabindex="-1" aria-labelledby="exampleModalToggleLabel" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="exampleModalToggleLabel">Disclaimer</h1>
        <!-- Removed close button -->
      </div>
      <div class="modal-body" style="text-align:justify;">
        The Bar Council of India does not permit advertisement or solicitation by advocates. By accessing this website, you acknowledge and confirm that you are seeking information relating to Com Legal Associates LLP, Advocates, of your own accord and that there has been no form of solicitation, advertisement, or inducement by Com Legal Associates, or its members. The content of this website is for informational purposes only and should not be interpreted as soliciting or advertising. No material/information provided on this website should be construed as legal advice.
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary" id="acceptDisclaimer">I accept the above</button>
      </div>
    </div>
  </div>
</div>

<style>
 
  .modal-header {
    background-color: #0d6efd; 
    color: white;
    border-bottom: 2px solid #0b5ed7;
  }


  .modal-body {
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    background-color: #f8f9fa; 
    padding: 20px;
  }

 
  .modal-footer {
    background-color: #f1f1f1;
    border-top: 1px solid #dee2e6;
  }

 
  #acceptDisclaimer {
    background-color: #198754; 
    border: none;
  }

  #acceptDisclaimer:hover {
    background-color: #157347;
  }

 
  .modal-content {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  }
</style>


<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>


<script>
  document.addEventListener("DOMContentLoaded", function () {
    const modalEl = document.getElementById('exampleModalToggle');
    const modal = new bootstrap.Modal(modalEl, {
      backdrop: 'static',
      keyboard: false
    });
    modal.show();

    document.getElementById('acceptDisclaimer').addEventListener('click', function () {
      modal.hide();
    });
  });
</script>