mirror of
https://github.com/qdrant/landing_page.git
synced 2026-09-27 15:08:30 +02:00
835 lines
31 KiB
HTML
835 lines
31 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Entropy HTML Template | About Us</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-one">
|
|
|
|
<!-- 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="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 -->
|
|
|
|
<!-- Page Title -->
|
|
<section class="page-title">
|
|
<div class="pattern-layer" style="background-image: url(images/background/pattern-12.png)"></div>
|
|
<div class="auto-container">
|
|
<h1>About Us</h1>
|
|
<ul class="bread-crumb clearfix">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li>About Us</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<!--End Page Title-->
|
|
|
|
<!-- About Text Section -->
|
|
<section class="about-text-section">
|
|
<div class="auto-container">
|
|
<div class="text">Artificial Intelligence is an interdisciplinary major traversing the two departments of Mathematical and Computing Science and Computer Science. Artificial intelligence can be used in a wide range of real-world applications. Through group work with students from various backgrounds such as biomedical.</div>
|
|
</div>
|
|
</section>
|
|
<!-- End About Text Section -->
|
|
|
|
<!-- Optimized Section -->
|
|
<section class="optimized-section">
|
|
<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>Use Machine Learning To Drive <span>Intelligent Optimisation</span></h2>
|
|
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin. Maecenas a imperdiet libero, ac congue orci. Pellentesque et erat id leo tincidunt aliquam eget sit amet purus. Praesent porta augue convallis nibh scelerisque venenatis.</div>
|
|
</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-one"><span class="txt">Estimate Project</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 wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1500ms">
|
|
<div class="image">
|
|
<img src="https://via.placeholder.com/497x584" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Optimized Section -->
|
|
|
|
<!-- Counter Section -->
|
|
<section class="counter-section">
|
|
<div class="auto-container">
|
|
|
|
<div class="fact-counter">
|
|
<div class="row clearfix">
|
|
|
|
<!-- Column -->
|
|
<div class="column counter-column col-lg-3 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-3 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-3 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="37">0</span>+
|
|
<h4 class="counter-title">Countries</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--Column-->
|
|
<div class="column counter-column col-lg-3 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="6000" data-stop="20131">0</span>+
|
|
<h4 class="counter-title">Happy Customers</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
<!-- End Counter Section -->
|
|
|
|
<!-- Magic Section -->
|
|
<section class="magic-section style-two">
|
|
<div class="cross-icon" style="background-image: url(images/icons/cross-icon.png)"></div>
|
|
<div class="auto-container">
|
|
<!-- Sec Title -->
|
|
<div class="sec-title centered">
|
|
<h2>Automation Is Like Magic, Here Is <br> <span>How It Works</span></h2>
|
|
</div>
|
|
<div class="row clearfix">
|
|
|
|
<!-- Block Column -->
|
|
<div class="blocks-column col-lg-5 col-md-12 col-sm-12">
|
|
<div class="inner-column">
|
|
|
|
<!-- Magic Block -->
|
|
<div class="magic-block">
|
|
<div class="inner-box">
|
|
<div class="content">
|
|
<span class="number">1</span>
|
|
<h5>Data Records</h5>
|
|
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Magic Block -->
|
|
<div class="magic-block style-two">
|
|
<div class="inner-box">
|
|
<div class="content">
|
|
<span class="number">2</span>
|
|
<h5>Data Records</h5>
|
|
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Magic Block -->
|
|
<div class="magic-block">
|
|
<div class="inner-box">
|
|
<div class="content">
|
|
<span class="number">3</span>
|
|
<h5>AI Algorithm</h5>
|
|
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Magic Block -->
|
|
<div class="magic-block style-two">
|
|
<div class="inner-box">
|
|
<div class="content">
|
|
<span class="number">4</span>
|
|
<h5>Outage Prediction</h5>
|
|
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Image Column -->
|
|
<div class="image-column col-lg-7 col-md-12 col-sm-12">
|
|
<div class="inner-column parallax-scene-3">
|
|
<div data-depth="0.30" class="image parallax-layer">
|
|
<img src="https://via.placeholder.com/814x652" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Magic Section -->
|
|
|
|
<!-- Science Section Two -->
|
|
<section class="science-section-two">
|
|
<div class="pattern-layer" style="background-image: url(images/background/pattern-2.png)"></div>
|
|
<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 data-depth="0.30" class="image parallax-layer">
|
|
<img src="https://via.placeholder.com/599x372" 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 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. Maecenas a imperdiet libero, ac congue orci. Pellentesque et erat id leo tincidunt aliquam eget sit amet purus. Praesent porta augue convallis nibh scelerisque venenatis.</div>
|
|
</div>
|
|
<a href="services.html" class="theme-btn btn-style-three"><span class="txt">Get Started</span></a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Science Section Two -->
|
|
|
|
<!-- Projects Section -->
|
|
<section class="projects-section style-two">
|
|
<div class="auto-container">
|
|
<!-- Sec Title -->
|
|
<div class="sec-title centered">
|
|
<h2>Our Latest <span>Projects</span></h2>
|
|
</div>
|
|
|
|
<!-- Product Info Tabs -->
|
|
<div class="projects-info-tabs">
|
|
<!-- Project Tabs -->
|
|
<div class="project-tabs tabs-box">
|
|
|
|
<!--Tab Btns-->
|
|
<ul class="tab-btns tab-buttons clearfix">
|
|
<li data-tab="#prod-diabetes" class="tab-btn active-btn">
|
|
<span class="border-one"></span>
|
|
<span class="border-two"></span>
|
|
<span class="icon flaticon-machine-learning"></span>
|
|
Diabetes Prediction <br> Using Data Mining
|
|
</li>
|
|
<li data-tab="#prod-sales" class="tab-btn">
|
|
<span class="border-one"></span>
|
|
<span class="border-two"></span>
|
|
<span class="icon flaticon-vr"></span>
|
|
Data Mining for Sales Prediction <br> in Tourism Industry
|
|
</li>
|
|
<li data-tab="#prod-education" class="tab-btn">
|
|
<span class="border-one"></span>
|
|
<span class="border-two"></span>
|
|
<span class="icon flaticon-data-1"></span>
|
|
Higher Education Access <br> Prediction Software
|
|
</li>
|
|
</ul>
|
|
|
|
<!--Tabs Container-->
|
|
<div class="tabs-content">
|
|
|
|
<!--Tab / Active Tab-->
|
|
<div class="tab active-tab" id="prod-diabetes">
|
|
<div class="content">
|
|
<div class="clearfix">
|
|
|
|
<!-- Content Column -->
|
|
<div class="content-column col-lg-4 col-md-12 col-sm-12">
|
|
<div class="inner-column">
|
|
<h5>Diabetes Prediction Using Data Mining </h5>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</p>
|
|
<ul>
|
|
<li>- Capitalize on low hanging fruit</li>
|
|
<li>- To identify a ball to park value added</li>
|
|
<li>- Activity to beta test Overri dens </li>
|
|
</ul>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
|
<a href="blog-detail.html" class="learn">Learn more</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Image Column -->
|
|
<div class="image-column col-lg-8 col-md-12 col-sm-12">
|
|
<div class="inner-column">
|
|
<div class="image">
|
|
<a href="https://via.placeholder.com/700x580" data-fancybox="project" data-caption=""><img src="https://via.placeholder.com/700x580" alt="" /></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tab -->
|
|
<div class="tab" id="prod-sales">
|
|
<div class="content">
|
|
<div class="clearfix">
|
|
|
|
<!-- Content Column -->
|
|
<div class="content-column col-lg-4 col-md-12 col-sm-12">
|
|
<div class="inner-column">
|
|
<h5>Data Mining for Sales Prediction in Tourism Industry</h5>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</p>
|
|
<ul>
|
|
<li>- Capitalize on low hanging fruit</li>
|
|
<li>- To identify a ball to park value added</li>
|
|
<li>- Activity to beta test Overri dens </li>
|
|
</ul>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
|
<a href="blog-detail.html" class="learn">Learn more</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Image Column -->
|
|
<div class="image-column col-lg-8 col-md-12 col-sm-12">
|
|
<div class="inner-column">
|
|
<div class="image">
|
|
<a href="https://via.placeholder.com/700x580" data-fancybox="project" data-caption=""><img src="https://via.placeholder.com/700x580" alt="" /></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tab -->
|
|
<div class="tab" id="prod-education">
|
|
<div class="content">
|
|
<div class="clearfix">
|
|
|
|
<!-- Content Column -->
|
|
<div class="content-column col-lg-4 col-md-12 col-sm-12">
|
|
<div class="inner-column">
|
|
<h5>Higher Education Access Prediction Software</h5>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</p>
|
|
<ul>
|
|
<li>- Capitalize on low hanging fruit</li>
|
|
<li>- To identify a ball to park value added</li>
|
|
<li>- Activity to beta test Overri dens </li>
|
|
</ul>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
|
|
<a href="blog-detail.html" class="learn">Learn more</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Image Column -->
|
|
<div class="image-column col-lg-8 col-md-12 col-sm-12">
|
|
<div class="inner-column">
|
|
<div class="image">
|
|
<a href="https://via.placeholder.com/700x580" data-fancybox="project" data-caption=""><img src="https://via.placeholder.com/700x580" alt="" /></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
<!-- End Projects Section -->
|
|
|
|
<!-- Team Section -->
|
|
<section class="team-section">
|
|
<div class="pattern-layer" style="background-image: url(images/background/pattern-13.png)"></div>
|
|
<div class="auto-container">
|
|
<div class="row clearfix">
|
|
|
|
<!-- Title Column -->
|
|
<div class="title-column col-lg-5 col-md-12 col-sm-12">
|
|
<div class="inner-column">
|
|
<!-- Sec Title -->
|
|
<div class="sec-title">
|
|
<h2>Meet Our Expert <br><span>Team</span></h2>
|
|
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus at mauris eu sollicitudin.</div>
|
|
</div>
|
|
<a href="services.html" class="theme-btn btn-style-three"><span class="txt">Meet All</span></a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Blocks Column -->
|
|
<div class="blocks-column col-lg-7 col-md-12 col-sm-12">
|
|
<div class="inner-column">
|
|
|
|
<div class="three-item-carousel owl-carousel owl-theme">
|
|
|
|
<!-- Team Block -->
|
|
<div class="team-block">
|
|
<div class="inner-box">
|
|
<div class="image">
|
|
<img src="https://via.placeholder.com/330x350" alt=""/>
|
|
<div class="overlay-box">
|
|
<div class="overlay-inner">
|
|
<ul class="team-social-box">
|
|
<li class="facebook"><a href="#" class="fa fa-facebook-f"></a><span class="social-name">facebook</span></li>
|
|
<li class="twitter"><a href="#" class="fa fa-twitter"></a><span class="social-name">twitter</span></li>
|
|
<li class="linkedin"><a href="#" class="fa fa-linkedin"></a><span class="social-name">linkedin</span></li>
|
|
<li class="instagram"><a href="#" class="fa fa-instagram"></a><span class="social-name">Instagram</span></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Member Content -->
|
|
<div class="member-content">
|
|
<h4><a href="team.html">Mr. David</a></h4>
|
|
<p class="designation">Chief Executive</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Team Block -->
|
|
<div class="team-block">
|
|
<div class="inner-box">
|
|
<div class="image">
|
|
<img src="https://via.placeholder.com/330x350" alt=""/>
|
|
<div class="overlay-box">
|
|
<div class="overlay-inner">
|
|
<ul class="team-social-box">
|
|
<li class="facebook"><a href="#" class="fa fa-facebook-f"></a><span class="social-name">facebook</span></li>
|
|
<li class="twitter"><a href="#" class="fa fa-twitter"></a><span class="social-name">twitter</span></li>
|
|
<li class="linkedin"><a href="#" class="fa fa-linkedin"></a><span class="social-name">linkedin</span></li>
|
|
<li class="instagram"><a href="#" class="fa fa-instagram"></a><span class="social-name">Instagram</span></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Member Content -->
|
|
<div class="member-content">
|
|
<h4><a href="team.html">Mr. David</a></h4>
|
|
<p class="designation">Chief Executive</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Team Block -->
|
|
<div class="team-block">
|
|
<div class="inner-box">
|
|
<div class="image">
|
|
<img src="https://via.placeholder.com/330x350" alt=""/>
|
|
<div class="overlay-box">
|
|
<div class="overlay-inner">
|
|
<ul class="team-social-box">
|
|
<li class="facebook"><a href="#" class="fa fa-facebook-f"></a><span class="social-name">facebook</span></li>
|
|
<li class="twitter"><a href="#" class="fa fa-twitter"></a><span class="social-name">twitter</span></li>
|
|
<li class="linkedin"><a href="#" class="fa fa-linkedin"></a><span class="social-name">linkedin</span></li>
|
|
<li class="instagram"><a href="#" class="fa fa-instagram"></a><span class="social-name">Instagram</span></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Member Content -->
|
|
<div class="member-content">
|
|
<h4><a href="team.html">Mr. David</a></h4>
|
|
<p class="designation">Chief Executive</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Team Section -->
|
|
|
|
<!-- Call To Action Section -->
|
|
<section class="call-to-action-section">
|
|
<div class="auto-container">
|
|
<div class="inner-container">
|
|
<div class="row clearfix">
|
|
|
|
<!-- Title Column -->
|
|
<div class="title-column col-lg-7 col-sm-12 col-sm-12">
|
|
<div class="inner-column">
|
|
<!-- Sec Title -->
|
|
<div class="sec-title">
|
|
<h2>Ready To <span>Get Started</span></h2>
|
|
<div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br> Morbi finibus at mauris eu sollicitudin.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Email Column -->
|
|
<div class="email-column col-lg-5 col-sm-12 col-sm-12">
|
|
<div class="inner-column">
|
|
<!-- 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-one"><span class="txt">Estimate Project</span></button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Call To Action 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">© 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 <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>
|
|
|
|
</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/script.js"></script>
|
|
|
|
</body>
|
|
</html> |