@extends('layouts.master')
    
@section('title', 'SIIT Sponsored Research Management System')
    
@section('style')
	<style>

	</style>
	<style>
	.navbar .navbar-nav .nav-link,
	.navbar .navbar-nav .nav-link > a,
	.navbar .navbar-nav .dropdown-item,
	.navbar .navbar-nav .dropdown-toggle {
		color: #000 !important;
	}
</style>
@endsection
    
@section('script')
	<script>

	</script>
@endsection
    
@section('content')

      @include('layouts.header')

	<section class="px-0 mt-0" style="overflow: hidden;">
		<img src="{{ asset('/banner_index.png') }}"
			alt="SIIT Sponsored Research Management System"
			style="display: block; width: 100%; height: auto;">
	</section>

	<section class="wrapper bg-light">
		<div class="container py-15 py-md-17">
			<div class="row">
				<div class="col-lg-11 col-xl-10 mx-auto mb-10">
					<h2 class="fs-16 text-uppercase text-muted text-center mb-3">Our Projects</h2>
					<h3 class="display-3 text-center px-lg-5 px-xl-10 px-xxl-16 mb-0">Check out some of our awesome projects with creative ideas and great design.</h3>
				</div>
			</div>
			
			<div class="grid grid-view projects-masonry">
				<div class="row gx-md-8 gy-10 gy-md-13 isotope">
					<div class="project item col-md-6 col-xl-4">
						<figure class="rounded mb-6">
							<img src="{{ asset('/sandbox/img/photos/pd7.jpg') }}" />
							<a class="item-link" href="{{ asset('/sandbox/img/photos/pd7-full.jpg') }}" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a>
						</figure>
						
						<div class="project-details d-flex justify-content-center flex-column">
							<div class="post-header">
								<h2 class="post-title h3 fs-22"><a href="./single-project.html" class="link-dark">Cras Fermentum Sem</a></h2>
								<div class="post-category text-ash">Stationary</div>
							</div>
						</div>
					</div>

					<div class="project item col-md-6 col-xl-4">
						<figure class="rounded mb-6">
							<img src="{{ asset('/sandbox/img/photos/pd8.jpg') }}" />
							<a class="item-link" href="{{ asset('/sandbox/img/photos/pd8-full.jpg') }}" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a>
						</figure>
						<div class="project-details d-flex justify-content-center flex-column">
							<div class="post-header">
								<h2 class="post-title h3 fs-22"><a href="./single-project2.html" class="link-dark">Mollis Ipsum Mattis</a></h2>
								<div class="post-category text-ash">Magazine, Book</div>
							</div>
						</div>
					</div>
					
					<div class="project item col-md-6 col-xl-4">
					<figure class="rounded mb-6">
						<img src="{{ asset('/sandbox/img/photos/pd9.jpg') }}" />
						<a class="item-link" href="{{ asset('/sandbox/img/photos/pd9-full.jpg') }}" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>
						<div class="project-details d-flex justify-content-center flex-column">
							<div class="post-header">
								<h2 class="post-title h3 fs-22"><a href="./single-project3.html" class="link-dark">Ipsum Ultricies Cursus</a></h2>
								<div class="post-category text-ash">Packaging</div>
							</div>
						</div>
					</div>
					
					<div class="project item col-md-6 col-xl-4">
						<figure class="rounded mb-6">
							<img src="{{ asset('/sandbox/img/photos/pd10.jpg') }}" />
							<a class="item-link" href="{{ asset('/sandbox/img/photos/pd10-full.jpg') }}" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a>
						</figure>
						<div class="project-details d-flex justify-content-center flex-column">
							<div class="post-header">
								<h2 class="post-title h3 fs-22"><a href="./single-project.html" class="link-dark">Inceptos Euismod Egestas</a></h2>
								<div class="post-category text-ash">Stationary, Branding</div>
							</div>
						</div>
					</div>
					
					<div class="project item col-md-6 col-xl-4">
						<figure class="rounded mb-6">
							<img src="{{ asset('/sandbox/img/photos/pd11.jpg') }}" />
							<a class="item-link" href="{{ asset('/sandbox/img/photos/pd11-full.jpg') }}" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a>
						</figure>
				  
						<div class="project-details d-flex justify-content-center flex-column">
							<div class="post-header">
								<h2 class="post-title h3 fs-22"><a href="./single-project2.html" class="link-dark">Ipsum Mollis Vulputate</a></h2>
								<div class="post-category text-ash">Packaging</div>
							</div>
						</div>
					</div>
					
					<div class="project item col-md-6 col-xl-4">
						<figure class="rounded mb-6">
							<img src="{{ asset('/sandbox/img/photos/pd12.jpg') }}" />
							<a class="item-link" href="{{ asset('/sandbox/img/photos/pd12-full.jpg') }}" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a>
						</figure>
						
						<div class="project-details d-flex justify-content-center flex-column">
							<div class="post-header">
								<h2 class="post-title h3 fs-22"><a href="./single-project3.html" class="link-dark">Porta Ornare Cras</a></h2>
								<div class="post-category text-ash">Branding</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="text-center mt-10">
				<a href="#" class="btn btn-lg btn-primary rounded-pill">Start a Project</a>
			</div>
		</div>
	</section>

	 @include('layouts.footer')
@endsection