@extends('layouts.user-screens')
@section('content')
    <!-- Layout wrapper -->
    <div class="layout-wrapper layout-content-navbar">
      <div class="layout-container">
        <!-- Menu -->

        <aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
          <div class="app-brand demo">
             <a href="/" class="app-brand-link">
              <img src="{{asset('assets/dashboard/assets/img/elements/logo.jpg')}}"/>
            </a>

            <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto d-block d-xl-none">
              <i class="bx bx-chevron-left bx-sm align-middle"></i>
            </a>
          </div>

          <div class="menu-inner-shadow"></div>

        <ul class="menu-inner py-1">
            <!-- Dashboard -->
            <li class="menu-item">
              <a href="/" class="menu-link">
                <i class="menu-icon tf-icons bx bx-home-circle"></i>
                <div data-i18n="Analytics">Dashboard</div>
              </a>
            </li>

            <!-- Layouts -->
            <li class="menu-item">
              <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bx-layout"></i>
                <div data-i18n="Layouts">Main</div>
              </a>

              <ul class="menu-sub">
                <li class="menu-item">
                  <a href="post-deal" class="menu-link">
                    <div data-i18n="Without menu">Post a Deal</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Without navbar">Partner's Deal</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Container">Facilities Center</div>
                  </a>
                </li>
                
              </ul>
            </li>

            <li class="menu-header small text-uppercase">
              <span class="menu-header-text">Offerrings</span>
            </li>
            <li class="menu-item active">
              <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bx-dock-top"></i>
                <div data-i18n="Account Settings">Investment</div>
              </a>
              <ul class="menu-sub">
                <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Account">Mutual Funds</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="pms" class="menu-link">
                    <div data-i18n="Notifications">PMS</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="aifs" class="menu-link">
                    <div data-i18n="Connections">AIFs</div>
                  </a>
                </li>
				<li class="menu-item active">
                  <a href="stock-market" class="menu-link">
                    <div data-i18n="Connections">Stock Market</div>
                  </a>
                </li>
				<li class="menu-item">
                  <a href="fixed_income_securities" class="menu-link">
                    <div data-i18n="Connections">Fixed Income Securities</div>
                  </a>
                </li>
              </ul>
            </li>
            <li class="menu-item">
              <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bx-lock-open-alt"></i>
                <div data-i18n="Authentications">Secured Loans</div>
              </a>
              <ul class="menu-sub">
                <li class="menu-item">
                  <a href="home-loans" class="menu-link">
                    <div data-i18n="Basic">Home Loan</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="lap" class="menu-link">
                    <div data-i18n="Basic">LAP</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="project-financing" class="menu-link">
                    <div data-i18n="Basic">Project Financing</div>
                  </a>
                </li>
              </ul>
            </li>
            <li class="menu-item">
              <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bx-cube-alt"></i>
                <div data-i18n="Misc">Unsecured Loans</div>
              </a>
              <ul class="menu-sub">
                <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Error">Personal Loans</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="business-loans" class="menu-link">
                    <div data-i18n="Under Maintenance">Business Loans</div>
                  </a>
                </li>
				 <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Under Maintenance">Credit Cards</div>
                  </a>
                </li>
              </ul>
            </li>
			 <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-collection"></i>
                <div data-i18n="Basic">Startup Investment</div>
              </a>
            </li>
			<li class="menu-item">
              <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bx-rupee"></i>
                <div data-i18n="Misc">Insurance</div>
              </a>
              <ul class="menu-sub">
                <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Error">Life Insurance</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Under Maintenance">Health Insurance</div>
                  </a>
                </li>
				 <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Under Maintenance">Other General</div>
                  </a>
                </li>
              </ul>
            </li>
            <!-- Components -->
            <li class="menu-header small text-uppercase"><span class="menu-header-text">Services</span></li>
            <!-- Cards -->
            <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-collection"></i>
                <div data-i18n="Basic">Valuation</div>
              </a>
            </li>
            <!-- User interface -->
           

            <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-collection"></i>
                <div data-i18n="Basic">Transfer Pricing</div>
              </a>
            </li>
			
             <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-collection"></i>
                <div data-i18n="Basic">Startegic Advisory</div>
              </a>
            </li>
			 <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-collection"></i>
                <div data-i18n="Basic">Learning & Development</div>
              </a>
            </li>
			

            <!-- Forms & Tables -->
            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
            <!-- Forms -->
            
           
            <!-- Tables -->
            <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-table"></i>
                <div data-i18n="Tables">IB Deals</div>
              </a>
            </li>
			 <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-table"></i>
                <div data-i18n="Tables">Special Offers</div>
              </a>
            </li>
            <!-- Misc -->
           
          </ul>
        </aside>
        <!-- / Menu -->

        <!-- Layout container -->
        <div class="layout-page">
          <!-- Navbar -->

          <nav
            class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
            id="layout-navbar"
          >
            <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
              <a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
                <i class="bx bx-menu bx-sm"></i>
              </a>
            </div>

            <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
              <!-- Search -->
              <div class="navbar-nav align-items-center">
                <div class="nav-item d-flex align-items-center">
                  <i class="bx bx-search fs-4 lh-0"></i>
                  <input
                    type="text"
                    class="form-control border-0 shadow-none"
                    placeholder="Search..."
                    aria-label="Search..."
                  />
                </div>
              </div>
              <!-- /Search -->

             <ul class="navbar-nav flex-row align-items-center ms-auto">
                <!-- Place this tag where you want the button to render. -->
                

                <!-- User -->
                <li class="nav-item navbar-dropdown dropdown-user dropdown">
                  <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
                    <div class="avatar avatar-online">
                      <img src="{{asset('assets/dashboard/assets/img/avatars/1.png')}}" alt class="w-px-40 h-auto rounded-circle" />
                    </div>
                  </a>
                  <ul class="dropdown-menu dropdown-menu-end">
                    <li>
                      <a class="dropdown-item" href="#">
                        <div class="d-flex">
                          <div class="flex-shrink-0 me-3">
                            <div class="avatar avatar-online">
                              <img src="{{asset('assets/dashboard/assets/img/avatars/1.png')}}" alt class="w-px-40 h-auto rounded-circle" />
                            </div>
                          </div>
                          <div class="flex-grow-1">
                            <span class="fw-semibold d-block">Gaurav Mishra</span>
                            <small class="text-muted">DP Buddy</small>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <div class="dropdown-divider"></div>
                    </li>
                    <li>
                      <a class="dropdown-item" href="my-account">
                        <i class="bx bx-user me-2"></i>
                        <span class="align-middle">My Profile</span>
                      </a>
                    </li>
                    <li>
                      <a class="dropdown-item" href="#">
                        <i class="bx bx-cog me-2"></i>
                        <span class="align-middle">Support</span>
                      </a>
                    </li>
                   
                    <li>
                      <div class="dropdown-divider"></div>
                    </li>
                    <li>
                      <a class="dropdown-item" href="#">
                        <i class="bx bx-power-off me-2"></i>
                        <span class="align-middle">Log Out</span>
                      </a>
                    </li>
                  </ul>
                </li>
                <!--/ User -->
              </ul>
            </div>
          </nav>

          <!-- / Navbar -->

          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Dashboard /</span><span class="text-muted fw-light"> Investment /</span> Stock Market</h4>

             <nav class="navbar navbar-expand-lg navbar-light bg-light mb-5">
                <div class="container-fluid">
                  <a class="navbar-brand" href="javascript:void(0)">&nbsp;</a>
                  <button
                    class="navbar-toggler"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent"
                    aria-expanded="false"
                    aria-label="Toggle navigation"
                  >
                    <span class="navbar-toggler-icon"></span>
                  </button>
                  <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                      
                      <li class="nav-item dropdown">
                        <a
                          class="nav-link dropdown-toggle"
                          href="javascript:void(0)"
                          id="navbarDropdown"
                          role="button"
                          data-bs-toggle="dropdown"
                          aria-expanded="false"
                        >
                          Search By Industry
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                          <li><a class="dropdown-item" href="javascript:void(0)">Agriculture & Food Processing</a></li>
                          <li><a class="dropdown-item" href="javascript:void(0)">Animal Husbandry & Meat Processing</a></li>
						   <li><a class="dropdown-item" href="javascript:void(0)">Apparels & Garments</a></li>
						    <li><a class="dropdown-item" href="javascript:void(0)">Artificial Intelligence</a></li>
							 <li><a class="dropdown-item" href="javascript:void(0)">Automobiles & Components</a></li>
                        </ul>
                      </li>
					  <li class="nav-item dropdown">
                        <a
                          class="nav-link dropdown-toggle"
                          href="javascript:void(0)"
                          id="navbarDropdown"
                          role="button"
                          data-bs-toggle="dropdown"
                          aria-expanded="false"
                        >
                          Search By Type
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                          <li><a class="dropdown-item" href="javascript:void(0)"> Angel Funding</a></li>
                          <li><a class="dropdown-item" href="javascript:void(0)"> Capacity Utilisation</a></li>
						   <li><a class="dropdown-item" href="javascript:void(0)"> Commercial Leased Asset-sale</a></li>
						    <li><a class="dropdown-item" href="javascript:void(0)"> Consumer Loan</a></li>
							 <li><a class="dropdown-item" href="javascript:void(0)"> Csr Funding</a></li>
                        </ul>
                      </li>
                      
                    </ul>
					<button
                          type="button"
                          class="btn btn-primary"
                          data-bs-toggle="modal"
                          data-bs-target="#basicModal"
                        >
                          <i class="fa fa-filter"></i>
                        </button>

                        <!-- Modal -->
                          <div class="modal fade" id="basicModal" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel1">Deals Filter</h5>
                                <button
                                  type="button"
                                  class="btn-close"
                                  data-bs-dismiss="modal"
                                  aria-label="Close"
                                ></button>
                              </div>
                              <div class="modal-body">
                                <div class="row">
                                  <div class="col mb-3">
                                    <label for="nameBasic" class="form-label">Deal Name</label>
                                    <input type="text" id="nameBasic" class="form-control" placeholder="Enter Name" />
                                  </div>
                                </div>
                                <div class="row mb-3">
								  <label class="col-sm-4 col-form-label" for="basic-default-phone">Nature of Deal</label>
								  <div class="col-sm-8">
								   <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example">
								  <option selected>Angel Funding</option>
								  <option value="1">Capacity Utilization</option>
								  <option value="2">Consumer Loan</option>
								  <option value="3">CSR Funding</option>
								</select>
								  </div>
								</div>
								<div class="row">
                                  <div class="col mb-3">
                                    <label for="nameBasic" class="form-label">Location</label>
                                    <input type="text" id="nameBasic" class="form-control" placeholder="Enter Name" />
                                  </div>
                                </div>
                                <div class="row mb-3">
								  <label class="col-sm-4 col-form-label" for="basic-default-phone">DeaL Industry</label>
								  <div class="col-sm-8">
								   <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example">
								  <option selected>Angel Funding</option>
								  <option value="1">Capacity Utilization</option>
								  <option value="2">Consumer Loan</option>
								  <option value="3">CSR Funding</option>
								</select>
								  </div>
								</div>
                              </div>
                              <div class="modal-footer">
                                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                                  Close
                                </button>
                                <button type="button" class="btn btn-primary">Save changes</button>
                              </div>
                            </div>
                          </div>
                        </div>
                    <form class="d-flex" onsubmit="return false">
                      <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" />
                      <button class="btn btn-outline-primary" type="submit">Search</button>
                    </form>
                  </div>
                </div>
              </nav>

              <!-- Horizontal -->
              <div class="card mb-4">
                <h5 class="card-header">What is Stock Market</h5>
                <div class="card-body">
                  <div class="row">
                    <!-- Custom content with heading -->
                    <div class="col-lg-12 mb-4 mb-xl-0">
                      <p>Omaxe Chowk Chandni Chowk presents an enticing prospect for young business leaders from traditional, family owned businesses to discover new possibilities and innovative trading models to enhance growth and expansion.
</p>
<p><b>Chandni Chowk Overview</b><br>
Daily Footfall of Approx. 4-6 lakh including tourists
Approximately 50000 Existing Business Units
Expected Turnover of Rs. 50 Lakh Crore by 2020 as per Walmart Repor
With World Heritage sites visited by millions of tourists every year.</p>

<p>Omaxe Chowk - A Perspective Overview
Spread across 4.5 Acres with total built-up area of more than 10 lakh sq.ft.
Direct Entry from Chandni Chowk Metro Station
7times more footfall per sq.ft. than any other mall in Delhi NCR
Approx 40 Lakh serious shoppers every month</p>

<h5 class="card-header">Steps to Invest in Stock Market</h5>
<ul>
<li>On vigil 24*7: Fire Safety & Advanced security system</li>
<li>Largest Car Parking with exclusive Valet Service</li>
<li>Loading & Unloading Bay for retailers within the premises</li>
<li>Special Air conditioned Lounge</li>
<li>Space for ATM, Banks & Lockers</li>
<li>Radio & Mobile Taxies- Dedicated Pickup and Drop Lane</li>
<li>Revisit the History of Chandni Chowk</li>
<li>Special Fountain Zone for kids</li>
<li>Contemporary Elevators and Lifts</li>
<li>Easy Access Tourist Information Service</li>
<li>Exclusive F&B Floor</li>
<li>Modern well maintained Washrooms</li>
</ul>

<b>Shops available</b> in the size of 300, 600, 900,1200 and 1500 sq.ft size</p>
              <button
                          type="button"
                          class="btn btn-primary"
                          data-bs-toggle="modal"
                          data-bs-target="#basicModal1"
                        >
                         Consult Account Manager
                        </button> &nbsp;<button
                          type="button"
                          class="btn btn-outline-primary"
                          data-bs-toggle="modal"
                          data-bs-target="#basicModal2"
                        >
                         Chat
                        </button>
						<div class="modal fade" id="basicModal1" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel1">Finance Advisor Details</h5>
                                <button
                                  type="button"
                                  class="btn-close"
                                  data-bs-dismiss="modal"
                                  aria-label="Close"
                                ></button>
                              </div>
                              <div class="modal-body">
							  <form>
                                
                                  <div class="row mb-3">
								  <table class="table table-bordered">
									  <thead>
										<tr>
										  <th>&nbsp;</th>
										  <th>Details</th>
										</tr>
									  </thead>
									  <tbody>
										<tr>
										  <td>Name:</td>
										  <td>Rohit Mishra</td>
										</tr>
										<tr>
										  <td>Mobile No</td>
										  <td>+91 999999999</td>
										</tr>
										 <tr>
										  <td>Email Id</td>
										  <td>advbs@gmail.com</td>
										</tr>
									  </tbody>
									</table>
									 
									 
									</div>
                              
                              <div class="modal-footer">
                                
                               
								</form>
                              </div>
                            </div>
                          </div>
                      
                    </div>
						  
                        </div>
                    </div>
                   
					 </div>
                 
</div>
             
            </div>
              <div class="row mb-5">
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-4">
                        <img class="card-img card-img-left" src="{{asset('assets/dashboard/assets/img/elements/ambit.png')}}" alt="Card image" />
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">Ambit Emerging Giants Portfolio</h5>
						  <p><i class="fa fa-building green"></i> Ambit Capital Private Limited</p>
                          <p class="card-text">
                            A portfolio of companies that aims to create wealth over long periods of time by investing in the leaders of tomorrow....
                          </p>
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Posted on : 2022-08-03 11:49:55</small></p>
						  <a href="deal-details" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">Ambit Emerging Giants Portfolio</h5>
						  <p><i class="fa fa-building green"></i> Ambit Capital Private Limited</p>
                          <p class="card-text">
                            A portfolio of companies that aims to create wealth over long periods of time by investing in the leaders of tomorrow....
                          </p>
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Posted on : 2022-08-03 11:49:55</small></p>
						  <a href="deal-details" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                      <div class="col-md-4">
                        <img class="card-img card-img-right" src="{{asset('assets/dashboard/assets/img/elements/ambit.png')}}" alt="Card image" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!--/ Horizontal -->
			  
			  <div class="row mb-5">
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-4">
                        <img class="card-img card-img-left" src="{{asset('assets/dashboard/assets/img/elements/ambit.png')}}" alt="Card image" />
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">Ambit Emerging Giants Portfolio</h5>
						  <p><i class="fa fa-building green"></i> Ambit Capital Private Limited</p>
                          <p class="card-text">
                            A portfolio of companies that aims to create wealth over long periods of time by investing in the leaders of tomorrow....
                          </p>
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Posted on : 2022-08-03 11:49:55</small></p>
						  <a href="deal-details" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">Ambit Emerging Giants Portfolio</h5>
						  <p><i class="fa fa-building green"></i> Ambit Capital Private Limited</p>
                          <p class="card-text">
                            A portfolio of companies that aims to create wealth over long periods of time by investing in the leaders of tomorrow....
                          </p>
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Posted on : 2022-08-03 11:49:55</small></p>
						  <a href="deal-details" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                      <div class="col-md-4">
                        <img class="card-img card-img-right" src="{{asset('assets/dashboard/assets/img/elements/ambit.png')}}" alt="Card image" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!--/ Horizontal -->
			  
			  <div class="row mb-5">
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-4">
                        <img class="card-img card-img-left" src="{{asset('assets/dashboard/assets/img/elements/ambit.png')}}" alt="Card image" />
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">Ambit Emerging Giants Portfolio</h5>
						  <p><i class="fa fa-building green"></i> Ambit Capital Private Limited</p>
                          <p class="card-text">
                            A portfolio of companies that aims to create wealth over long periods of time by investing in the leaders of tomorrow....
                          </p>
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Posted on : 2022-08-03 11:49:55</small></p>
						  <a href="deal-details" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">Ambit Emerging Giants Portfolio</h5>
						  <p><i class="fa fa-building green"></i> Ambit Capital Private Limited</p>
                          <p class="card-text">
                            A portfolio of companies that aims to create wealth over long periods of time by investing in the leaders of tomorrow....
                          </p>
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Posted on : 2022-08-03 11:49:55</small></p>
						  <a href="deal-details" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                      <div class="col-md-4">
                        <img class="card-img card-img-right" src="{{asset('assets/dashboard/assets/img/elements/ambit.png')}}" alt="Card image" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!--/ Horizontal -->
<nav aria-label="Page navigation">
                          <ul class="pagination">
                           
                            <li class="page-item active">
                              <a class="page-link" href="javascript:void(0);">1</a>
                            </li>
                            <li class="page-item">
                              <a class="page-link" href="javascript:void(0);">2</a>
                            </li>
                            <li class="page-item ">
                              <a class="page-link" href="javascript:void(0);">3</a>
                            </li>
                            <li class="page-item">
                              <a class="page-link" href="javascript:void(0);">4</a>
                            </li>
                            <li class="page-item">
                              <a class="page-link" href="javascript:void(0);">5</a>
                            </li>
                            <li class="page-item next">
                              <a class="page-link" href="javascript:void(0);"
                                ><i class="tf-icon bx bx-chevron-right"></i
                              ></a>
                            </li>
                            <li class="page-item last">
                              <a class="page-link" href="javascript:void(0);"
                                ><i class="tf-icon bx bx-chevrons-right"></i
                              ></a>
                            </li>
                          </ul>
                        </nav>
            
              <!--/ Card layout -->
            </div>
            <!-- / Content -->

            <!-- Footer -->
            <footer class="content-footer footer bg-footer-theme">
              <div class="container-xxl d-flex flex-wrap justify-content-between py-2 flex-md-row flex-column">
                <div class="mb-2 mb-md-0">
                  ©
                  <script>
                    document.write(new Date().getFullYear());
                  </script>
                  , Developed by
                  <a href="https://www.basicmantra.com" target="_blank" class="footer-link fw-bolder">Basic Mantra</a>
                </div>
              </div>
            </footer>
            <!-- / Footer -->

            <div class="content-backdrop fade"></div>
          </div>
          <!-- Content wrapper -->
        </div>
        <!-- / Layout page -->
      </div>

      <!-- Overlay -->
      <div class="layout-overlay layout-menu-toggle"></div>
    </div>
    <!-- / Layout wrapper -->

  @endsection