@extends('layout.app')
@section('content')
<section>
	      <div class="row">

	      	<div class="col-12">

	      		<div class="text-center iconpic">
	      			<div style="position: absolute; left: 10; float: left; padding-right: 0; z-index: -99;">
            <img class="resize-img" src="{{asset('front-con1/images/clients.png')}}" height="148" width="220" style="opacity: .2">
        </div>

        <div style="position: absolute; right: 0; float: right; padding-right: 0; z-index: -99;">
            <img class="resize-img" src="{{asset('front-con1/images/career.png')}}" height="108" width="250" style="opacity: .2">
        </div>
	      		<img src="{{asset('front-con1/images/about us.png')}}"  alt="connect" height="178" width="230">
	      	</div>

	      	</div>
	      </div>
<div style="position: absolute;  left: 100px; float: left; padding-right: 0; z-index: -99;">
						<img class="resize-img" src="{{asset('front-con1/images/bag.png')}}" height="158" width="270" style="opacity: 6%">
				</div>


				<div style="position: absolute; right: 0; right: 0; top: 250px; float: right; padding-right: 0; z-index: -99;">
            <img class="resize-img" src="{{asset('front-con1/images/Arrow.png')}}" height="70" width="250" style="opacity: .1;">
        </div>
	    </section>

	   
<section>

    <div class="container-fluid pl-4 pt-4">
      <div class="row pl-4">
        <div class="col-md-4">
          <h1 class=" font-bold">Browse Job</h1>
          <h3 class="font-bold">Lets show You What We Have Got!</h3>
        </div>
        <div class="col-md-8 d-none d-sm-block">
          <ul class="list-group list-group-horizontal nav justify-content-center "  id="menuu" >
  <li><a href="https://connectkw.co/"  class="list-group-itemm " ><span class="underline-animation">Home</span></a></li>
  <li><a href="about_us"  class="list-group-itemm " ><span class="underline-animation">About Us</span></a></li>
  <li><a href="our_services"  class="list-group-itemm " ><span class="underline-animation">Our Services</span></a></li>
  <li><a href="contact"  class="list-group-itemm " ><span class="underline-animation">Contact Us</span></a></li>
  <li class="nav-item dropdown list-group-itemm">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"><span class="underline-animation">Language</span></a>
<div class="dropdown-menu">
  <a class="dropdown-item" href="#">English</a>
  <a class="dropdown-item" href="#">Arabic</a>
</div>
</li>
  <li><a href="welcome"  class="list-group-itemm" ><span class="underline-animation">Sign In</span></a></li>

</ul>

        </div>
      </div>
    </div>

  </section>


	  

		<div class="container-fluid  ">
			

			<div class="row mb-4 pl-4 pr-4 pt-4">
				<div class="col-md-4 pt-4">
					
    <div class="card shadow">
      <div class="shadow-lg card-body p-4 " style="background-color: #F4F5FF;">
        <h5 class="card-title">gg <span class="float-right text-capitalize text-muted">full time</span></h5>
        <p class="card-text">abc</p>
        <p class="card-text">Contact:</p>
        <p class="card-text text-muted"><i class="fa-solid fa-location-dot" style="font-size:20px;"></i> abcdef</p>
       
        <h5>$25000/monthly<span class="float-right"> <a href="resume_form" class="btn btn-primaryy cardbtnn"> Apply Now </a></span></h5>
      </div>
    </div>	
			</div>

			<div class="col-md-4 pt-4">
					
    <div class="card shadow">
      <div class="shadow-lg card-body p-4" style="background-color: #F4F5FF;">
        <h5 class="card-title">gg <span class="float-right text-capitalize text-muted">full time</span></h5>
        <p class="card-text">abc</p>
        <p class="card-text">Contact:</p>
        <p class="card-text text-muted"><i class="fa-solid fa-location-dot" style="font-size:20px;"></i> abcdef</p>
       
        <h5>$25000/monthly<span class="float-right"> <a href="resume_form" class="btn btn-primaryy cardbtnn"> Apply Now </a></span></h5>
      </div>
    </div>	
			</div>

			<div class="col-md-4 pt-4">
					
    <div class="card shadow">
      <div class="shadow-lg card-body p-4" style="background-color: #F4F5FF;">
        <h5 class="card-title">gg <span class="float-right text-capitalize text-muted">full time</span></h5>
        <p class="card-text">abc</p>
        <p class="card-text">Contact:</p>
        <p class="card-text text-muted"><i class="fa-solid fa-location-dot" style="font-size:20px;"></i> abcdef</p>
       
        <h5>$25000/monthly<span class="float-right"> <a href="resume_form" class="btn btn-primaryy cardbtnn"> Apply Now </a></span></h5>
      </div>
    </div>	
			</div>
</div>

{{-- <div class="row mb-4 pl-4 pr-4">
				<div class="col-md-4 pt-4">
					
    <div class="card shadow">
      <div class="shadow-lg card-body p-4" style="background-color: #F4F5FF;">
        <h5 class="card-title">gg <span class="float-right text-capitalize text-muted">full time</span></h5>
        <p class="card-text">abc</p>
        <p class="card-text">Contact:</p>
        <p class="card-text text-muted"><i class="fa-solid fa-location-dot" style="font-size:20px;"></i> abcdef</p>
       
        <h5>$25000/monthly<span class="float-right"> <a href="resume_form" class="btn btn-primaryy cardbtnn"> Apply Now </a></span></h5>
      </div>
    </div>	
			</div>

			<div class="col-md-4 pt-4">
					
    <div class="card shadow">
      <div class="shadow-lg card-body p-4" style="background-color: #F4F5FF;">
        <h5 class="card-title">gg <span class="float-right text-capitalize text-muted">full time</span></h5>
        <p class="card-text">abc</p>
        <p class="card-text">Contact:</p>
        <p class="card-text text-muted"><i class="fa-solid fa-location-dot" style="font-size:20px;"></i> abcdef</p>
       
        <h5>$25000/monthly<span class="float-right"> <a href="resume_form" class="btn btn-primaryy cardbtnn"> Apply Now </a></span></h5>
      </div>
    </div>	
			</div>

			<div class="col-md-4 pt-4">
					
    <div class="card shadow">
      <div class="shadow-lg card-body p-4" style="background-color: #F4F5FF;">
        <h5 class="card-title">gg <span class="float-right text-capitalize text-muted">full time</span></h5>
        <p class="card-text">abc</p>
        <p class="card-text">Contact:</p>
        <p class="card-text text-muted"><i class="fa-solid fa-location-dot" style="font-size:20px;"></i> abcdef</p>
       
        <h5>$25000/monthly<span class="float-right"> <a href="resume_form" class="btn btn-primaryy cardbtnn"> Apply Now </a></span></h5>
      </div>
    </div>	
			</div>
</div> --}}


		</div>
@endsection