<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home</title>
<!--======== All Stylesheet =========-->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/linearicons.css" rel="stylesheet">
<!--=== plugins ===-->
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.css" rel="stylesheet">
<!--=== end plugins ===-->
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".nav-top">
<!--======== header =========-->
<header id="home" data-spy="scroll" data-target="#top-nav">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<!-- menu 4 -->
<div class="navbar navbar-default navbar-fixed-top default-menu menu-4" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu-4" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand default-logo scroll" href="#home"><i class="fa fa-compass"></i>Extract</a>
</div>
<div class="collapse navbar-collapse top-nav" id="menu-4">
<ul class="nav navbar-nav navbar-right">
<li><a class="scroll" href="#service">Service</a></li>
<li><a class="scroll" href="#work">Work</a></li>
<li><a class="scroll" href="#genius">Genius</a></li>
<li><a class="scroll" href="#testimonial">Testimonial</a></li>
<li><a class="scroll" href="#contact">Contact</a></li>
<li><button type="button" class="btn btn-default navbar-btn">Download</button></li>
</ul>
</div>
</div>
</div><!-- end menu -->
</div>
</div>
</header>
<!--======== end header =========-->
<!--======== intro =========-->
<section class="intro">
<div class="row">
<div class="col-md-6 col-md-offset-3 col-sm-12 col-xs-12 text-center">
<div class="intro-content">
<h1>Creativity Has no Boundaries</h1>
<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit agrel. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
<a class="btn btn-default" href="#" role="button">Read More <i class="lnr lnr-chevron-right"></i></a></i></a>
<a class="btn btn-primary" href="#" role="button">Download <i class="lnr lnr-chevron-right"></i></a></i></a>
<div><i class="fa fa-caret-down"></i></div>
</div>
</div>
</div>
</section>
<!--======== end intro =========-->
<!--======== our sponsors =========-->
<section class="our-sponsors">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="sponsors">
<div class="single-slide text-center"><img src="images/converse.png" alt="#"/></div>
<div class="single-slide text-center"><img src="images/google.png" alt="#"/></div>
<div class="single-slide text-center"><img src="images/instagram.png" alt="#"/></div>
<div class="single-slide text-center"><img src="images/microsoft.png" alt="#"/></div>
<div class="single-slide text-center"><img src="images/converse.png" alt="#"/></div>
<div class="single-slide text-center"><img src="images/google.png" alt="#"/></div>
<div class="single-slide text-center"><img src="images/instagram.png" alt="#"/></div>
<div class="single-slide text-center"><img src="images/microsoft.png" alt="#"/></div>
<div class="single-slide text-center"><img src="images/converse.png" alt="#"/></div>
<div class="single-slide text-center"><img src="images/google.png" alt="#"/></div>
<div class="single-slide text-center"><img src="images/instagram.png" alt="#"/></div>
<div class="single-slide text-center"><img src="images/microsoft.png" alt="#"/></div>
</div>
</div>
</div>
</div>
</section>
<!--======== end recent evnt =========-->
<!--======== Our Services =========-->
<section id="service" class="what-we-do">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<h2 class="section-title">Our Services</h2>
<div class="border"><span class="border-l-r"><i class="fa fa-caret-down"></i></span></div>
<p class="section-para">Lorem ipsum dolor sit amet, consectetuer adiping elit agrel. Donec odio.
Quisque volutpat mattis eros. Nullam malesuada urna nibh viverra non.</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="do-box">
<i class="lnr lnr-inbox"></i>
<h3>Wordpress</h3>
<p>Lorem Ipsum adalah text contoh dikan didalam industri pencet typesetting. Apabila pencetak yang
kurang terkenal mengambil sebuah galeri cetak dan merobak.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="do-box">
<i class="lnr lnr-cog"></i>
<h3>Bootstrap</h3>
<p>Lorem Ipsum adalah text contoh dikan didalam industri pencet typesetting. Apabila pencetak yang
kurang terkenal mengambil sebuah galeri cetak dan merobak.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="do-box">
<i class="lnr lnr-leaf"></i>
<h3>Joomla</h3>
<p>Lorem Ipsum adalah text contoh dikan didalam industri pencet typesetting. Apabila pencetak yang
kurang terkenal mengambil sebuah galeri cetak dan merobak.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="do-box">
<i class="lnr lnr-leaf"></i>
<h3>Magento</h3>
<p>Lorem Ipsum adalah text contoh dikan didalam industri pencet typesetting. Apabila pencetak yang
kurang terkenal mengambil sebuah galeri cetak dan merobak.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--======== end Our Services =========-->
<!--======== about us =========-->
<section id="about-us" class="about-us">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-xs-12 p-l-r-0">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src=""></iframe>
</div>
</div>
<div class="col-md-6 col-xs-12">
<div class="about-content">
<h2 class="section-title">About Us Lorem ipsum dolor sit amet reprehenderit, enim eiusmod high</h2>
<p>Lorem ipsum dolor sit amet reprehenderit, enim eiusmod high life
accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard
dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Haccusamus terry richardson ad squid. pwolf moon
officia aute, non cupidatat skateboard.</p>
<p>Lorem ipsum dolor sit amet reprehenderit, enim eiusmod high life
accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard
dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Haccusamus terry richardson ad squid. pwolf moon
officia aute, non cupidatat skateboard.</p>
</div>
</div>
</div>
</div>
</section>
<!--======== end about us =========-->
<!--======== Our Work =========-->
<section id="work" class="our-service work">
<div class="ccontainer">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<h2 class="section-title">Our Work</h2>
<div class="border"><span class="border-l-r"><i class="fa fa-caret-down"></i></span><