@extends('themes.tameer.app')

@section('content')

	<div id="pagetitle" class="page-title bg-overlay" style="height: 140px;padding: 0;">

	</div>


	<div id="content" class="site-content">
	    <div class="content-inner">
	        <div class="container content-container">
	            <div class="row content-row">
	                <div id="primary" class="content-area content-full-width col-12">
	                    <main id="main" class="site-main">
	                        <article id="post-35" class="post-35 page type-page status-publish hentry">
	                            <div class="entry-content clearfix">
									<div class="vc_row wpb_row vc_row-fluid bg-image-ps-inherit">
										<div class="wpb_column vc_column_container vc_col-sm-12">
											<div class="vc_column-inner vc_custom_1553227144918">
												<div class="wpb_wrapper">

													<div class="vc_row wpb_row vc_inner vc_row-fluid">
														<div class="wpb_column vc_column_container vc_col-sm-3">
															<div class="vc_column-inner"><div class="wpb_wrapper"></div></div>
														</div>
														<div class="wpb_column vc_column_container vc_col-sm-6">
															<div class="vc_column-inner vc_custom_1553226190183">
																<div class="wpb_wrapper">
																	<div id="ct-heading-4" class="ct-heading style1 align-center align-center-md align-center-sm align-center-xs">
																		<h3 class="ct-heading-tag" style="font-size: 40px; line-height: 50px;">
																			{{$title}}
																		</h3>
																		<div class="h-gap">
																			<span> <i></i> <i></i> <i></i> <i></i> </span>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="wpb_column vc_column_container vc_col-sm-3">
															<div class="vc_column-inner"><div class="wpb_wrapper"></div></div>
														</div>
													</div>
													<div
														id="ct-blog-carousel"
														class="ct-grid ct-carousel-blog-layout1 vc_row wpb_row vc_inner vc_row-fluid"
														data-item-xs="1"
														data-item-sm="2"
														data-item-md="2"
														data-item-lg="2"
														data-item-xl="2"
														data-margin="30"
														data-loop="true"
														data-autoplay="true"
														data-autoplaytimeout="10000"
														data-smartspeed="600"
														data-center="false"
														data-arrows="false"
														data-bullets="false"
														data-stagepadding="0"
														data-stagepadding-xl="0"
														data-stagepadding-lg="0"
														data-rtl="false"
													>

													@foreach ($albums as $key => $project)
														@php
														if(!isset($project->category->url)){
															$project->category = $project->category()->first();
															$project->category->structure();
														}
														@endphp

															<div class="ct-carousel-item vc_col-sm-4">
																<div class="grid-item-inner">
																	<div class="entry-featured">
																		<a href="{{$project->url}}">
																			<img class="" src="{{$project->featuredImage['src']}}" width="570" height="244" alt="archio1" title="archio1" />
																		</a>
																	</div>
																	<div class="item-body">
																		<div class="item-body-inner">
																			<ul class="item-meta">
																				<li class="item-author">
																					<a href="{{$project->category->url}}" title="Posts by Riva Collins" rel="author">{{$project->category->title}}</a>
																				</li>
																				<li class="item-date">October 18, 2018</li>
																			</ul>
																			<h3 class="item-title" style=""><a href="{{$project->url}}">{{$project->title}}</a></h3>
																			<div class="item-more">
																				<a href="{{$project->url}}"> <span>read more</span> <i class="fa fa-long-arrow-right"></i> </a>
																			</div>
																		</div>
																	</div>
																</div>
															</div>

														@endforeach


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


									<div class="vc_row-full-width vc_clearfix"></div>


	                            </div>
	                            <!-- .entry-content -->
	                        </article>
	                        <!-- #post-35 -->
	                    </main>
	                    <!-- #main -->
	                </div>
	                <!-- #primary -->
	            </div>
	        </div>
	    </div>
	    <!-- #content inner -->
	</div>


@endsection


@section('scripts')

@endsection

@section('styles')


@endsection