<!DOCTYPE html>
<html lang="en">    
<head>
<meta charset="utf-8" />
<title>Survey Listing | Mquad Data Survey</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="" />
<meta content="Indev Consultancy Pvt. Ltd." name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="shortcut icon" href="assets/images/fav.png">        
<link href="assets/css/app.min.css" id="app-stylesheet" rel="stylesheet" type="text/css" />



</head>
<body data-topbar="light">
<div id="wrapper">
<?php include("include/header.php");?>

<div class="add-button-bg">
    <a href="#" class="btn btn-fixed-circle" title="Add New Message"><i class="fa fa-plus"></i></a>
</div>
<div class="content-page">
<div class="content">
<div class="page-title-box">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="d-flex d-title-box-block align-items-center justify-content-between">
<h4 class="page-title">LOG</h4>

<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="dashboard.php">Home</a></li>
<li class="breadcrumb-item ">Survey Listing</li>
<li class="breadcrumb-item active">LOG</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-12">
<div class="filter-form">
<form method="get">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<select class="form-control" name="country">
<option value="">Select Country</option>
<option value="">India</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<select class="form-control" placeholder="" name="state">
<option value="">Select State</option>
<option value="">New Delhi</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<select class="form-control" placeholder="" name="district">
<option value="">Select District</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<select class="form-control" placeholder="" name="city" id="city">
    <option value="">Select City</option>
</select>
</div>
</div>
<div class="col-md-2">
<button type="submit" class="btn btn-secondary width-md waves-effect waves-light" name="search">Search</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="card-box project-box">
<div class="row">
<div class="col-sm-5 col-md-5">
<!-- <h4>Total <strong class="text-primary">25</strong> Records</h4> -->
</div>
<div class="col-sm-7 col-md-7 text-right">
<div class="">
<a class="btn btn-success btn-sm waves-effect width-md waves-light" href="exports/export.php">
<i class="fa fa-file-csv"></i> Export To CSV
</a>
</div>
</div>
</div>
<div class="table-responsive mb-0 mt-2">

<div class="row">
    <div class="col-lg-12 col-12">
        <!-- <ul>
            <li>
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consequatur, dolor! Perferendis ex, dolores, reprehenderit vel  veniam assumenda earum molestias. Officiis maiores ipsa vero reprehenderit rerum.
                lorem25.
            </li>

            <li>
                Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nihil dolorum praesentium alias doloribus modi, cupiditate eaque veniam enim temporibus recusandae cumque laboriosam natus .
                
            </li>

            <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis dolorum obcaecati id velit, consequatur aliquam!</li>
            <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut numquam eveniet, rerum pariatur dolores alias error nam fugiat?</li>
        </ul> -->

        
	<div id="accordion" class="accordion-container">
		<h4 class="accordion-title">Lorem ipsum dolor sit amet. &nbsp; &nbsp; Monday 04:35 PM </h4>
		<div class="accordion-content">
		  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore, dolore ipsum. Molestias et ullam enim suscipit, cum libero quia ex nam magni autem cupiditate vel.</p>
		</div>
		<h4 class="accordion-title">Lorem ipsum dolor sit.  &nbsp; &nbsp; Wednesday 04:35 PM</h4>
		<div class="accordion-content">
		  <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Earum quae ut vel, esse ipsam ipsum delectus, voluptatibus harum dolorem quo vero accusantium! Accusamus numquam saepe, fugiat quam nesciunt fugit consequatur voluptates dolores quaerat, debitis quod.</p>
		</div>
		<h4 class="accordion-title">Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente, odit!  &nbsp; &nbsp; Thrusday 04:35 PM</h4>
		<div class="accordion-content">
		  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint cupiditate optio tempore dolorum, quidem amet deserunt officiis consectetur aliquid culpa aspernatur, odit aperiam? Praesentium aperiam alias, consequatur exercitationem porro aliquid voluptatem? Saepe perferendis culpa laudantium incidunt sequi eaque odit aspernatur.</p>
		</div>
    <h4 class="accordion-title">Lorem ipsum dolor sit amet consectetur adipisicing elit.  &nbsp; &nbsp; Monday 04:35 PM</h4>
    <div class="accordion-content">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quod repellendus laboriosam voluptatem esse pariatur, corrupti quis quia maxime fuga, facere velit, amet numquam possimus?</p>
    </div>
    <h4 class="accordion-title">Lorem ipsum dolor sit.  &nbsp; &nbsp; Monday 04:35 PM</h4>
    <div class="accordion-content">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo vel fuga quam magni minima facilis?</p>
    </div>
	  </div>


  
    </div>
</div>
</div>
</div>                    
</div>
</div>
<?php include("include/footer.php");?>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.0.min.js"></script>

<script src="assets/js/vendor.min.js"></script>
<script src="assets/js/app.min.js"></script>
<script src="assets/libs/select2/select2.full.min.js"></script>
<script src="assets/libs/moment/moment.js"></script>
<script src="assets/libs/multiselect/jquery.multi-select.js"></script>
<script src="assets/libs/select2/select2.full.min.js"></script>
<script src="assets/libs/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="assets/libs/bootstrap-daterangepicker/daterangepicker.js"></script>
<script src="assets/libs/jquery-mask-plugin/jquery.mask.min.js"></script>
<script src="assets/libs/dropify/dropify.min.js"></script>
<!-- <script src="assets/js/jquery.canvasjs.min.js"></script> -->
<script src="assets/js/jquery.bar.chart.min.js"></script>
<script src="assets/js/d3.v4.min.js"></script>
<script src="assets/js/custom.js"></script>

<script>
    	jQuery(function ($) {

$(".accordion-content").css("display", "none");


$(".accordion-title").click(function () {

  $(".accordion-title").not(this).removeClass("open");

  $(".accordion-title").not(this).next().slideUp(300);

  $(this).toggleClass("open");

  $(this).next().slideToggle(300);
});
});
</script>
</body>
</html>