@extends('frontEnd.layout')

@section('content')
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"> -->

  <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script> -->
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <link href="{{ URL::asset('assets/frontend/css/style_new.css') }}" rel="stylesheet"/>
 <div class="container mt-5">
  <div class="row dictCode">
  
    <div class="col-lg-12 col-md-12 searchText">
      <div class="searchBar">
        <img src="{{url('uploads/images/search.png')}}">
        <input type="text" class="lionsearchBox" placeholder="Search by Name or District Code">
        <button>Search</button>
      </div>
    </div>
  </div>
</div>

<div class="container mt-4">
  <div class="row imgColors">
    <div class="col-lg-12 exportBtn mb-4">
        <button onclick="window.location.href='/directory';">Leadership Team</button>
        <!-- <button onclick="history.back();"> Previous Page</button> -->
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc1">
      <a href="/lci">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Lions Council of India</p>
        <!-- <h4>324</h4> -->
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc1">
      <a href="/exe_officer_isame">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Excecutive officers - ISAME</p>
        <!-- <h4>324</h4> -->
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc2">
      <a href="/isame">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Past International Presidents - ISAME</p>
        <!-- <h4>324</h4> -->
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc3">
      <a href="/abode">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Past International President-Heavenly Abode</p>
        <!-- <h4>324</h4> -->
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc6">
      <a href="/indiaid">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Board of Directors</p>
        <!-- <h4>324</h4> -->
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc7">
      <a href="/indiapid">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Past International Directors - INDIA</p>
        <!-- <h4>324</h4> -->
      </div>
    </div>
 
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc4">
      <a href="/gat">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>GAT Area Leaders</p>
        <!-- <h4>324</h4> -->
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc5">
      <a href="/lcif">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>LCIF Area Leaders</p>
        <!-- <h4>324</h4> -->
      </div>
    </div> 
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc6">
      <a href="/council-chairpersons">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Multiple Council Chairpersons of India 2024-25</p>
        <!-- <h4>2024-25</h4> -->
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc7">
      <a href="/district-governors">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>District Governors of India 2024-25</p>
        <!-- <h4>2024-25</h4> -->
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc8">
      <a href="/firstvice-district-governors">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>First Vice District Governors of India 2024-25</p>
        <!-- <h4>2024-25</h4> -->
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc9">
      <a href="/secondvice-district-governors">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Second Vice District Governors of India 2024-25</p>
        <!-- <h4>2024-25</h4> -->
      </div>
    </div>
     <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc1">
        <a href="/indiadirectory/316">
          <img src="{{url('uploads/images/lion_dash.png')}}">
          <p>Multiple District</p>
          <h4>316</h4>
        </a>
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc2">
        <a href="/indiadirectory/317">
          <img src="{{url('uploads/images/lion_dash.png')}}">
          <p>Multiple District</p>
          <h4>317</h4>
        </a>
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc3">
        <a href="/indiadirectory/318">
          <img src="{{url('uploads/images/lion_dash.png')}}">
            <p>Multiple District</p>
            <h4>318</h4>
          </div>
        </a>
    </div>
    <!-- <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc4">
        <a href="/indiadirectory/319">
          <img src="{{url('uploads/images/lion_dash.png')}}">
          <p>Multiple District</p>
          <h4>319</h4>
        </a>
      </div>
    </div> -->
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc5">
        <a href="/indiadirectory/320">
          <img src="{{url('uploads/images/lion_dash.png')}}">
          <p>Multiple District</p>
          <h4>320</h4>
        </a>
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc6">
        <a href="/indiadirectory/321">
          <img src="{{url('uploads/images/lion_dash.png')}}">
          <p>Multiple District</p>
          <h4>321</h4>
        </a>
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc7">
      <a href="/indiadirectory/322">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Multiple District</p>
        <h4>322</h4>
      </a>
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc8">
      <a href="/indiadirectory/3231">  
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Multiple District</p>
        <h4>3231</h4>
      </a>
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc9">
        <a href="/indiadirectory/3232">
          <img src="{{url('uploads/images/lion_dash.png')}}">
          <p>Multiple District</p>
          <h4>3232</h4>
        </a>
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc10">
      <a href="/indiadirectory/3233">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Multiple District</p>
        <h4>3233</h4>
      </a>
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc11">
      <a href="/indiadirectory/3234">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Multiple District</p>
        <h4>3234</h4>
      </div>
    </div>
    <div class="col-lg-4 col-md-6 mt-5">
      <div class="selcetColors selc7">
      <a href="/indiadirectory/324">
        <img src="{{url('uploads/images/lion_dash.png')}}">
        <p>Multiple District</p>
        <h4>324</h4>
      </div>
    </div>
  </div>
</div>


@endsection