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

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

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

      @include('layouts.header')

	<section class="video-wrapper bg-overlay bg-overlay-gradient px-0 mt-0 min-vh-80"  data-image-src="{{ asset('/sandbox/img/photos/bg7.jpg') }}" 
			 style="background-image: url('{{ asset('/sandbox/img/photos/bg7.jpg') }}');">
        <div class="video-content">
          <div class="container text-center">
            <div class="row">
              <div class="col-lg-8 col-xl-6 text-center text-white mx-auto">
                <h1 class="display-1 fs-54 text-white mb-5"><span class="rotator-zoom">Rapid Solutions,Innovative Thinking,Top-Notch Support</span></h1>
                <p class="lead fs-24 mb-0 mx-xxl-8">We are a digital agency specializing in web design, mobile development and seo optimization.</p>
              </div>
            </div>
          </div>
        </div>
	</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