Files
landing_page/entropy-placeholder/index-3.html
T
2021-03-20 15:53:01 +01:00

935 lines
36 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Entropy HTML Template | Homepage Three</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<body>
<div class="page-wrapper">
<!-- Preloader -->
<div class="preloader"></div>
<!-- Main Header-->
<header class="main-header header-style-three">
<!-- Header Top -->
<div class="header-top">
<div class="auto-container">
<div class="clearfix">
<!-- Top Left -->
<div class="top-left pull-left clearfix">
<!-- Info List -->
<ul class="info-list">
<li><a href="mailto:info@yourcompany.com"><span class="icon flaticon-message"></span> info@yourcompany.com</a></li>
<li><a href="tel:+123-456-7890"><span class="icon flaticon-phone-call"></span> (123) 456-7890</a></li>
</ul>
</div>
<!-- Top Right -->
<div class="top-right pull-right clearfix">
<!-- Social Nav -->
<ul class="social-nav">
<li><a href="#"><span class="fa fa-facebook-f"></span></a></li>
<li><a href="#"><span class="fa fa-google-plus"></span></a></li>
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-pinterest-p"></span></a></li>
</ul>
</div>
</div>
</div>
</div>
<!--Header-Upper-->
<div class="header-upper">
<div class="auto-container">
<div class="clearfix">
<div class="pull-left logo-box">
<div class="logo"><a href="index.html"><img src="https://via.placeholder.com/160x55" alt="" title="Entropy"></a></div>
</div>
<div class="nav-outer clearfix">
<!--Mobile Navigation Toggler-->
<div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
<!-- Main Menu -->
<nav class="main-menu show navbar-expand-md">
<div class="navbar-header">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
<ul class="navigation clearfix">
<li class="current dropdown"><a href="#">Home</a>
<ul>
<li><a href="index.html">Home Page 01</a></li>
<li><a href="index-2.html">Home Page 02</a></li>
<li><a href="index-3.html">Home Page 03</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="price.html">Price</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="comming-soon.html">Comming Soon</a></li>
</ul>
</li>
<li><a href="services.html">Services</a></li>
<li class="dropdown"><a href="#">Blog</a>
<ul>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-leftsidebar.html">Blog Left Sidebar</a></li>
<li><a href="blog-rightsidebar.html">Blog Right Sidebar</a></li>
<li><a href="blog-detail.html">Blog Detail</a></li>
<li><a href="error.html">Not Found / 404</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</nav>
<div class="outer-box">
<!-- Cart Box -->
<div class="cart-box">
<a href="#" class="icon flaticon-shopping-bag-3"></a>
</div>
<!--Search Box-->
<div class="searched-popup search-box-outer">
<button class="search-box-btn"><span class="flaticon-magnifying-glass-1"></span></button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End Header Upper-->
<!-- Mobile Menu -->
<div class="mobile-menu">
<div class="menu-backdrop"></div>
<div class="close-btn"><span class="icon flaticon-multiply"></span></div>
<nav class="menu-box">
<div class="nav-logo"><a href="index.html"><img src="https://via.placeholder.com/160x55" alt="" title=""></a></div>
<div class="menu-outer">
<!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
</div>
</nav>
</div><!-- End Mobile Menu -->
</header>
<!--End Main Header -->
<!-- Banner Section -->
<section class="banner-section-two">
<div class="side-layer" style="background-image: url(images/background/2.png)"></div>
<div class="outer-container">
<div class="auto-container">
<div class="row clearfix">
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<h1><span>Qdrant</span><br>Neural Search Engine</h1>
<div class="text">Build your own
AI-powered product
with Qdrant - vector search engine.</div>
<!-- Newsletter Form -->
<div class="newsletter-form">
<form method="post" action="contact.html">
<div class="form-group">
<input type="email" name="email" value="" placeholder="Enter Your Email" required="">
<button type="submit" class="theme-btn btn-style-four"><span class="txt">Tell me more</span></button>
</div>
</form>
</div>
</div>
</div>
<!-- Image Column -->
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column parallax-scene-1">
<div data-depth="0.30" class="image parallax-layer">
<img src="https://via.placeholder.com/783x606" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Banner Section -->
<!-- Clients Section Two -->
<section class="clients-section-two">
<div class="auto-container">
<div class="sponsors-outer">
<!--Sponsors Carousel-->
<ul class="sponsors-carousel-two owl-carousel owl-theme">
<li class="slide-item"><figure class="image-box"><a href="#"><img src="https://via.placeholder.com/300x115" alt=""></a></figure></li>
<li class="slide-item"><figure class="image-box"><a href="#"><img src="https://via.placeholder.com/300x115" alt=""></a></figure></li>
<li class="slide-item"><figure class="image-box"><a href="#"><img src="https://via.placeholder.com/300x115" alt=""></a></figure></li>
<li class="slide-item"><figure class="image-box"><a href="#"><img src="https://via.placeholder.com/300x115" alt=""></a></figure></li>
<li class="slide-item"><figure class="image-box"><a href="#"><img src="https://via.placeholder.com/300x115" alt=""></a></figure></li>
<li class="slide-item"><figure class="image-box"><a href="#"><img src="https://via.placeholder.com/300x115" alt=""></a></figure></li>
</ul>
</div>
</div>
</section>
<!-- End Clients Section Two -->
<!-- Intelligence Section -->
<section class="intelligence-section">
<div class="auto-container">
<div class="row clearfix">
<!-- Image Column -->
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column parallax-scene-2">
<div class="image parallax-layer" data-depth="0.40">
<img src="images/resource/intelligence.png" alt="" />
</div>
</div>
</div>
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<!-- Sec Title -->
<div class="sec-title">
<h2>We Create The Most Realistic <span>Artificial Intelligence</span></h2>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin que venenatis.</div>
</div>
<div class="row clearfix">
<!-- Intelligence Block -->
<div class="intelligence-block col-lg-6 col-md-6 col-sm-12">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="icon-box">
<span class="icon flaticon-brain"></span>
</div>
<h5><a href="services.html">Eliminate dull and <br> boring tasks</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>
</div>
<!-- Intelligence Block -->
<div class="intelligence-block col-lg-6 col-md-6 col-sm-12">
<div class="inner-box wow fadeInLeft" data-wow-delay="150ms" data-wow-duration="1500ms">
<div class="icon-box">
<span class="icon flaticon-cloud-1"></span>
</div>
<h5><a href="services.html">Prevent natural <br> disasters</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>
</div>
</div>
<a href="#" class="theme-btn btn-style-four"><span class="txt">Learn More</span></a>
</div>
</div>
</div>
</div>
</section>
<!-- End Intelligence Section -->
<!-- Business Section Two -->
<section class="business-section-two">
<div class="pattern-layer" style="background-image: url(images/background/pattern-11.png)"></div>
<div class="auto-container">
<!-- Sec Title -->
<div class="sec-title centered">
<h2>We Provide <span>Best Features</span> For Your Business</h2>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin. Maecenas a imperdiet <br> libero, ac congue orci. Pellentesque et erat id leo tincidunt aliquam.</div>
</div>
<div class="inner-container">
<div class="pattern-layer-two" style="background-image: url(images/background/3.png)"></div>
<!-- Business Info Tabs -->
<div class="business-info-tabs">
<!-- Business Tabs -->
<div class="business-tabs tabs-box">
<!--Tab Btns-->
<ul class="tab-btns tab-buttons clearfix">
<li data-tab="#prod-diabetes" class="tab-btn active-btn wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<h5>Eliminate Task</h5>
<span class="icon flaticon-brain"></span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</li>
<li data-tab="#prod-sales" class="tab-btn wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
<h5>Natural Disasters</h5>
<span class="icon flaticon-cloud-1"></span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</li>
<li data-tab="#prod-education" class="tab-btn wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
<h5>Facial Recognition</h5>
<span class="icon flaticon-face"></span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</li>
</ul>
<!--Tabs Container-->
<div class="tabs-content">
<!--Tab / Active Tab-->
<div class="tab active-tab" id="prod-diabetes">
<div class="content">
<div class="row clearfix">
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin. Maecenas a imperdiet libero, ac congue orci.</p>
<ul class="business-list">
<li>Better Data Management <br> For all users</li>
<li>Personalization Future <br> Prediction</li>
<li>Error Reduction Real-Time <br> Assistance for Users</li>
<li>Better Data Management <br> For all users</li>
</ul>
<a href="#" class="theme-btn btn-style-four"><span class="txt">View More Features</span></a>
</div>
</div>
<!-- Image Column -->
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<div class="image">
<a href="https://via.placeholder.com/536x513" data-fancybox="business" data-caption=""><img src="https://via.placeholder.com/536x513" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Tab -->
<div class="tab" id="prod-sales">
<div class="content">
<div class="row clearfix">
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin. Maecenas a imperdiet libero, ac congue orci.</p>
<ul class="business-list">
<li>Better Data Management <br> For all users</li>
<li>Personalization Future <br> Prediction</li>
<li>Error Reduction Real-Time <br> Assistance for Users</li>
<li>Better Data Management <br> For all users</li>
</ul>
<a href="#" class="theme-btn btn-style-four"><span class="txt">View More Features</span></a>
</div>
</div>
<!-- Image Column -->
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<div class="image">
<a href="https://via.placeholder.com/536x513" data-fancybox="business" data-caption=""><img src="https://via.placeholder.com/536x513" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Tab -->
<div class="tab" id="prod-education">
<div class="content">
<div class="row clearfix">
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin. Maecenas a imperdiet libero, ac congue orci.</p>
<ul class="business-list">
<li>Better Data Management <br> For all users</li>
<li>Personalization Future <br> Prediction</li>
<li>Error Reduction Real-Time <br> Assistance for Users</li>
<li>Better Data Management <br> For all users</li>
</ul>
<a href="#" class="theme-btn btn-style-four"><span class="txt">View More Features</span></a>
</div>
</div>
<!-- Image Column -->
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<div class="image">
<a href="https://via.placeholder.com/536x513" data-fancybox="business" data-caption=""><img src="https://via.placeholder.com/536x513" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Business Section -->
<!-- Intelligence Section -->
<section class="intelligence-section style-two">
<div class="auto-container">
<div class="row clearfix">
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<!-- Sec Title -->
<div class="sec-title">
<h2>We Provide <span>Machine Learning API</span> To Help Data Scientists Build Innovative Applications </h2>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin que venenatis.</div>
</div>
<div class="row clearfix">
<!-- Intelligence Block -->
<div class="intelligence-block col-lg-6 col-md-6 col-sm-12">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="icon-box">
<span class="icon flaticon-brain"></span>
</div>
<h5><a href="services.html">Eliminate dull and <br> boring tasks</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>
</div>
<!-- Intelligence Block -->
<div class="intelligence-block col-lg-6 col-md-6 col-sm-12">
<div class="inner-box wow fadeInLeft" data-wow-delay="150ms" data-wow-duration="1500ms">
<div class="icon-box">
<span class="icon flaticon-cloud-1"></span>
</div>
<h5><a href="services.html">Prevent natural <br> disasters</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>
</div>
</div>
<a href="#" class="theme-btn btn-style-four"><span class="txt">Learn More</span></a>
</div>
</div>
<!-- Image Column -->
<div class="image-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column parallax-scene-3">
<div class="image parallax-layer" data-depth="0.40">
<img src="https://via.placeholder.com/478x593" alt="" />
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Intelligence Section -->
<!-- Services Section Two -->
<section class="services-section-two">
<div class="pattern-layer" style="background-image: url(images/background/4.png)"></div>
<div class="auto-container">
<!-- Sec Title -->
<div class="sec-title centered">
<h2>We Deliver <span>Best Services</span></h2>
<div class="text">Capitalize on low hanging fruit to identify a ball to park value added activity to beta test. Overri dens the <br> digital divide. There are many variations of passages of Lorem Ipsum available</div>
</div>
<div class="inner-container">
<div class="two-item-carousel owl-carousel owl-theme">
<!-- Service Block Two -->
<div class="service-block-three">
<div class="inner-box">
<div class="icon-box">
<span class="icon flaticon-data"></span>
</div>
<h5><a href="services.html">Big Data Strategy Definition.</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin. Maecenas a imperdiet libero.</div>
<a href="services.html" class="read-more">Learn More</a>
</div>
</div>
<!-- Service Block Two -->
<div class="service-block-three">
<div class="inner-box">
<div class="icon-box">
<span class="icon flaticon-face"></span>
</div>
<h5><a href="services.html">Data Visualization Solutions</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin. Maecenas a imperdiet libero.</div>
<a href="services.html" class="read-more">Learn More</a>
</div>
</div>
<!-- Service Block Two -->
<div class="service-block-three">
<div class="inner-box">
<div class="icon-box">
<span class="icon flaticon-data"></span>
</div>
<h5><a href="services.html">Big Data Strategy Definition.</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin. Maecenas a imperdiet libero.</div>
<a href="services.html" class="read-more">Learn More</a>
</div>
</div>
<!-- Service Block Two -->
<div class="service-block-three">
<div class="inner-box">
<div class="icon-box">
<span class="icon flaticon-face"></span>
</div>
<h5><a href="services.html">Data Visualization Solutions</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin. Maecenas a imperdiet libero.</div>
<a href="services.html" class="read-more">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<!-- Works Secion -->
<div class="works-section-two">
<div class="auto-container">
<!-- Sec Title -->
<div class="sec-title light centered">
<h2>Automation Is Like Magic, Here Is <br> <span>How It Works</span></h2>
<div class="text">Capitalize on low hanging fruit to identify a ball to park value added activity to beta test. Overri dens the <br> digital divide. There are many variations of passages of Lorem Ipsum available</div>
</div>
<div class="inner-container">
<!-- Work Block -->
<div class="work-block-two">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="content">
<span class="number">1</span>
<h5>Data Records</h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur <br> adipiscing elit. Morbi finibus at mauris <br> eu sollicitudin.</div>
</div>
</div>
</div>
<!-- Work Block Two -->
<div class="work-block-two style-two">
<div class="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="content">
<span class="number">2</span>
<h5>Data Records</h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur <br> adipiscing elit. Morbi finibus at mauris <br> eu sollicitudin.</div>
</div>
</div>
</div>
<!-- Work Block -->
<div class="work-block-two">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="content">
<span class="number">3</span>
<h5>AI Algorithm</h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur <br> adipiscing elit. Morbi finibus at mauris <br> eu sollicitudin.</div>
</div>
</div>
</div>
<!-- Work Block Two -->
<div class="work-block-two style-two">
<div class="inner-box wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="content">
<span class="number">4</span>
<h5>Outage Prediction</h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur <br> adipiscing elit. Morbi finibus at mauris <br> eu sollicitudin.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Services Section Two -->
<!-- Projects Section Three -->
<section class="projects-section-three">
<div class="auto-container">
<!-- Sec Title -->
<div class="sec-title centered">
<h2>Our Latest <span>Projects</span></h2>
</div>
<div class="inner-container">
<div class="two-item-carousel owl-carousel owl-theme">
<!-- Project Block Two -->
<div class="project-block-two">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="image">
<a href="blog-detail.html"><img src="https://via.placeholder.com/470x200" alt="" /></a>
</div>
<div class="lower-content">
<h5><a href="blog-detail.html">Data Mining for Sales Prediction <br> in Tourism Industry</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</div>
<ul>
<li>- Capitalize on low hanging fruit</li>
<li>- To identify a ball to park value added </li>
</ul>
<a href="blog-detail.html" class="theme-btn see-more">See Case Study</a>
</div>
</div>
</div>
<!-- Project Block Two -->
<div class="project-block-two">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="image">
<a href="blog-detail.html"><img src="https://via.placeholder.com/470x200" alt="" /></a>
</div>
<div class="lower-content">
<h5><a href="blog-detail.html">Higher Education Access Prediction <br> Software</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</div>
<ul>
<li>- Capitalize on low hanging fruit</li>
<li>- To identify a ball to park value added </li>
</ul>
<a href="blog-detail.html" class="theme-btn see-more">See Case Study</a>
</div>
</div>
</div>
<!-- Project Block Two -->
<div class="project-block-two">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="image">
<a href="blog-detail.html"><img src="https://via.placeholder.com/470x200" alt="" /></a>
</div>
<div class="lower-content">
<h5><a href="blog-detail.html">Data Mining for Sales Prediction <br> in Tourism Industry</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</div>
<ul>
<li>- Capitalize on low hanging fruit</li>
<li>- To identify a ball to park value added </li>
</ul>
<a href="blog-detail.html" class="theme-btn see-more">See Case Study</a>
</div>
</div>
</div>
<!-- Project Block Two -->
<div class="project-block-two">
<div class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="image">
<a href="blog-detail.html"><img src="https://via.placeholder.com/470x200" alt="" /></a>
</div>
<div class="lower-content">
<h5><a href="blog-detail.html">Higher Education Access Prediction <br> Software</a></h5>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</div>
<ul>
<li>- Capitalize on low hanging fruit</li>
<li>- To identify a ball to park value added </li>
</ul>
<a href="blog-detail.html" class="theme-btn see-more">See Case Study</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Projects Section Three -->
<!-- About Section -->
<section class="about-section style-two">
<div class="pattern-layer paroller" data-paroller-factor="0.20" data-paroller-factor-lg="0.60" data-paroller-type="foreground" data-paroller-direction="horizontal" style="background-image: url(images/background/pattern-10.png)"></div>
<div class="auto-container">
<div class="row clearfix">
<!-- Counter Column -->
<div class="counter-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<div class="fact-counter">
<div class="row clearfix">
<!-- Column -->
<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
<div class="inner wow fadeInLeft" data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="icon-box">
<span class="icon flaticon-career"></span>
</div>
<div class="count-outer count-box">
<span class="count-text" data-speed="3000" data-stop="120">0</span>+
<h4 class="counter-title">Successful Projects</h4>
</div>
</div>
</div>
<!--Column-->
<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
<div class="inner wow fadeInLeft" data-wow-delay="600ms" data-wow-duration="1500ms">
<div class="icon-box">
<span class="icon flaticon-user-5"></span>
</div>
<div class="count-outer count-box">
<span class="count-text" data-speed="2500" data-stop="105">0</span>+
<h4 class="counter-title">Professional Experts</h4>
</div>
</div>
</div>
<!--Column-->
<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
<div class="inner wow fadeInLeft" data-wow-delay="900ms" data-wow-duration="1500ms">
<div class="icon-box">
<span class="icon flaticon-agreement"></span>
</div>
<div class="count-outer count-box">
<span class="count-text" data-speed="3500" data-stop="120">0</span>+
<h4 class="counter-title">Happy Customers</h4>
</div>
</div>
</div>
<!--Column-->
<div class="column counter-column col-lg-6 col-md-6 col-sm-12">
<div class="inner wow fadeInLeft" data-wow-delay="900ms" data-wow-duration="1500ms">
<div class="icon-box">
<span class="icon flaticon-world"></span>
</div>
<div class="count-outer count-box">
<span class="count-text" data-speed="2000" data-stop="40">0</span>+
<h4 class="counter-title">Happy Customers</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Content Column -->
<div class="content-column col-lg-6 col-md-12 col-sm-12">
<div class="inner-column">
<!-- Sec Title -->
<div class="sec-title">
<h2>These Numbers Can Tell You <br> More <span>About Our Services</span></h2>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin ac congue orci.</div>
</div>
<a href="contact.html" class="theme-btn btn-style-four"><span class="txt">Get Started</span></a>
<a href="about.html" class="theme-btn btn-style-five"><span class="txt">Know More</span></a>
</div>
</div>
</div>
</div>
</section>
<!-- End About Section -->
<!-- Main Footer -->
<footer class="main-footer">
<div class="pattern-layer" style="background-image: url(images/background/pattern-4.png)"></div>
<div class="pattern-layer-two" style="background-image: url(images/background/pattern-5.png)"></div>
<div class="auto-container">
<!--Widgets Section-->
<div class="widgets-section">
<div class="row clearfix">
<!-- Footer Column -->
<div class="footer-column col-lg-4 col-md-6 col-sm-12">
<div class="footer-widget contact-widget">
<div class="footer-title">
<h4>Contact us</h4>
</div>
<ul class="contact-list">
<li><span class="icon fa fa-map-o"></span> #206, New York</li>
<li><span class="icon fa fa-phone"></span> <a href="tel:+1-123-456-7890">+1 (123) 456-7890</a></li>
<li><span class="icon fa fa-envelope"></span> <a href="mailto:info@yourcompany.com">info@yourcompany.com</a></li>
<li><span class="icon fa fa-phone-square"></span> <a href="tel:+1-123-456-7890">+1 (123) 456-7890</a></li>
<li><span class="icon fa fa-clock-o"></span> 09.00 am - 05.00 pm</li>
</ul>
</div>
</div>
<!-- Footer Column -->
<div class="footer-column col-lg-3 col-md-6 col-sm-12">
<div class="footer-widget contact-widget">
<div class="footer-title">
<h4>Navigation</h4>
</div>
<ul class="nav-list">
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Team Members</a></li>
<li><a href="#">Blog Left Sidebar</a></li>
<li><a href="#">Blog Right Sidebar</a></li>
</ul>
</div>
</div>
<!-- Footer Column -->
<div class="footer-column col-lg-5 col-md-6 col-sm-12">
<div class="footer-widget news-widget">
<div class="footer-title">
<h4>Latest Blog Posts</h4>
</div>
<!-- Footer Column -->
<div class="widget-content">
<div class="post">
<div class="thumb"><a href="blog-detail.html"><img src="https://via.placeholder.com/76x70" alt=""></a></div>
<h4><a href="blog-detail.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at.</a></h4>
</div>
<div class="post">
<div class="thumb"><a href="blog-detail.html"><img src="https://via.placeholder.com/76x70" alt=""></a></div>
<h4><a href="blog-detail.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
</div>
<div class="post">
<div class="thumb"><a href="blog-detail.html"><img src="https://via.placeholder.com/76x70" alt=""></a></div>
<h4><a href="blog-detail.html">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
</div>
</div>
<ul class="social-box">
<li><a href="#" class="fa fa-facebook"></a></li>
<li><a href="#" class="fa fa-twitter"></a></li>
<li><a href="#" class="fa fa-linkedin"></a></li>
<li><a href="#" class="fa fa-instagram"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="auto-container">
<div class="row clearfix">
<!-- Copyright Column -->
<div class="copyright-column col-lg-6 col-md-12 col-sm-12">
<div class="copyright">&copy; 2020 AuburnForest. All Rights Reserved</div>
</div>
<!-- Language Column -->
<div class="language-column col-lg-6 col-md-12 col-sm-12">
<!--Language-->
<div class="language dropdown"><a class="btn btn-default dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="#">Language: English &nbsp;<span class="icon fa fa-angle-down"></span></a>
<ul class="dropdown-menu style-one" aria-labelledby="dropdownMenu2">
<li><a href="#">English</a></li>
<li><a href="#">German</a></li>
<li><a href="#">Arabic</a></li>
<li><a href="#">Hindi</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- End Main Footer -->
</div>
<!--End pagewrapper-->
<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-circle-up"></span></div>
<!-- Header Search -->
<div class="search-popup">
<button class="close-search style-two"><span class="flaticon-multiply"></span></button>
<button class="close-search"><span class="flaticon-up-arrow"></span></button>
<form method="post" action="blog.html">
<div class="form-group">
<input type="search" name="search-field" value="" placeholder="Search Here" required="">
<button type="submit"><i class="fa fa-search"></i></button>
</div>
</form>
</div>
<!-- End Header Search -->
<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/appear.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/jquery.paroller.min.js"></script>
<script src="js/parallax.min.js"></script>
<script src="js/tilt.jquery.min.js"></script>
<!--Master Slider-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/element-in-view.js"></script>
<script src="js/script.js"></script>
</body>
</html>