@extends('front-layouts.front-master')

@section('title', 'Agrilink | Home')
@section('meta-description', 'Agrilink is a platform for connecting agricultural businesses in Bangladesh. Discover products, services, and suppliers in the agriculture sector.')
@section('meta-keywords', 'Agriculture, Agribusiness, Bangladesh, Agro Products, Farming, Livestock, Fisheries, Poultry, Agriculture Equipment')

@section('front-content')


<div class="mb-3" style="position: relative;">
	<img src="{{ asset('frontend/assets/images/hero/hero-bg.jpg') }}" class="w-100 img-fluid" alt="banner-image">
	<div style="position: absolute; bottom: 0; left: 0; right: 0; height:100%; display:flex; flex-direction:column; justify-content:flex-end; background-color: rgba(0, 0, 0, 0.35); padding: 20px;">

		<h1 class="display-4 font-weight-normal text-white">Catagory</h1>
		<nav aria-label="breadcrumb ">
			<ol class="breadcrumb pl-0 bg-transparent">
				<li class="breadcrumb-item"><a href="#" class="text-white">Home</a></li>
				<!-- <li class="breadcrumb-item"><a href="#" class="text-white">Feed Industry</a></li> -->
				<li class="breadcrumb-item text-white active" aria-current="page">Catagory</li>
			</ol>
		</nav>
	</div>
</div>

<!-- <nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item active" aria-current="page">Catagory</li>
  </ol>
</nav> -->

<div class="row g-2 mb-3 p-1">
	<div class="col-md-12">
		<!--====== CATEGORY LIST PART START ======-->
		<section class="category-list-area pt-50 pb-50">
			<h1 class="text-center mb-3">Agrilink Catagory</h1>
			<div class="row justify-content-center mb-3">
				<p class="text-center col-md-6">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis vel nemo,
					Exercitationem deserunt sed in.</p>
			</div>
			<div class="container-fluid">
				<div class="row g-2 category-list-wrapper">

					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="{{ route('home.category',1) }}">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__73122017-07-08_1499500055.jpg') }}" class="img-fluid" alt="">
								</div>
								<p> Feed Industry</p>
							</a>
						</div>
					</div>


					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__46282018-08-01_1533099758.jpg') }}" class="img-fluid" alt="">
								</div>
								<p> Commercial Poultry Farm</p>
							</a>
						</div>
					</div>



					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__98102018-08-01_1533098417.jpg') }}" class="img-fluid" alt="">
								</div>
								<p> Poultry Hatchery & GP Farm</p>
							</a>
						</div>
					</div>



					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__85742018-08-01_1533098836.jpg') }}" class="img-fluid" alt="">
								</div>
								<p> Commercial Gardening</p>
							</a>
						</div>

					</div>

					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__80642018-09-02_1535879902.jpg') }}" class="img-fluid" alt="">
								</div>
								<p> Shrimp & Fish Hatchery</p>
							</a>
						</div>
					</div>


					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__46282018-08-01_1533099758.jpg') }}" class="img-fluid" alt="">

								</div>
								<p> Crops Care & Seed</p>
							</a>
						</div>
					</div>



					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__85742018-08-01_1533098836.jpg') }}" class="img-fluid" alt="">
								</div>
								<p> Agri Machinery & Equip.</p>
							</a>
						</div>
					</div>


					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__72212018-09-03_1535959109.jpg') }}" class="img-fluid" alt="">

								</div>
								<p> Animal Health Company</p>
							</a>
						</div>
					</div>


					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__68022019-07-10_1562739038.jpg') }}" class="img-fluid" alt="">

								</div>
								<p> Fish & Shrimp Farm</p>
							</a>
						</div>
					</div>


					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__35932019-07-10_1562738942.jpg') }}" class="img-fluid" alt="">

								</div>
								<p> Grain-Pulse & Oil Ind.</p>
							</a>
						</div>
					</div>


					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__43062019-08-29_1567070003.jpg') }}" class="img-fluid" alt="">

								</div>
								<p> Grain-Pulse & Oil Ind.</p>
							</a>
						</div>
					</div>



					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__71712018-11-07_1541570777.jpg') }}" class="img-fluid" alt="">

								</div>
								<p> Plant Nursery</p>
							</a>
						</div>

					</div>



					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__35932019-07-10_1562738942.jpg') }}" class="img-fluid" alt="">

								</div>
								<p> Plant Nursery</p>
							</a>
						</div>

					</div>


					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__68022019-07-10_1562739038.jpg') }}" class="img-fluid" alt="">

								</div>
								<p> Plant Nursery</p>
							</a>
						</div>
					</div>


					<div class=" col-md-2 col-sm-6">
						<div class="category-list-item">
							<a href="">
								<div class="icon">
									<img src="{{ asset('frontend/assets/images/agri_cat/catico__72212018-09-03_1535959109.jpg') }}" class="img-fluid" alt="">

								</div>
								<p> Plant Nursery</p>
							</a>
						</div>
					</div>


				</div>
			</div>
		</section>
		<!--====== CATEGORY LIST PART END ======-->
	</div>

	<!-- <div class="col-md-3">
		<div class="card bg-container p-2">
			<a href="">
				<img src="" class="img-fluid card my-1" alt="ads">
			</a>

			<a href="">
				<img src="" class="img-fluid card my-1" alt="ads">
			</a>

			<a href="">
				<img src="" class="img-fluid card my-1" alt="ads">
			</a>

			<a href="">
				<img src="" class="img-fluid card my-1" alt="ads">
			</a>

			<a href="">
				<img src="" class="img-fluid card my-1" alt="ads">
			</a>

			<a href="">
				<img src="" class="img-fluid card my-1" alt="ads">
			</a>

			<a href="">
				<img src="" class="img-fluid card my-1" alt="ads">
			</a>

		</div>
	</div> -->
</div>

@endsection