@extends('layouts.acme')
@section('title', 'Products')
@section('content')

	<!--Breadcrumb Start-->
	<div class="breadcrumb-area" style="background-image: url('{{asset('img/breadcrumb/products.png')}}')">

		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="breadcrumb-inner text-center">
						<h1 class="page-title">Products</h1>

					</div>
				</div>
			</div>
		</div>
	</div>
	<!--// Breadcrumb End-->





	<section>
		<!-- Grid row -->

		<div class="row">

			<!-- Grid column -->
			<div class="col-md-12">


				<ul class="nav md-pills nav-justified pills-info">

					<li class="nav-item pill-color-left new-nav-active pill-spacepad">
						<a class="nav-link" href="{{ route('products') }}"><i class="fas fa-motorcycle mr-1"
						                                                      aria-hidden="true"></i>
							Models</a>
					</li>
					<li class="nav-item pill-color-right border-bottom pill-spacepad">
						<a class="nav-link" href="{{ route('technology') }}"><i class="fas fa-microchip mr-1"
						                                                        aria-hidden="true"></i> Technology</a>
					</li>

				</ul>

			</div>
			<!-- Grid column -->


			<!-- Grid column -->
		</div>


		<!-- Grid row -->

	</section>



	<section>
		<div class="container-all">
			<div class="gallery-container">
				<img src="{{asset('img/gallery/bike01.png')}}" alt="">
				<a href="{{ route('details.funstar') }}"><span class="title">Funstar</span></a>
				<a href="{{ route('details.funstar') }}"><span class="text">Ride Around, Ride Along</span>
			</div>

			<div class="gallery-container">
				<img src="{{asset('img/gallery/bike02.png')}}" alt="">
				<a href="{{ route('details.nomad') }}"><span class="title"> Nomad </span></a>
				<a href="{{ route('details.nomad') }}"><span class="text">Go Anywhere And Everywhere </span></a>
			</div>
			<div class="gallery-container">
				<img src="{{asset('img/gallery/bike03.png')}}" alt="">
				<a href="{{ route('details.moran') }}"><span class="title"> Moran </span></a>
				<a href="{{ route('details.moran') }}"><span class="text">More Power More Running</span></a>
			</div>
			<div class="gallery-container">
				<img src="{{asset('img/gallery/bike04.png')}}" alt="">
				<a href="{{ route('details.nimbo') }}"><span class="title">Nimbo</span></a>
				<a href="{{ route('details.nimbo') }}"><span class="text">COMING SOON</span></a>
			</div>
			<div class="gallery-container">
				<img src="{{asset('img/gallery/bike05.png')}}" alt="">
				<a href="{{ route('details.picktuk') }}"><span class="title">Picktuk</span></a>
				<a href="{{ route('details.picktuk') }}"><span class="text">COMING SOON</span></a>
			</div>
			<div class="gallery-container">
				<img src="{{asset('img/gallery/bike06.png')}}" alt="">
				<a href="{{ route('details.tukiri') }}"><span class="title">Tukiri</span></a>
				<a href="{{ route('details.tukiri') }}"><span class="text">COMING SOON</span></a>
			</div>
			<div class="gallery-container">
				<img src="{{asset('img/gallery/bike07.png')}}" alt="">
				<a href="{{ route('details.parts') }}"><span class="title">Parts</span></a>
				<a href="{{ route('details.parts') }}"><span class="text">Accessible Available</span></a>

			</div>

			<div class="gallery-container">
				<img src="{{asset('img/gallery/bike08.png')}}" alt="">
				<a href="{{ route('details.carrier') }}"><span class="title"> Carrier AdBox</span></a>
				<a href="{{ route('details.carrier') }}"><span class="text">Delivery For Your Business</span></a>

			</div>

	</section>
	</div>

@endsection