<div class="container-fluid">
  <div class="row">
    <div class="col-md-12 px-0 mx-0 pb-10">
      <div class="pic-wrapper">
      <?php 
      $i = 1; 
      foreach($sliders as $slider) { ?>
        <figure class="<?php echo 'pic-' . $i++ . ' pic'; ?>">
            <?php 
                $image_result = $image_service->get($slider->image);
                $image = new Image(
                $image_result['id'],
                $image_result['caption'],
                $image_result['filename']
              ); 
            ?>
          <img src="assets/images/<?php echo $image->filename; ?>" class="img-fluid" alt="<?php echo $image->caption; ?>">
        </figure>
      <?php } ?>
      </div>
      <div class="col text-center">
        <h1 class="wln-text-white slogan-header">TRAVEL</h1>
        <hr style="width: 40%; margin: auto; border: solid 2px #d66325; "/>
        <h6 class="wln-text-white slogan-subheader mt-3">
          Book Flights, Hotels and Holiday Packages
        </h6>
      </div>
      <br/>
      <div class="col-sm-12 col-md-10 offset-md-1 text-center my-5 pb-5">
            <form method="GET" action="search" autocomplete="off">
              <div class="input-group input-group-lg">
                <input type="text" name="q" class="form-control shadow" placeholder="Search locations, packages, activities" aria-describedby="search-btn">
                <div class="input-group-append">
                  <button class="btn wln-purple" type="button" id="search-btn">
                    <i class="fas fa-search wln-text-orange"></i>
                  </button>
                </div>
              </div>
            </form>
      </div>
    </div>
  </div>
</div>