@extends('layouts.main_page_website')

@section('content')
<style>

	.main_image {
		float: left;
		margin: 5px;
	}
	p {
		text-align: justify;

	}
</style>
<div class="tg-banner tg-haslayout"  style=";">
			<div class="tg-imglayer">
				<img src="/images/bg-pattran.png" alt="image desctription">
			</div>
			<div class="container">
				<div class="row">
					<div class="tg-banner-content tg-haslayout" style="margin-bottom: 50% !important;">
						<div class="tg-pagetitle animated flipInY" >
							<h1>Media</h1>
						</div>
						<ol class="tg-breadcrumb"  style="margin-bottom:100px;">
							<!-- <li><a href="#">Home</a></li> -->
							<li class="active"><a href="/media-nb">News and blogs</a> </li>

							<li class="">: Preview</li>
						</ol>
					</div>
				</div>
			</div>
		</div>
		<!--************************************
				Banner End
		*************************************-->
		<!--************************************
				Main Start
		*************************************-->
		<main id="tg-main" class="tg-main tg-haslayout">
				<!--************************************
					About Us Start
			*************************************-->
			<section class="tg-main-section tg-haslayout">
				<div class="container">
					<div class="tg-section-name">
						<h2 class="animated fadeInLeft">Preview of {{$nbPreview->type}}</h2>
					</div>
					<div class="col-sm-11 col-xs-11 pull-right">
						<div class="row">
							<div class="tg-aboutussection">
								<div class="row">
									<div class="col-md-12 col-sm-12 col-xs-12 animated slideInRight">
											<div class="tg-section-heading"><h2>{{$nbPreview->title}}</h2></div>
											<div style="margin-bottom: 10px;"><span><b>{{$nbPreview->sub_title}}</b></span></div>
									</div>
									<div class="col-md-12 col-sm-12 col-xs-12 d-flex justify-content-center animated zoomInDown ">
										<div class="row">
											<div class="col-md-3 col-sm-12 col-xs-12">
											</div>
											<div class="col-md-6 col-sm-12 col-xs-12" >
												<img src="{{$nbPreview->img_path}}" alt="image description" >
											</div>
											<div class="col-md-3 col-sm-12 col-xs-12">
											</div>

										</div>
									</div>
									<div class="col-md-12 col-sm-12 col-xs-12 animated slideInRight">


											<p style="font-size: 18px;line-height: 1.6;" class="animated slideInRight">
												{!!$nbPreview->content!!}</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!--************************************
					About Us End
			*************************************-->
			{{-- <section class="tg-main-section tg-haslayout tg-bgdark">
				<div class="container">
					<div class="row">
						<div class="col-sm-12 col-xs-12">
							<div class="tg-statistics">
								<div class="tg-statistic tg-goals">
									<span class="tg-icon icon-Icon"></span>
									<h2><img src="/images/sponser/nsa.png" alt="image description" style="border-radius: 10%;"></h2>
									<!-- <h3>Goals</h3> -->
								</div>
								<div class="tg-statistic tg-activeplayers">
									<span class="tg-icon icon-Icon"></span>
									<h2><img src="/images/sponser/scholsportsfedration.png" alt="image description" style="border-radius: 10%;"></h2>
									<!-- <h3>Active Players</h3> -->
								</div>
								<div class="tg-statistic tg-activeteams">
									<span class="tg-icon icon-Icon"></span>
									<h2><img src="/images/sponser/olympic.png" alt="image description" style="border-radius: 10%;"></h2>
									<!-- <h3>Active Teams</h3> -->
								</div>
								<div class="tg-statistic tg-earnedawards">
									<span class="tg-icon icon-Icon"></span>
									<h2><img src="/images/sponser/fisc.png" alt="image description" style="border-radius: 10%;"></h2>
									<!-- <h3>Earned Awards</h3> -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</section> --}}

		</main>
		<!--************************************
				Main End
		*************************************-->


@stop