<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- <link href="https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap" rel="stylesheet">

    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500&display=swap" rel="stylesheet"> -->

    
    <link rel="stylesheet" href="calendar-15/calendar-15/fonts/icomoon/style.css">

    <link rel="stylesheet" href="calendar-15/calendar-15/css/rome.css">
    
    <!-- Bootstrap CSS -->
    <!-- <link rel="stylesheet" href="calendar-15/calendar-15/css/bootstrap.min.css"> -->
    
    <!-- Style -->
    <link rel="stylesheet" href="calendar-15/calendar-15/css/style.css">
    <link rel="stylesheet" href="fontawesome-free-5.15.1-web/css/all.css">
  <link rel="stylesheet" href="tablehead.css">
  <link rel="stylesheet" href="bootstrap/min.css">
  <script src="bootstrap/jquery.min.js"></script> -->
  <script src="bootstrap/popper.min.js"></script>
  <script src="bootstrap/bootstrap.js"></script>
  <link rel="stylesheet" href="datatable/data.css">
<script src="datatable/data.js" type="text/javascript"></script>
<script src="datatable/table.js" type="text/javascript"></script>
<script src="datatable/datatable.js"></script>
<link rel="stylesheet" href="datatable/data-boot.css">
<link href="javascript/select2.css" rel="stylesheet" >
<script src="javascript/selectt2.js"></script>

  </head>
  <body>
  

  <div class="content">
    
    <div class="container text-left">
      <div class="row justify-content-center">
        <div class="col-lg-10">
          <h2 class="mb-5 text-center">Calendar #5 (Calendar Range)</h2>
          <form action="#" class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label for="input_from">From</label>
                <input type="text" class="form-control" id="input_from" placeholder="Start Date">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label for="input_from">To</label>
                <input type="text" class="form-control" id="input_to" placeholder="Start Date">
              </div>
            </div>
          </form>
        </div>
      </div>
          
    </div>
  </div>
    
    

    <!-- <script src="calendar-15/calendar-15/js/jquery-3.3.1.min.js"></script> -->

    <script src="calendar-15/calendar-15/js/rome.js"></script>

    <script src="calendar-15/calendar-15/js/main.js"></script>
    <div class="container">
  <h2>Simple Collapsible</h2>
  <p>Click on the button to toggle between showing and hiding content.</p>
  <button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">Simple collapsible</button>
  <div id="demo" class="collapse">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  </div>
</div>

  </body>
</html>