<!DOCTYPE html>
<html lang="en">
<!--<![endif]-->

<!-- Head BEGIN -->
<head>
  <title>Opportunities |   Samuhik Saving & Co-Operative Society Ltd.</title>
@include('Client.Parts.MetaCSS')

</head>
<!-- Head END -->
@php
  $data=session('lng');
@endphp
<!-- Body BEGIN -->
<body class="corporate">
  @include('Client.Parts.SocialNetwork')

      @include('Client.Parts.Header')

      <!-- Page header -->
<div class="page-top-section margin-bottom-40">
  <div class="overlay"></div>
  <div class="container text-right">
    <div class="page-info">
<h2 style="text-align: center">Opportunities</h2>

      <div class="page-links">
        <a href="{{url("$data")}}">Home</a>
        <span>Opportunities</span>
      </div>
    </div>
  </div>
</div>
<!-- Page header end-->

    <div class="main">
      <div class="container">
        <!-- BEGIN SIDEBAR & CONTENT -->
        <div class="row margin-bottom-40">
          <!-- BEGIN CONTENT -->
          <div class="col-md-12 col-sm-12">
            <h1>Career</h1>
            <div class="content-page">
              <div class="row">
                <!-- BEGIN LEFT SIDEBAR -->
                <div class="col-md-12 col-sm-12 blog-posts">
                  @foreach($careers as $career)
                  <div class="row">
                    <div class="col-md-5 col-sm-6">
                      <img class="img-responsive" alt="" src="{{url('img/Career/'.$career->token)}}.jpg?t={{rand()}}">
                    </div>
                    <div class="col-md-7 col-sm-6">
                      <h2><a href="#">{{$career->title}}</a></h2>
                     
                      <ul class="blog-info">
                        <li><i class="fa fa-calendar"></i> {{$career->f_date}}</li>
                        <li><i class="fa fa-calendar"></i> {{$career->t_date}}</li>
                      </ul>
                      <p>{!!$career->description!!}</p>
                      
                    </div>
                  </div>
                  <hr class="blog-post-sep">
                  @endforeach

                </div>
                <!-- END LEFT SIDEBAR -->
              </div>
            </div>
          </div>
          <!-- END CONTENT -->
        </div>
        <!-- END SIDEBAR & CONTENT -->
      </div>
    </div>

@include('Client.Parts.FooterJs')
</body>
<!-- END BODY -->
</html>
