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

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

<!-- //banner-text -->
  
<!-- //banner --> 
<!-- about -->

<div class="about-top" id="jv">
    <div class="container">
        <h3 class="w3l-title"><font color="black"> {{$project->title}}  </font></h3>
        <span class="w3-sub">Mega Project</span>
        <div class="wthree-services-bottom-grids">
            <div class="col-md-6 wthree-services-left">
                 
                 <img src="{{ asset('images/project/'.$project->image) }}" alt="">
                <br><br>
                 
                
            </div>
            <div class="col-md-6 wthree-services-right first-w3l">
                <div class="wthree-services-right-top">
                    <h4 style="text-align: justify;">{{$project->tagline}} </h4>
                    <p style="text-align: justify;">{!! $project->description !!}</p>   
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>

<div id="slider3_wrapper">
    <div class="container">
    <h3 class="w3l-titles">Township Development</h3>
            <span class="w3-sub"></span>
            
            <div class="popular-w3">
                <div class="popular-grids">
                    @foreach ($all_project as $projects)               
                    <div class="col-md-3 popular-grid">
                        <img src="{{ asset('images/project/'.$projects->image) }}" class="img-responsive" alt=""/>
                        <div class="popular-text">
                        <div class="heading-title">{{ $projects->title }}</div>
                        <div class="tagline">{{ $projects->tagline }}</div>
                        <div class="detail-bottom" style="height: 83px; text-align: justify">
                    		{!! str_limit(strip_tags($projects->description), 125, '...') !!}
                  	</div>
                        </div>
                        <div class="agileits_w3layouts_more menu__item">
                        <a href="{{ url('project/'.$projects->id) }}" class="menu__link" data-toggle="modal" data-target="">Read More</a>
                        </div>
                    </div>
                    @endforeach
                    
                    <div class="clearfix"></div>
                </div>
              
            
            </div>
        </div>
    </div>
<!-- //about -->

@endsection