@extends('layouts.main_page_website')

@section('content')
<section class="page_title ds s-overlay s-pt-150 s-pb-50">
				<div class="s-blur"></div>
				<div class="container">
					<div class="row">


						<div class="col-md-12 text-center">
							<h1>Events</h1>
							<ol class="breadcrumb">
								<li class="breadcrumb-item">
									<a href="">Events</a>
								</li>
								<li class="breadcrumb-item">
									<a href="#">National Events</a>
								</li>
							
							</ol>
						</div>


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

			<section class="ls fw-team-template-default text-center text-sm-left single s-py-xl-150 s-py-lg-130 s-py-md-90 s-py-60">
				<div class="container">
					<div class="row">
				

						<div class="col-12">
							<div class="side-item">
								<div class="item-media">
									<img src="{{$event->coverImage}}" alt="team">
								</div>
								<div class="item-content">
									<p class="special-heading color-darkgrey  sub-title">
										<span class="text-uppercase">
											
										</span>
									</p>
									<h2 class="special-heading">
										<span class="text-capitalize ">
												{{ \Illuminate\Support\Str::limit($event->title, 50, $end='...')  }}
										</span>
									</h2>
									<div class="fw-divider-space divider-30 divider-lg-60"></div>
									 
									<blockquote>
										<p>
											<em class="big">
													{!! \Illuminate\Support\Str::limit($event->content, 50, $end='...')  !!}
											</em>
										</p>
									 
									</blockquote>
									 
								

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

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


@endsection