@extends('layouts.frontend_default')
@section('title', 'Home')
@section('content')

<marquee width="100%" direction="left" height="35px" style="background: #f1f1f1;padding: 5px 100px;">
This is a sample scrolling text that has scrolls in the upper direction.
</marquee>

<section class="grey-bg-2 pb-70 pt-60">
	<div class="container">
		<div class="row">
			<div class="col-xl-2 col-lg-3 col-md-3 col-sm-12 text-center">
				<div class="tp-product-offer-item pb-20 pt-20 tp-product-item">
					<a href="{{route('login')}}" class="tp-product-details-review-btn">Login</a>
				</div>
				<div class="tp-product-offer-item pb-20 pt-20 tp-product-item mt-20">
					<a href="{{route('register')}}" class="tp-product-details-review-btn">Signup</a>
				</div>
				
			</div>

			<div class="col-xl-8 col-lg-6 col-md-6 col-sm-12 text-center">
				<div class="tp-product-offer-item pb-20 pt-20 tp-product-item home-middle-image">
					<img src="{{asset('frontend/assets/img/aquila/image-asset.jpeg')}}" style="width: 100%;">
				</div>
				
				
			</div>

			<div class="col-xl-2 col-lg-3 col-md-3 col-sm-12 text-center">
				<div class="tp-product-offer-item pb-20 pt-20 tp-product-item ads-container">
					<img src="{{asset('frontend/assets/img/aquila/ads.png')}}" style="width: 100%;">
				</div>
				<div class="tp-product-offer-item pb-20 pt-20 tp-product-item ads-container mt-20">
					<img src="{{asset('frontend/assets/img/aquila/ads.png')}}" style="width: 100%;">
				</div>
				<div class="tp-product-offer-item pb-20 pt-20 tp-product-item ads-container mt-20">
					<img src="{{asset('frontend/assets/img/aquila/ads.png')}}" style="width: 100%;">
				</div>
				
			</div>			
		</div>
	</div>
</section>

<section class="grey-bg-1 pb-70 pt-60">
	<div class="container">
		<div class="row">
			

			<div class="col-xl-10 col-lg-9 col-md-9 col-sm-12 text-center">
				<div class="tp-product-offer-item pb-20 pt-20 tp-product-item home-middle-image">
					<img src="{{asset('frontend/assets/img/aquila/image-asset.jpeg')}}" style="width: 100%;">
				</div>
				
				
			</div>

			<div class="col-xl-2 col-lg-3 col-md-3 col-sm-12 text-center">
				<div class="tp-product-offer-item pb-20 pt-20 tp-product-item ads-container">
					<img src="{{asset('frontend/assets/img/aquila/ads.png')}}" style="width: 100%;">
				</div>
				<div class="tp-product-offer-item pb-20 pt-20 tp-product-item ads-container mt-20">
					<img src="{{asset('frontend/assets/img/aquila/ads.png')}}" style="width: 100%;">
				</div>
				<div class="tp-product-offer-item pb-20 pt-20 tp-product-item ads-container mt-20">
					<img src="{{asset('frontend/assets/img/aquila/ads.png')}}" style="width: 100%;">
				</div>
				
			</div>			
		</div>
	</div>
</section>

@endsection