File size: 59.71Kb
<!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 Banner Area
============================================= -->
<div class="banner-area navigation-circle text-light banner-style-one zoom-effect overflow-hidden">
<!-- Slider main container -->
<div class="banner-fade">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Single Item -->
<div class="swiper-slide banner-style-one">
<div class="banner-thumb bg-cover shadow dark" style="background: url(assets/img/2440x1578.png);"></div>
<div class="container">
<div class="row align-center">
<div class="col-xl-7">
<div class="content">
<h4>Original & Natural</h4>
<h2><strong>Organic Agriculture</strong> Farming Products</h2>
<p>
Dissuade ecstatic and properly saw entirely sir why laughter endeavor. In on my jointure horrible margaret suitable he followed.
</p>
<div class="button">
<a class="btn btn-theme secondary btn-md radius animation" href="#">Discover More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide banner-style-one">
<div class="banner-thumb bg-cover shadow dark" style="background: url(assets/img/2440x1578.png);"></div>
<div class="container">
<div class="row align-center">
<div class="col-xl-7">
<div class="content">
<h4>Handmade Products</h4>
<h2><strong>Agriculture Matter</strong> Good production</h2>
<p>
Dissuade ecstatic and properly saw entirely sir why laughter endeavor. In on my jointure horrible margaret suitable he speedily.
</p>
<div class="button">
<a class="btn btn-theme secondary btn-md radius animation" href="#">Discover More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single Item -->
</div>
<!-- Navigation -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<!-- End Main -->
<!-- Start About
============================================= -->
<div class="about-style-one-area default-padding">
<!-- Shape -->
<div class="shape-right-top">
<img src="assets/img/shape/leaf.png" alt="Image not found">
</div>
<!-- End Shape -->
<div class="container">
<div class="row align-center">
<div class="col-xl-5 col-lg-6 about-style-one pr-50 pr-md-15 pr-xs-15">
<div class="thumb">
<img src="assets/img/800x800.png" alt="Image Not Found">
<div class="sub-item">
<img src="assets/img/1.jpg" alt="Image Not Found">
</div>
</div>
</div>
<div class="col-xl-7 col-lg-6 about-style-one">
<div class="row align-center">
<div class="col-xl-7 col-lg-12">
<h2 class="heading">Agriculture For <br> Future Development</h2>
<p>
There are many variations of passages of ipsum available but the majority have suffered alteration in some form by injected humor or random word which don’t look even. Comparison new ham melancholy son themselves.
</p>
<ul class="check-solid-list mt-20">
<li>Organic food contains more vitamins</li>
<li>Eat organic because supply meets demand</li>
<li>Organic food is never irradiated</li>
</ul>
</div>
<div class="col-xl-5 col-lg-12 pl-50 pl-md-15 pl-xs-15">
<div class="top-product-item">
<img src="assets/img/icon/1.svg" alt="Icon">
<h5><a href="#">Natural Farming</a></h5>
<p>
Resolve parties but trying she shewing of moment.
</p>
</div>
<div class="top-product-item">
<img src="assets/img/icon/2.svg" alt="Icon">
<h5><a href="#">Quality Products</a></h5>
<p>
Always parties but trying she shewing of moment.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End About -->
<!-- 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="heading-left">
<div class="row">
<div class="col-lg-5">
<div class="left-info">
<h5 class="sub-title">What we do</h5>
<h2 class="title">Currently we are <br> selling organic food</h2>
</div>
</div>
<div class="col-lg-6 offset-lg-1">
<div class="right-info">
<p>
Everything melancholy uncommonly but solicitude inhabiting projection off. Connection stimulated estimating excellence an to impression. ladies she basket season age her uneasy saw. Discourse unwilling am no described.
</p>
<a class="btn btn-theme btn-md radius animation" href="#">Discover More</a>
</div>
</div>
</div>
</div>
</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 Product
============================================= -->
<div class="product-list-area default-padding-bottom bottom-less bg-dark text-center text-light">
<div class="shape-bottom-right">
<img src="assets/img/shape/21.png" alt="Image Not Found">
</div>
<div class="container">
<div class="row">
<div class="col-xl-10 offset-xl-1 mb-50 mb-xs-30">
<h2 class="mask-text" style="background-image: url(assets/img/3.jpg);">Healthy life with fresh products</h2>
</div>
<div class="product-list-box">
<!-- Single Item -->
<div class="product-list-item">
<a href="#">
<img src="assets/img/icon/1.png" alt="Icon">
<h5>Blueberry</h5>
</a>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="product-list-item">
<a href="#">
<img src="assets/img/icon/2.png" alt="Icon">
<h5>Strawberry</h5>
</a>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="product-list-item">
<a href="#">
<img src="assets/img/icon/3.png" alt="Icon">
<h5>Cabbage</h5>
</a>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="product-list-item">
<a href="#">
<img src="assets/img/icon/4.png" alt="Icon">
<h5>Eggplant</h5>
</a>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="product-list-item">
<a href="#">
<img src="assets/img/icon/5.png" alt="Icon">
<h5>Orange</h5>
</a>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="product-list-item">
<a href="#">
<img src="assets/img/icon/6.png" alt="Icon">
<h5>Apples</h5>
</a>
</div>
<!-- End Single Item -->
</div>
</div>
</div>
</div>
<!-- End Product 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 Gallery
============================================= -->
<div class="gallery-style-one-area default-padding-top">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="site-heading text-center">
<h5 class="sub-title">Awesome Gallery</h5>
<h2 class="title">Gallery Of Our Products</h2>
<div class="devider"></div>
</div>
</div>
</div>
</div>
<div class="container container-stage">
<div class="row">
<div class="col-xl-12">
<div class="carousel-stage-right carousel-style-one swiper">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Single Item -->
<div class="swiper-slide">
<div class="gallery-style-one">
<img src="assets/img/800x800.png" alt="Thumb">
<div class="overlay">
<span>Fruit</span>
<h4><a href="#">Healthy Food</a></h4>
</div>
</div>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<div class="gallery-style-one">
<img src="assets/img/800x800.png" alt="Thumb">
<div class="overlay">
<span>Organic</span>
<h4><a href="#">Cow Milk</a></h4>
</div>
</div>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<div class="gallery-style-one">
<img src="assets/img/800x800.png" alt="Thumb">
<div class="overlay">
<span>Vegetables</span>
<h4><a href="#">Organic Vegetables</a></h4>
</div>
</div>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<div class="gallery-style-one">
<img src="assets/img/800x800.png" alt="Thumb">
<div class="overlay">
<span>Cereals</span>
<h4><a href="#">Fresh Mandrains</a></h4>
</div>
</div>
</div>
<!-- End Single Item -->
<!-- Single Item -->
<div class="swiper-slide">
<div class="gallery-style-one">
<img src="assets/img/800x800.png" alt="Thumb">
<div class="overlay">
<span>Havest</span>
<h4><a href="#">Crispy Cucumber</a></h4>
</div>
</div>
</div>
<!-- End Single Item -->
</div>
<!-- Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</div>
<!-- End Gallery -->
<!-- Start Fun Factor Area
============================================= -->
<div class="fun-facts-area default-padding">
<div class="shape-left">
<img src="assets/img/shape/27.png" alt="Image Not Found">
</div>
<div class="container">
<div class="item-inner">
<div class="shape-right">
<img src="assets/img/shape/26.png" alt="Image Not Found">
</div>
<div class="row">
<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 Contact Us
============================================= -->
<div class="contact-area bg-gray default-padding" style="background-image: url(assets/img/shape/28.png);">
<div class="container">
<div class="row align-center">
<div class="col-tact-stye-one col-lg-7">
<div class="contact-form-style-one mb-md-50">
<h5 class="sub-title">Have Questions?</h5>
<h2 class="heading">Send us a Massage</h2>
<form action="assets/mail/contact.php" method="POST" class="contact-form contact-form">
<div class="row">
<div class="col-lg-12">
<div class="form-group">
<input class="form-control" id="name" name="name" placeholder="Name" type="text">
<span class="alert-error"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<input class="form-control" id="email" name="email" placeholder="Email*" type="email">
<span class="alert-error"></span>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<input class="form-control" id="phone" name="phone" placeholder="Phone" type="text">
<span class="alert-error"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="form-group comments">
<textarea class="form-control" id="comments" name="comments" placeholder="Tell Us About Project *"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<button type="submit" name="submit" id="submit">
<i class="fa fa-paper-plane"></i> Get in Touch
</button>
</div>
</div>
<!-- Alert Message -->
<div class="col-lg-12 alert-notification">
<div id="message" class="alert-msg"></div>
</div>
</form>
</div>
</div>
<div class="col-tact-stye-one col-lg-5 pl-60 pl-md-15 pl-xs-15">
<div class="contact-style-one-info">
<h2>
Contact
<span>
Information
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"><path d="M14.4,111.6c0,0,202.9-33.7,471.2,0c0,0-194-8.9-397.3,24.7c0,0,141.9-5.9,309.2,0" style="animation-play-state: running;"></path></svg>
</span>
</h2>
<p>
Plan upon yet way get cold spot its week. Almost do am or limits hearts. Resolve parties but why she shewing.
</p>
<ul>
<li class="wow fadeInUp">
<div class="icon">
<i class="fas fa-phone-alt"></i>
</div>
<div class="content">
<h5 class="title">Hotline</h5>
<a href="">+4733378901</a>
</div>
</li>
<li class="wow fadeInUp" data-wow-delay="300ms">
<div class="icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="info">
<h5 class="title">Our Location</h5>
<p>
55 Main Street, The Grand Avenue 2nd Block, <br> New York City
</p>
</div>
</li>
<li class="wow fadeInUp" data-wow-delay="500ms">
<div class="icon">
<i class="fas fa-envelope-open-text"></i>
</div>
<div class="info">
<h5 class="title">Official Email</h5>
<a href="mailto:info@agrul.com.com">info@agrul.com</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- End Contact -->
<!-- Start Blog Area
============================================= -->
<div class="blog-area home-blog blog-grid default-padding bottom-less">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 mb-30">
<div class="blog-style-one">
<div class="thumb">
<a href="#"><img src="assets/img/1500x890.png" alt="Image Not Found"></a>
<div class="date"><strong>18</strong> <span>Apr, 22</span></div>
</div>
<div class="info">
<div class="meta">
<ul>
<li>
<a href="#"><i class="fas fa-user-circle"></i> Admin</a>
</li>
<li>
<a href="#"><i class="fas fa-comments"></i> 26 Comments</a>
</li>
</ul>
</div>
<h4 class="title">
<a href="#">Announcing if attachment resolution sentiments Possession ye no mr unaffected remarkably</a>
</h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-30">
<div class="blog-style-one">
<div class="thumb">
<a href="#"><img src="assets/img/800x1000.png" alt="Image Not Found"></a>
<div class="date"><strong>15</strong> <span>Jul, 22</span></div>
</div>
<div class="info">
<div class="meta">
<ul>
<li>
<a href="#"><i class="fas fa-user-circle"></i> User</a>
</li>
<li>
<a href="#"><i class="fas fa-comments"></i> 35 Comments</a>
</li>
</ul>
</div>
<h4 class="title">
<a href="#">Considered imprudence of he friendship day</a>
</h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-30">
<div class="blog-style-one">
<div class="thumb">
<a href="#"><img src="assets/img/800x1000.png" alt="Image Not Found"></a>
<div class="date"><strong>24</strong> <span>Feb, 22</span></div>
</div>
<div class="info">
<div class="meta">
<ul>
<li>
<a href="#"><i class="fas fa-user-circle"></i> User</a>
</li>
<li>
<a href="#"><i class="fas fa-comments"></i> 12 Comments</a>
</li>
</ul>
</div>
<h4 class="title">
<a href="#">Overcame breeding or concerns removing past</a>
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Blog Area -->
<!-- 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>