<!doctype html>
<html lang="en">
<head>
<title>Unearth — Website Template by Colorlib</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400,700|Oswald:400,700" rel="stylesheet">
<link rel="stylesheet" href="fonts/icomoon/style.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery.fancybox.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
<link rel="stylesheet" href="css/aos.css">
<!-- MAIN CSS -->
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
<div id="overlayer"></div>
<div class="loader">
<div class="spinner-border text-primary" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<div class="site-wrap" id="home-section">
<div class="site-mobile-menu site-navbar-target">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3">
<span class="icon-close2 js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col-12">
<a href="#" class="text-white"><span class="mr-2 text-white icon-envelope-open-o"></span> <span class="d-none d-md-inline-block">info@yourdomain.com</span></a>
<span class="mx-md-2 d-inline-block"></span>
<a href="#" class="text-white"><span class="mr-2 text-white icon-phone"></span> <span class="d-none d-md-inline-block">1+ (234) 5678 9101</span></a>
<div class="float-right">
<a href="#" class="text-white"><span class="mr-2 text-white icon-twitter"></span> <span class="d-none d-md-inline-block">Twitter</span></a>
<span class="mx-md-2 d-inline-block"></span>
<a href="#" class="text-white"><span class="mr-2 text-white icon-instagram"></span> <span class="d-none d-md-inline-block">Instagram</span></a>
</div>
</div>
</div>
</div>
</div>
<header class="site-navbar js-sticky-header site-navbar-target" role="banner">
<div class="container">
<div class="row align-items-center position-relative">
<div class="site-logo">
<a href="index.html" class="text-black"><span class="text-primary">Unearth</a>
</div>
<div class="col-12">
<nav class="site-navigation text-right ml-auto " role="navigation">
<ul class="site-menu main-menu js-clone-nav ml-auto d-none d-lg-block">
<li><a href="#home-section" class="nav-link">Home</a></li>
<li><a href="#services-section" class="nav-link">Services</a></li>
<li class="has-children">
<a href="#about-section" class="nav-link">About Us</a>
<ul class="dropdown arrow-top">
<li><a href="#team-section" class="nav-link">Team</a></li>
<li><a href="#pricing-section" class="nav-link">Pricing</a></li>
<li><a href="#faq-section" class="nav-link">FAQ</a></li>
<li class="has-children">
<a href="#">More Links</a>
<ul class="dropdown">
<li><a href="#">Menu One</a></li>
<li><a href="#">Menu Two</a></li>
<li><a href="#">Menu Three</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#press-section" class="nav-link">Press</a></li>
<li><a href="#testimonials-section" class="nav-link">Testimonials</a></li>
<li><a href="#blog-section" class="nav-link">Blog</a></li>
<li><a href="#contact-section" class="nav-link">Contact</a></li>
</ul>
</nav>
</div>
<div class="toggle-button d-inline-block d-lg-none"><a href="#" class="site-menu-toggle py-5 js-menu-toggle text-black"><span class="icon-menu h3"></span></a></div>
</div>
</div>
</header>
<div class="owl-carousel slide-one-item">
<div class="site-section-cover overlay img-bg-section" style="background-image: url('images/hero_3.jpg'); " >
<div class="container">
<div class="row align-items-center justify-content-center text-center">
<div class="col-md-12 col-lg-7">
<h1 data-aos="fade-up" data-aos-delay="">Welcome to UnEarth</h1>
<p class="mb-5" data-aos="fade-up" data-aos-delay="100">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae, cumque vitae animi.</p>
<p data-aos="fade-up" data-aos-delay="200"><a href="#" class="btn btn-outline-white border-w-2 btn-md">Get in touch</a></p>
</div>
</div>
</div>
</div>
<div class="site-section-cover overlay img-bg-section" style="background-image: url('images/hero_2.jpg'); " >
<div class="container">
<div class="row align-items-center justify-content-center text-center">
<div class="col-md-12 col-lg-8">
<h1 data-aos="fade-up" data-aos-delay="">New Generation of Mining</h1>
<p class="mb-5" data-aos="fade-up" data-aos-delay="100">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est odit dolorum voluptates!</p>
<p data-aos="fade-up" data-aos-delay="200"><a href="#" class="btn btn-outline-white border-w-2 btn-md">Get in touch</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="site-section">
<div class="block__73694 mb-2" id="services-section">
<div class="container">
<div class="row d-flex no-gutters align-items-stretch">
<div class="col-12 col-lg-6 block__73422" style="background-image: url('images/img_1.jpg');" data-aos="fade-right" data-aos-delay="">
</div>
<div class="col-lg-5 ml-auto p-lg-5 mt-4 mt-lg-0" data-aos="fade-left" data-aos-delay="">
<h2 class="mb-3 text-black">Land & Property</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus id dignissimos nemo minus perspiciatis ullam itaque voluptas iure vero, nesciunt unde odit aspernatur distinctio, maiores facere officiis. Cum, esse, iusto?</p>
<p>Minus perspiciatis ullam itaque voluptas iure vero, nesciunt unde odit aspernatur distinctio, maiores facere officiis. Cum, esse, iusto?</p>
<ul class="ul-check primary list-unstyled mt-5">
<li>Lorem ipsum dolor.</li>
<li>Quod, amet. Provident.</li>
<li>Quo, adipisci, quis.</li>
<li>Cumque perspiciatis, blanditiis?</li>
</ul>
</div>
</div>
</div>
</div>
<div class="block__73694">
<div class="container">
<div class="row d-flex no-gutters align-items-stretch">
<div class="col-12 col-lg-6 block__73422 order-lg-2" style="background-image: url('images/img_2.jpg');" data-aos="fade-left" data-aos-delay="">
</div>
<div class="col-lg-5 mr-auto p-lg-5 mt-4 mt-lg-0 order-lg-1" data-aos="fade-right" data-aos-delay="">
<h2 class="mb-3 text-black">Surface Mining</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus id dignissimos nemo minus perspiciatis ullam itaque voluptas iure vero, nesciunt unde odit aspernatur distinctio, maiores facere officiis. Cum, esse, iusto?</p>
<p>Minus perspiciatis ullam itaque voluptas iure vero, nesciunt unde odit aspernatur distinctio, maiores facere officiis. Cum, esse, iusto?</p>
<ul class="ul-check primary list-unstyled mt-5">
<li>Lorem ipsum dolor.</li>
<li>Quod, amet. Provident.</li>
<li>Quo, adipisci, quis.</li>
<li>Cumque perspiciatis, blanditiis?</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="site-section bg-light">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="">
<div class="block__35630">
<div class="icon mb-3">
<span class="flaticon-mining"></span>
</div>
<h3 class="mb-3">Surface Mining</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur dolores voluptas obcaecati quo consequuntur mollitia facilis.
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="100">
<div class="block__35630">
<div class="icon mb-3">
<span class="flaticon-gold-ingots"></span>
</div>
<h3 class="mb-3">Gold Nuggets</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur dolores voluptas obcaecati quo consequuntur mollitia facilis.
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="200">
<div class="block__35630">
<div class="icon mb-3">
<span class="flaticon-wagon"></span>
</div>
<h3 class="mb-3">Soil Carrier</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur dolores voluptas obcaecati quo consequuntur mollitia facilis.
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="">
<div class="block__35630">
<div class="icon mb-3">
<span class="flaticon-refinery"></span>
</div>
<h3 class="mb-3">Gold Refinery</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur dolores voluptas obcaecati quo consequuntur mollitia facilis.
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="100">
<div class="block__35630">
<div class="icon mb-3">
<span class="flaticon-blacksmith"></span>
</div>
<h3 class="mb-3">Anvil Blacksmith</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur dolores voluptas obcaecati quo consequuntur mollitia facilis.
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="200">
<div class="block__35630">
<div class="icon mb-3">
<span class="flaticon-crucible"></span>
</div>
<h3 class="mb-3">Gold Melt Crucible</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur dolores voluptas obcaecati quo consequuntur mollitia facilis.
</div>
</div>
</div>
</div>
</div>
<div class="site-section bg-dark" id="about-section">
<div class="container">
<div class="row justify-content-center mb-4 block-img-video-1-wrap">
<div class="col-md-12 mb-5">
<figure class="block-img-video-1" data-aos="fade">
<a href="https://vimeo.com/45830194" data-fancybox data-ratio="2">
<span class="icon"><span class="icon-play"></span></span>
<img src="images/hero_1.jpg" alt="Image" class="img-fluid">
</a>
</figure>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row">
<div class="col-6 col-md-6 mb-4 col-lg-0 col-lg-3" data-aos="fade-up" data-aos-delay="">
<div class="block-counter-1">
<span class="number"><span data-number="30">0</span>+</span>
<span class="caption">Year of Experience</span>
</div>
</div>
<div class="col-6 col-md-6 mb-4 col-lg-0 col-lg-3" data-aos="fade-up" data-aos-delay="100">
<div class="block-counter-1">
<span class="number"><span data-number="300">0</span>+</span>
<span class="caption">Expert Engineers</span>
</div>
</div>
<div class="col-6 col-md-6 mb-4 col-lg-0 col-lg-3" data-aos="fade-up" data-aos-delay="200">
<div class="block-counter-1">
<span class="number"><span data-number="2000">0</span>+</span>
<span class="caption">Number of Employees</span>
</div>
</div>
<div class="col-6 col-md-6 mb-4 col-lg-0 col-lg-3" data-aos="fade-up" data-aos-delay="300">
<div class="block-counter-1">
<span class="number"><span data-number="1500">0</span>+</span>
<span class="caption">Number of Golds</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-section" id="team-section">
<div class="container">
<div class="row mb-5 justify-content-center">
<div class="col-md-7 text-center">
<div class="block-heading-1" data-aos="fade-up" data-aos-delay="">
<h2>Our Team</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere at delectus laudantium, deserunt, atque eveniet. Voluptatem, fuga quos rerum inventore.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 mb-4" data-aos="fade-up">
<div class="block-team-member-1 text-center rounded">
<figure>
<img src="images/person_1.jpg" alt="Image" class="img-fluid rounded-circle">
</figure>
<h3 class="font-size-20 text-black">Jean Smith</h3>
<span class="d-block font-gray-5 letter-spacing-1 text-uppercase font-size-12 mb-3">Mining Expert</span>
<div class="block-social-1">
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-facebook"></span></a>
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-twitter"></span></a>
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-instagram"></span></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="100">
<div class="block-team-member-1 text-center rounded">
<figure>
<img src="images/person_2.jpg" alt="Image" class="img-fluid rounded-circle">
</figure>
<h3 class="font-size-20 text-black">Bob Carry</h3>
<span class="d-block font-gray-5 letter-spacing-1 text-uppercase font-size-12 mb-3">Project Manager</span>
<div class="block-social-1">
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-facebook"></span></a>
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-twitter"></span></a>
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-instagram"></span></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="200">
<div class="block-team-member-1 text-center rounded">
<figure>
<img src="images/person_1.jpg" alt="Image" class="img-fluid rounded-circle">
</figure>
<h3 class="font-size-20 text-black">Ricky Fisher</h3>
<span class="d-block font-gray-5 letter-spacing-1 text-uppercase font-size-12 mb-3">Engineer</span>
<div class="block-social-1">
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-facebook"></span></a>
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-twitter"></span></a>
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-instagram"></span></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4" data-aos="fade-up">
<div class="block-team-member-1 text-center rounded">
<figure>
<img src="images/person_2.jpg" alt="Image" class="img-fluid rounded-circle">
</figure>
<h3 class="font-size-20 text-black">Jean Smith</h3>
<span class="d-block font-gray-5 letter-spacing-1 text-uppercase font-size-12 mb-3">Mining Expert</span>
<div class="block-social-1">
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-facebook"></span></a>
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-twitter"></span></a>
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-instagram"></span></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="100">
<div class="block-team-member-1 text-center rounded">
<figure>
<img src="images/person_1.jpg" alt="Image" class="img-fluid rounded-circle">
</figure>
<h3 class="font-size-20 text-black">Bob Carry</h3>
<span class="d-block font-gray-5 letter-spacing-1 text-uppercase font-size-12 mb-3">Project Manager</span>
<div class="block-social-1">
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-facebook"></span></a>
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-twitter"></span></a>
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-instagram"></span></a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4" data-aos="fade-up" data-aos-delay="200">
<div class="block-team-member-1 text-center rounded">
<figure>
<img src="images/person_2.jpg" alt="Image" class="img-fluid rounded-circle">
</figure>
<h3 class="font-size-20 text-black">Ricky Fisher</h3>
<span class="d-block font-gray-5 letter-spacing-1 text-uppercase font-size-12 mb-3">Engineer</span>
<div class="block-social-1">
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-facebook"></span></a>
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-twitter"></span></a>
<a href="#" class="btn border-w-2 rounded primary-primary-outline--hover"><span class="icon-instagram"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="site-section bg-light" id="pricing-section">
<div class="container">
<div class="row mb-5 justify-content-center text-center">
<div class="col-md-7">
<div class="block-heading-1" data-aos="fade-up" data-aos-delay="">
<h2>Pricing</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque quae temporibus tenetur vitae iusto suscipit alias, laudantium, porro unde tempora.</p>
</div>
</div>
</div>
<div class="row mb-5">
<div class="col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="">
<div class="pricing">
<h3 class="text-center text-black">Basic</h3>
<div class="price text-center mb-4 ">
<span><span>$47</span> / year</span>
</div>
<ul class="list-unstyled ul-check success mb-5">
<li>Officia quaerat eaque neque</li>
<li>Possimus aut consequuntur incidunt</li>
<li class="remove">Lorem ipsum dolor sit amet</li>
<li class="remove">Consectetur adipisicing elit</li>
<li class="remove">Dolorum esse odio quas architecto sint</li>
</ul>
<p class="text-center">
<a href="#" class="btn btn-secondary btn-md">Buy Now</a>
</p>
</div>
</div>
<div class="col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="100">
<div class="pricing">
<h3 class="text-center text-black">Premium</h3>
<div class="price text-center mb-4 ">
<span><span>$200</span> / year</span>
</div>
<ul class="list-unstyled ul-check success mb-5">
<li>Officia quaerat eaque neque</li>
<li>Possimus aut consequuntur incidunt</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipisicing elit</li>
<li class="remove">Dolorum esse odio quas architecto sint</li>
</ul>
<p class="text-center">
<a href="#" class="btn btn-primary btn-md text-white">Buy Now</a>
</p>
</div>
</div>
<div class="col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="pricing">
<h3 class="text-center text-black">Professional</h3>
<div class="price text-center mb-4 ">
<span><span>$750</span> / year</span>
</div>
<ul class="list-unstyled ul-check success mb-5">
<li>Officia quaerat eaque neque</li>
<li>Possimus aut consequuntur incidunt</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipisicing elit</li>
<li>Dolorum esse odio quas architecto sint</li>
</ul>
<p class="text-center">
<a href="#" class="btn btn-secondary btn-md">Buy Now</a>
</p>
</div>
</div>
</div>
<div class="row site-section" id="faq-section">
<div class="col-12 text-center" data-aos="fade">
<h2 class="section-title text-primary">Frequently Ask Questions</h2>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="mb-5" data-aos="fade-up" data-aos-delay="100">
<h3 class="text-black h4 mb-4">Can I accept both Paypal and Stripe?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam assumenda eum blanditiis perferendis.</p>
</div>
<div class="mb-5" data-aos="fade-up" data-aos-delay="100">
<h3 class="text-black h4 mb-4">What available is refund period?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam assumenda eum blanditiis perferendis.</p>
</div>
<div class="mb-5" data-aos="fade-up" data-aos-delay="100">
<h3 class="text-black h4 mb-4">Can I accept both Paypal and Stripe?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam assumenda eum blanditiis perferendis.</p>
</div>
<div class="mb-5" data-aos="fade-up" data-aos-delay="100">
<h3 class="text-black h4 mb-4">What available is refund period?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam assumenda eum blanditiis perferendis.</p>
</div>
</div>
<div class="col-lg-6">
<div class="mb-5" data-aos="fade-up" data-aos-delay="100">
<h3 class="text-black h4 mb-4">Where are you from?</h3>
<p>Voluptatum nobis obcaecati perferendis dolor totam unde dolores quod maxime corporis officia et. Distinctio assumenda minima maiores.</p>
</div>
<div class="mb-5" data-aos="fade-up" data-aos-delay="100">
<h3 class="text-black h4 mb-4">What is your opening time?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam assumenda eum blanditiis perferendis.</p>
</div>
<div class="mb-5" data-aos="fade-up" data-aos-delay="100">
<h3 class="text-black h4 mb-4">Can I accept both Paypal and Stripe?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam assumenda eum blanditiis perferendis.</p>
</div>
<div class="mb-5" data-aos="fade-up" data-aos-delay="100">
<h3 class="text-black h4 mb-4">What available is refund period?</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam assumenda eum blanditiis perferendis.</p>
</div>
</div>
</div>
</div>
</section>
<div class="site-section" id="press-section">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-5 mb-lg-0">
<div class="block-heading-1" data-aos="fade-right" data-aos-delay="">
<h2>Press</h2>
</div>
</div>
<div class="col-lg-6">
<ul class="list-unstyled">
<li class="mb-5" data-aos="fade-right" data-aos-delay="">
<span class="d-block text-muted mb-3">Apr 19, 2019</span>
<h2 class="h4"><a href="press-single.html" class="text-black">How To Find Gold In Mining</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur dolores voluptas obcaecati quo consequuntur mollitia facilis, perferendis molestias commodi adipisci.</p>
</li>
<li class="mb-5" data-aos="fade-right" data-aos-delay="100">
<span class="d-block text-muted mb-3">Apr 19, 2019</span>
<h2 class="h4"><a href="press-single.html" class="text-black">How To Find Gold In Mining</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur dolores voluptas obcaecati quo consequuntur mollitia facilis, perferendis molestias commodi adipisci.</p>
</li>
<li class="mb-5" data-aos="fade-right" data-aos-delay="200">
<span class="d-block text-muted mb-3">Apr 19, 2019</span>
<h2 class="h4"><a href="press-single.html" class="text-black">How To Find Gold In Mining</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur dolores voluptas obcaecati quo consequuntur mollitia facilis, perferendis molestias commodi adipisci.</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="site-section bg-light block-13" id="testimonials-section" data-aos="fade">
<div class="container">
<div class="text-center mb-5">
<div class="block-heading-1">
<h2>Testimonial</h2>
</div>
</div>
<div class="owl-carousel nonloop-block-13">
<div>
<div class="block-testimony-1 text-center">
<blockquote class="mb-4">
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem, fugit excepturi sapiente voluptatum nulla odio quaerat quibusdam tempore similique doloremque veritatis et cupiditate, maiores cumque repudiandae explicabo tempora deserunt consequuntur?”</p>
</blockquote>
<figure>
<img src="images/person_4.jpg" alt="Image" class="img-fluid rounded-circle mx-auto">
</figure>
<h3 class="font-size-20 text-black">Ricky Fisher</h3>
</div>
</div>
<div>
<div class="block-testimony-1 text-center">
<figure>
<img src="images/person_2.jpg" alt="Image" class="img-fluid rounded-circle mx-auto">
</figure>
<h3 class="font-size-20 mb-4 text-black">Ken Davis</h3>
<blockquote class="mb-4">
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem, fugit excepturi sapiente voluptatum nulla odio quaerat quibusdam tempore similique doloremque veritatis et cupiditate, maiores cumque repudiandae explicabo tempora deserunt consequuntur?”</p>
</blockquote>
</div>
</div>
<div>
<div class="block-testimony-1 text-center">
<blockquote class="mb-4">
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem, fugit excepturi sapiente voluptatum nulla odio quaerat quibusdam tempore similique doloremque veritatis et cupiditate, maiores cumque repudiandae explicabo tempora deserunt consequuntur?”</p>
</blockquote>
<figure>
<img src="images/person_1.jpg" alt="Image" class="img-fluid rounded-circle mx-auto">
</figure>
<h3 class="font-size-20 text-black">Mellisa Griffin</h3>
</div>
</div>
<div>
<div class="block-testimony-1 text-center">
<figure>
<img src="images/person_3.jpg" alt="Image" class="img-fluid rounded-circle mx-auto">
</figure>
<h3 class="font-size-20 mb-4 text-black">Robert Steward</h3>
<blockquote class="mb-4">
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem, fugit excepturi sapiente voluptatum nulla odio quaerat quibusdam tempore similique doloremque veritatis et cupiditate, maiores cumque repudiandae explicabo tempora deserunt consequuntur?”</p>
</blockquote>
</div>
</div>
</div>
</div>
</div>
<div class="site-section" id="blog-section">
<div class="container">
<div class="row">
<div class="col-12 text-center mb-5">
<div class="block-heading-1" data-aos="fade-up" data-aos-delay="">
<span>Latest Blog Posts</span>
<h2>Our Blog</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-6" data-aos="fade-up" data-aos-delay="">
<div>
<a href="single.html" class="mb-4 d-block"><img src="images/hero_2.jpg" alt="Image" class="img-fluid rounded"></a>
<h2><a href="single.html">How To Find Gold In Mining</a></h2>
<p class="text-muted mb-3 text-uppercase small"><span class="mr-2">January 18, 2019</span> By <a href="single.html" class="by">James Cooper</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat et suscipit iste libero neque. Vitae quidem ducimus voluptatibus nemo cum odio ab enim nisi, itaque, libero fuga veritatis culpa quis!</p>
<p><a href="single.html">Read More</a></p>
</div>
</div>
<div class="col-md-6 col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div>
<a href="single.html" class="mb-4 d-block"><img src="images/hero_3.jpg" alt="Image" class="img-fluid rounded"></a>
<h2><a href="single.html">How To Find Gold In Mining</a></h2>
<p class="text-muted mb-3 text-uppercase small"><span class="mr-2">January 18, 2019</span> By <a href="single.html" class="by">James Cooper</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat et suscipit iste libero neque. Vitae quidem ducimus voluptatibus nemo cum odio ab enim nisi, itaque, libero fuga veritatis culpa quis!</p>
<p><a href="single.html">Read More</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="site-section bg-light" id="contact-section">
<div class="container">
<div class="row">
<div class="col-12 text-center mb-5" data-aos="fade-up" data-aos-delay="">
<div class="block-heading-1">
<span>Get In Touch</span>
<h2>Contact Us</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 mb-5" data-aos="fade-up" data-aos-delay="100">
<form action="#" method="post">
<div class="form-group row">
<div class="col-md-6 mb-4 mb-lg-0">
<input type="text" class="form-control" placeholder="First name">
</div>
<div class="col-md-6">
<input type="text" class="form-control" placeholder="First name">
</div>
</div>
<div class="form-group row">
<div class="col-md-12">
<input type="text" class="form-control" placeholder="Email address">
</div>
</div>
<div class="form-group row">
<div class="col-md-12">
<textarea name="" id="" class="form-control" placeholder="Write your message." cols="30" rows="10"></textarea>
</div>
</div>
<div class="form-group row">
<div class="col-md-6 ml-auto">
<input type="submit" class="btn btn-block btn-primary text-white py-3 px-5" value="Send Message">
</div>
</div>
</form>
</div>
<div class="col-lg-4 ml-auto" data-aos="fade-up" data-aos-delay="200">
<h2 class="text-black">Need to know more on details. Get In Touch</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, distinctio! Harum quibusdam nisi, illum nulla aspernatur aut quidem aperiam, quae non tempora recusandae voluptatibus fugit impedit.</p>
<p><a href="#" class="btn btn-primary text-white">Get Started</a></p>
</div>
</div>
</div>
</div>
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-8">
<h2 class="footer-heading mb-4">About Us</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque facere laudantium magnam voluptatum autem. Amet aliquid nesciunt veritatis aliquam.</p>
</div>
<div class="col-md-4 ml-auto">
<h2 class="footer-heading mb-4">Features</h2>
<ul class="list-unstyled">
<li><a href="#">About Us</a></li>
<li><a href="#">Press Releases</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 ml-auto">
<div class="mb-5">
<h2 class="footer-heading mb-4">Subscribe to Newsletter</h2>
<form action="#" method="post" class="footer-suscribe-form">
<div class="input-group mb-3">
<input type="text" class="form-control border-secondary text-white bg-transparent" placeholder="Enter Email" aria-label="Enter Email" aria-describedby="button-addon2">
<div class="input-group-append">
<button class="btn btn-primary text-white" type="button" id="button-addon2">Subscribe</button>
</div>
</div>
</div>
<h2 class="footer-heading mb-4">Follow Us</h2>
<a href="#about-section" class="smoothscroll pl-0 pr-3"><span class="icon-facebook"></span></a>
<a href="#" class="pl-3 pr-3"><span class="icon-twitter"></span></a>
<a href="#" class="pl-3 pr-3"><span class="icon-instagram"></span></a>
<a href="#" class="pl-3 pr-3"><span class="icon-linkedin"></span></a>
</form>
</div>
</div>
<div class="row pt-5 mt-5 text-center">
<div class="col-md-12">
<div class="border-top pt-5">
<p class="copyright"><small>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart text-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank" >Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</small></p>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/aos.js"></script>
<script src="js/main.js"></script>
</body>
</html>