File size: 40.25Kb
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ========== Meta Tags ========== -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Agrul - Organic Farm Agriculture Template">
<!-- ========== Page Title ========== -->
<title>Agrul - Organic Farm Agriculture Template</title>
<!-- ========== Favicon Icon ========== -->
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
<!-- ========== Start Stylesheet ========== -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/themify-icons.css" rel="stylesheet">
<link href="assets/css/elegant-icons.css" rel="stylesheet">
<link href="assets/css/flaticon-set.css" rel="stylesheet">
<link href="assets/css/magnific-popup.css" rel="stylesheet">
<link href="assets/css/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/css/animate.css" rel="stylesheet">
<link href="assets/css/validnavs.css" rel="stylesheet">
<link href="assets/css/helper.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/unit-test.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<!-- ========== End Stylesheet ========== -->
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Preloader Start -->
<div class="se-pre-con"></div>
<!-- Preloader Ends -->
<!-- Start Header Top
============================================= -->
<div class="top-bar-area text-light">
<div class="container">
<div class="row align-center">
<div class="col-lg-9">
<div class="flex-item left">
<p>
That's right, we only sell 100% organic
</p>
<ul>
<li>
<i class="fas fa-map-marker-alt"></i> California, TX 70240
</li>
<li>
<i class="fas fa-phone-alt"></i> +4733378901
</li>
</ul>
</div>
</div>
<div class="col-lg-3 text-end">
<div class="social">
<ul>
<li>
<a href="#">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-youtube"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-linkedin-in"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- End Header Top -->
<!-- Header
============================================= -->
<header>
<!-- Start Navigation -->
<nav class="navbar mobile-sidenav inc-shape navbar-common navbar-sticky navbar-default validnavs">
<!-- Start Top Search -->
<div class="top-search">
<div class="container-xl">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
<input type="text" class="form-control" placeholder="Search">
<span class="input-group-addon close-search"><i class="fa fa-times"></i></span>
</div>
</div>
</div>
<!-- End Top Search -->
<div class="container d-flex justify-content-between align-items-center">
<!-- Start Header Navigation -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="index.html">
<img src="assets/img/logo.png" class="logo" alt="Logo">
</a>
</div>
<!-- End Header Navigation -->
<!-- Main Nav -->
<div class="main-nav-content">
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-menu">
<img src="assets/img/logo.png" alt="Logo">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
<i class="fa fa-times"></i>
</button>
<ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Home</a>
<ul class="dropdown-menu">
<li><a href="index.html">Agriculture</a></li>
<li><a href="index-3.html">Farm Shop</a></li>
<li><a href="index-2.html">Organic Farm</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Pages</a>
<ul class="dropdown-menu">
<li><a href="about-us.html">About Us</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="404.html">Error Page</a></li>
</ul>
</li>
<li class="dropdown">
<a href="project.html" class="dropdown-toggle" data-toggle="dropdown" >Projects</a>
<ul class="dropdown-menu">
<li><a href="project.html">Project</a></li>
<li><a href="project-details.html">Project Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Services</a>
<ul class="dropdown-menu">
<li><a href="services.html">Services Version One</a></li>
<li><a href="services-2.html">Services Version Two</a></li>
<li><a href="services-details.html">Services Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Blog</a>
<ul class="dropdown-menu">
<li><a href="blog-standard.html">Blog Standard</a></li>
<li><a href="blog-with-sidebar.html">Blog With Sidebar</a></li>
<li><a href="blog-2-colum.html">Blog Grid Two Colum</a></li>
<li><a href="blog-3-colum.html">Blog Grid Three Colum</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
<li><a href="blog-single-with-sidebar.html">Blog Single With Sidebar</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Shop</a>
<ul class="dropdown-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-single.html">Shop Single</a></li>
<li><a href="shop-single-thumb-only.html">Shop Single Two</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
<div class="attr-right">
<!-- Start Atribute Navigation -->
<div class="attr-nav">
<ul>
<li class="contact">
<div class="call">
<div class="icon">
<i class="fas fa-comments-alt-dollar"></i>
</div>
<div class="info">
<p>Have any Questions?</p>
<h5><a href="mailto:info@crysta.com">info@agrul.com</a></h5>
</div>
</div>
</li>
</ul>
</div>
<!-- End Atribute Navigation -->
</div>
<!-- Overlay screen for menu -->
<div class="overlay-screen"></div>
<!-- End Overlay screen for menu -->
</div>
<!-- Main Nav -->
</div>
</nav>
<!-- End Navigation -->
</header>
<!-- End Header -->
<!-- Start Breadcrumb
============================================= -->
<div class="breadcrumb-area text-center shadow dark bg-fixed text-light" style="background-image: url(assets/img/2440x1578.png);">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<h1>Our Services</h1>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li><a href="#"><i class="fas fa-home"></i> Home</a></li>
<li class="active">Services</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<!-- End Breadcrumb -->
<!-- Start Services
============================================= -->
<div class="services-style-one-area default-padding bg-gray half-bg-theme">
<div class="shape-extra">
<img src="assets/img/shape/18.png" alt="Image Not Found">
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="services-style-one-carousel swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Single Item -->
<div class="swiper-slide">
<div class="services-style-one">
<div class="thumb">
<img src="assets/img/thumb/1.png" alt="Image Not Found">
</div>
<h5><a href="#">Fresh Vegetables</a></h5>
<p>
Continue indulged speaking technical out horrible domestic position. Seeing rather you.
</p>
</div>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<div class="services-style-one">
<div class="thumb">
<img src="assets/img/thumb/2.png" alt="Image Not Found">
</div>
<h5><a href="#">Agricultural Products</a></h5>
<p>
Continue indulged speaking technical out horrible domestic position. Seeing rather you.
</p>
</div>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<div class="services-style-one">
<div class="thumb">
<img src="assets/img/thumb/3.png" alt="Image Not Found">
</div>
<h5><a href="#">Organic Products</a></h5>
<p>
Continue indulged speaking technical out horrible domestic position. Seeing rather you.
</p>
</div>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<div class="services-style-one">
<div class="thumb">
<img src="assets/img/thumb/4.png" alt="Image Not Found">
</div>
<h5><a href="#">Dairy Production</a></h5>
<p>
Continue indulged speaking technical out horrible domestic position. Seeing rather you.
</p>
</div>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<div class="services-style-one">
<div class="thumb">
<img src="assets/img/thumb/6.png" alt="Image Not Found">
</div>
<h5><a href="#">Sweet Exotic Fruits</a></h5>
<p>
Continue indulged speaking technical out horrible domestic position. Seeing rather you.
</p>
</div>
</div>
<!-- End Single Item -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Services -->
<!-- Start Fun Factor Area
============================================= -->
<div class="fun-facts-area bg-dark text-light default-padding-bottom">
<div class="container">
<div class="item-inner">
<div class="row align-center">
<div class="col-lg-4 fun-fact-style-one">
<div class="heading">
<div class="sub-title">Achivements</div>
<h2 class="title">Delivering value <br> since 1956</h2>
</div>
</div>
<div class="col-lg-8 fun-fact-style-one text-end">
<div class="row">
<!-- Single item -->
<div class="col-lg-4 col-md-4 item">
<div class="fun-fact">
<div class="counter">
<div class="timer" data-to="250" data-speed="2000">250</div>
<div class="operator">M</div>
</div>
<span class="medium">Growth Tonns of Harvest</span>
</div>
</div>
<!-- End Single item -->
<!-- Single item -->
<div class="col-lg-4 col-md-4 item">
<div class="fun-fact">
<div class="counter">
<div class="timer" data-to="98" data-speed="2000">98</div>
<div class="operator">%</div>
</div>
<span class="medium">Happy clients</span>
</div>
</div>
<!-- End Single item -->
<!-- Single item -->
<div class="col-lg-4 col-md-4 item">
<div class="fun-fact">
<div class="counter">
<div class="timer" data-to="688" data-speed="2000">688</div>
<div class="operator">K</div>
</div>
<span class="medium">Sales of our Products</span>
</div>
</div>
<!-- End Single item -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Fun Factor Area -->
<!-- Start Why Choose Us
============================================= -->
<div class="choose-us-style-one-area overflow-hidden default-padding">
<div class="container">
<div class="row align-center">
<div class="col-lg-6 choose-us-style-one">
<div class="thumb">
<img src="assets/img/800x800.png" alt="Image Not Found">
<div class="shape">
<img class="wow fadeInDown" src="assets/img/shape/22.png" alt="Image not found">
</div>
<div class="product-produce">
<div class="icon">
<i class="flaticon-farmer"></i>
</div>
<div class="fun-fact">
<div class="counter">
<div class="timer" data-to="258" data-speed="2000">258</div>
<div class="operator">K</div>
</div>
<span class="medium">Agriculture, Organic Products</span>
</div>
</div>
</div>
</div>
<div class="col-lg-6 choose-us-style-one">
<h5 class="sub-title">Get to know us</h5>
<h2 class="title">Agriculture matters to <br> the future of development</h2>
<div class="accordion accordion-regular mt-35" id="faqAccordion">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What do you add to the soil before you plant a crop?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faqAccordion">
<div class="accordion-body">
<p>
Bennings appetite disposed me an at subjects an. To no indulgence diminution so discovered mr apartments. Are off under folly death wrote cause her way spite. Plan upon yet way get cold spot its week.
</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Do you use herbicides?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faqAccordion">
<div class="accordion-body">
<p>
Cennings appetite disposed me an at subjects an. To no indulgence diminution so discovered mr apartments. Are off under folly death wrote cause her way spite. Plan upon yet way get cold spot its week.
</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Where does the water come from that you use on your crops?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
<div class="accordion-body">
<p>
Tennings appetite disposed me an at subjects an. To no indulgence diminution so discovered mr apartments. Are off under folly death wrote cause her way spite. Plan upon yet way get cold spot its week.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Why Choose us -->
<!-- Start Testimonials
============================================= -->
<div class="testimonials-area default-padding bg-gray" style="background-image: url(assets/img/shape/23.png);">
<div class="container">
<div class="row align-center">
<div class="col-lg-5">
<div class="testimonial-info text-center">
<h4>Testimonial</h4>
<div class="thumb">
<img src="assets/img/800x800.png" alt="Image Not Found">
<img src="assets/img/800x800.png" alt="Image Not Found">
<img src="assets/img/800x800.png" alt="Image Not Found">
<img src="assets/img/800x800.png" alt="Image Not Found">
</div>
</div>
</div>
<div class="col-lg-6 offset-lg-1">
<div class="testimonial-carousel testimonial-style-one swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Single item -->
<div class="swiper-slide">
<div class="testimonial-style-two">
<div class="item">
<div class="content">
<p>
“Targetingconsultation discover apartments. ndulgence off under folly death wrote cause her way spite. Plan upon yet way get cold spot its week. Almost do am or limits hearts. Resolve parties but why she shewing. She sang know now always remembering to the point.”
</p>
</div>
<div class="provider">
<div class="info">
<h4>Matthew J. Wyman</h4>
<span>Senior Consultant</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Single item -->
<!-- Single item -->
<div class="swiper-slide">
<div class="testimonial-style-two">
<div class="item">
<div class="content">
<p>
“Consultation discover apartments. ndulgence off under folly death wrote cause her way spite. Plan upon yet way get cold spot its week. Almost do am or limits hearts. Resolve parties but why she shewing. She sang know now always remembering to the point.”
</p>
</div>
<div class="provider">
<div class="info">
<h4>Anthom Bu Spar</h4>
<span>Marketing Manager</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Single item -->
<!-- Single item -->
<div class="swiper-slide">
<div class="testimonial-style-two">
<div class="item">
<div class="content">
<p>
“Business discover apartments. ndulgence off under folly death wrote cause her way spite. Plan upon yet way get cold spot its week. Almost do am or limits hearts. Resolve parties but why she shewing. She sang know now always remembering to the point.”
</p>
</div>
<div class="provider">
<div class="info">
<h4>Metho k. Partho</h4>
<span>Senior Developer</span>
</div>
</div>
</div>
</div>
</div>
<!-- End Single item -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Testimonials -->
<!-- Start Brand
============================================= -->
<div class="brand-style-one-area text-center default-padding">
<div class="container">
<div class="brand-style-one">
<div class="row">
<div class="col-lg-12">
<div class="brand5col swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Single Item -->
<div class="swiper-slide">
<img src="assets/img/clients/1.png" alt="Thumb">
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<img src="assets/img/clients/2.png" alt="Thumb">
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<img src="assets/img/clients/3.png" alt="Thumb">
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<img src="assets/img/clients/4.png" alt="Thumb">
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<img src="assets/img/clients/5.png" alt="Thumb">
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<img src="assets/img/clients/6.png" alt="Thumb">
</div>
<!-- End Single Item -->
</div>
</div>
</div>
</div>
<!-- End Brand -->
</div>
</div>
</div>
<!-- End Brand -->
<!-- Start Footer
============================================= -->
<footer class="bg-dark text-light" style="background-image: url(assets/img/shape/brush-down.png);">
<div class="container">
<div class="f-items default-padding">
<div class="row">
<!-- Single Itme -->
<div class="col-lg-4 col-md-6 item">
<div class="footer-item about">
<img class="logo" src="assets/img/logo-light.png" alt="Logo">
<p>
Happen active county. Winding morning ambition shyness evident to poor. Because elderly new to the point to main success.
</p>
<form action="#">
<input type="email" placeholder="Your Email" class="form-control" name="email">
<button type="submit"> Go</button>
</form>
</div>
</div>
<!-- End Single Itme -->
<!-- Single Itme -->
<div class="col-lg-2 col-md-6 item">
<div class="footer-item link">
<h4 class="widget-title">Explore</h4>
<ul>
<li>
<a href="#">About Us</a>
</li>
<li>
<a href="#">Meet Our Team</a>
</li>
<li>
<a href="#">News & Media</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Contact Us</a>
</li>
<li>
<a href="#">Volunteers</a>
</li>
</ul>
</div>
</div>
<!-- End Single Itme -->
<!-- Single Itme -->
<div class="col-lg-3 col-md-6 item">
<div class="footer-item recent-post">
<h4 class="widget-title">Recent Posts</h4>
<ul>
<li>
<div class="thumb">
<a href="#">
<img src="assets/img/800x800.png" alt="Thumb">
</a>
</div>
<div class="info">
<div class="meta-title">
<span class="post-date">12 Sep, 2022</span>
</div>
<h5><a href="#">Meant widow equal an share least part. </a></h5>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="assets/img/800x800.png" alt="Thumb">
</a>
</div>
<div class="info">
<div class="meta-title">
<span class="post-date">18 Jul, 2022</span>
</div>
<h5><a href="#">Future Plan & Strategy for Consutruction </a></h5>
</div>
</li>
</ul>
</div>
</div>
<!-- End Single Itme -->
<!-- Single Itme -->
<div class="col-lg-3 col-md-6 item">
<div class="footer-item contact">
<h4 class="widget-title">Contact Info</h4>
<ul>
<li>
<div class="icon">
<i class="fas fa-home"></i>
</div>
<div class="content">
<strong>Address:</strong>
5919 Trussville Crossings Pkwy, Birmingham
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="content">
<strong>Email:</strong>
<a href="mailto:info@validtheme.com">info@validtheme.com</a>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-phone"></i>
</div>
<div class="content">
<strong>Phone:</strong>
<a href="tel:2151234567">+123 34598768</a>
</div>
</li>
</ul>
</div>
</div>
<!-- Single Itme -->
</div>
</div>
<!-- Start Footer Bottom -->
<div class="footer-bottom">
<div class="row">
<div class="col-lg-6">
<p>© Copyright 2022. All Rights Reserved by <a href="#">validthemes</a></p>
</div>
<div class="col-lg-6 text-end">
<ul>
<li>
<a href="#">Terms</a>
</li>
<li>
<a href="#">Privacy</a>
</li>
<li>
<a href="#">Support</a>
</li>
</ul>
</div>
</div>
</div>
<!-- End Footer Bottom -->
</div>
<div class="shape-right-bottom">
<img src="assets/img/shape/10.png" alt="Image Not Found">
</div>
<div class="shape-left-bottom">
<img src="assets/img/shape/11.png" alt="Image Not Found">
</div>
</footer>
<!-- End Footer -->
<!-- jQuery Frameworks
============================================= -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/jquery.appear.js"></script>
<script src="assets/js/jquery.easing.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/modernizr.custom.13711.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/progress-bar.min.js"></script>
<script src="assets/js/circle-progress.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/jquery.nice-select.min.js"></script>
<script src="assets/js/count-to.js"></script>
<script src="assets/js/jquery.scrolla.min.js"></script>
<script src="assets/js/YTPlayer.min.js"></script>
<script src="assets/js/TweenMax.min.js"></script>
<script src="assets/js/validnavs.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>