@extends('frontend.submain.progress.layouts.index')
@section('content')
 
 @foreach ($socmed as $socmeds)
 @endforeach

 <a href="{{$socmeds->embedcode}}" target="_blank" id="instagram"></a>

<div class="Main-agile">
    <!-- banner -->
     <div class="w3layouts-banner-top">
            <div class="container">
                <div class="agileits-banner-info">
                    
                  
                        
                    </div>
                    
                </div>  
            </div>
        </div>       
     
    <!-- //banner-text -->
  
<!-- //banner --> 

<!-- gallery -->
<div id="gallery" class="gallery">  
    <div class="container"> 
        <h3 class="w3l-title"><font color="black"> {{$progress->name}}</font></h3>
        <span class="w3-sub"><mark>Progress</mark></span>
        {{-- <span class="w3-sub">{{$progress->description}}</span> --}}
    </div>
    <div class="agileinfo-gallery-row">
        @foreach ($progress->progressdetail as $value)
        <div class="col-md-4 col-sm-4 col-xs-6 w3gallery-grids wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
            <div class="demo">
                <a href="{{ asset('images/progress_detail/'.$value->image) }}">
                <figure class="imghvr-shutter-in-out-diag-2">
                    <img src="{{ asset('images/progress_detail/'.$value->image) }}" alt=" " class="img-responsive">
                </figure>
                </a>
            </div>                         
        </div> 
        @endforeach        
        <div class="clearfix"> </div>
    </div> 
</div>
<!-- //gallery -->

 @endsection