View file capatel/index-2.html
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Capatel - Solar Energy HTML Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<!-- Place favicon.ico in the root directory -->
<!-- CSS here -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="fontawesome/css/all.min.css">
<link rel="stylesheet" href="font-flaticon/flaticon.css">
<link rel="stylesheet" href="css/dripicons.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/meanmenu.css">
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!-- header -->
<header class="header-area">
<div class="header-top second-header d-none d-md-block">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-8 d-none d-md-block">
<div class="header-cta">
<ul>
<li>
<i class="fas fa-envelope"></i>
<span>info@example.com</span>
</li>
<li>
<i class="far fa-map-marker-alt"></i>
<span>12/7 Aabot, Poor Street, Mumbai</span>
</li>
</ul>
</div>
</div>
<div class="col-lg-6 col-md-6 d-none d-lg-block">
<div class="header-social text-right">
<span>
<a href="#" title="Facebook"><i class="fab fa-facebook"></i></a>
<a href="#" title="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" title="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</span>
<!-- /social media icon redux -->
</div>
</div>
</div>
</div>
</div>
<div id="header-sticky" class="menu-area">
<div class="container">
<div class="second-menu">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-2">
<div class="logo">
<a href="index.html"><img src="img/logo/logo.png" alt="logo"></a>
</div>
</div>
<div class="col-xl-7 col-lg-7">
<div class="main-menu text-right text-xl-right">
<nav id="mobile-menu">
<ul>
<li class="has-sub">
<a href="index.html">Home</a>
<ul>
<li><a href="index.html">Home Page 01</a></li>
<li><a href="index-2.html">Home Page 02</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li class="has-sub"><a href="#">Pages</a>
<ul>
<li><a href="projects.html">Project</a></li>
<li><a href="projects-detail.html">Project Details</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a>
</li></ul>
</li>
<li class="has-sub">
<a href="services.html">Services</a>
<ul>
<li><a href="services.html">Services</a></li>
<li><a href="services-detail.html">Services Details</a></li>
</ul>
</li>
<li class="has-sub">
<a href="blog.html">Blog</a>
<ul>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-1 col-lg-1 text-center d-none d-lg-block mt-15 mb-15">
<a href="contact.html" class="menu-tigger"><i class="fal fa-search"></i></a>
</div>
<div class="col-xl-2 col-lg-2 text-right d-none d-lg-block mt-15 mb-15">
<a href="contact.html" class="btn ss-btn">Get A Quote</a>
</div>
<div class="col-12">
<div class="mobile-menu"></div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header-end -->
<!-- offcanvas-area -->
<div class="offcanvas-menu">
<span class="menu-close"><i class="fas fa-times"></i></span>
<form role="search" method="get" id="searchform" class="searchform" action="http://wordpress.zcube.in/xconsulta/">
<input type="text" name="s" id="search" value="" placeholder="Search" />
<button><i class="fa fa-search"></i></button>
</form>
<div id="cssmenu3" class="menu-one-page-menu-container">
<ul id="menu-one-page-menu-2" class="menu">
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="index.html">Home</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="about.html">About Us</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="services.html">Services</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="pricing.html">Pricing </a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="team.html">Team </a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="projects.html">Gallery Study</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="blog.html">Blog</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="cssmenu2" class="menu-one-page-menu-container">
<ul id="menu-one-page-menu-1" class="menu">
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="#home"><span>+8 12 3456897</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="#howitwork"><span>info@example.com</span></a></li>
</ul>
</div>
</div>
<div class="offcanvas-overly"></div>
<!-- offcanvas-end -->
<!-- main-area -->
<main>
<!-- slider-area -->
<section id="home" class="slider-area slider-four fix p-relative">
<div class="slider-active">
<div class="single-slider slider-bg slider-bg2 d-flex align-items-center" style="background: url(img/slider/slider_img02.jpg) no-repeat;background-size: cover; background-position: center top;">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 col-md-12">
<div class="slider-content s-slider-content text2 text-center">
<h5 data-animation="fadeInDown" data-delay=".4s">WELCOME </h5>
<h2 data-animation="fadeInUp" data-delay=".4s">We Are The Best Solar <br>Energy Source</h2>
<p data-animation="fadeInUp" data-delay=".6s">Vivamus mattis ipsum vitae imperdiet eleifend. Nunc scelerisque feugiat turpis, et tempor tellus porta vitae. Aenean hendrerit, libero sed viverra auctor, est tortor pulvinar sem, non luctus ante quam quis urna.</p>
<div class="slider-btn mt-30">
<a href="services.html" class="btn ss-btn mr-15">Read More</a>
<a href="contact.html" class="btn ss-btn active" data-animation="fadeInRight" data-delay=".8s" tabindex="0">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="single-slider slider-bg slider-bg2 d-flex align-items-center" style="background: url(img/slider/slider_img01.jpg) no-repeat;background-size: cover; background-position: center top;">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 col-md-12">
<div class="slider-content s-slider-content text2 text-center">
<h5 data-animation="fadeInDown" data-delay=".4s">WELCOME </h5>
<h2 data-animation="fadeInUp" data-delay=".4s">We Are The Best Solar <br>Energy Source</h2>
<p data-animation="fadeInUp" data-delay=".6s">Vivamus mattis ipsum vitae imperdiet eleifend. Nunc scelerisque feugiat turpis, et tempor tellus porta vitae. Aenean hendrerit, libero sed viverra auctor, est tortor pulvinar sem, non luctus ante quam quis urna.</p>
<div class="slider-btn mt-30">
<a href="services.html" class="btn ss-btn mr-15">Read More</a>
<a href="contact.html" class="btn ss-btn active" data-animation="fadeInRight" data-delay=".8s" tabindex="0">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- slider-area-end -->
<!-- about-area -->
<section id="about" class="about-area about-p pt-120 pb-130 p-relative" style="background: url(img/bg/aliment-right.png) no-repeat; background-position: right center;">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="s-about-img p-relative" >
<img src="img/features/about_img.png" alt="img">
</div>
<div class="about-text second-about">
<span>50 </span>
Years of Experience
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="about-content s-about-content pl-30">
<div class="about-title second-title pb-25">
<h5>ABOUT US</h5>
<h2>What’s Our Resources Story</h2>
</div>
<p>Praesent fringilla lorem tincidunt, commodo erat sit amet, eleifend neque. Etiam nec vestibulum turpis, quis tempus elit. Sed tempus elit porttitor odio gravida, sed maximus turpis mattis. Vivamus at urna ut libero ornare congue.</p>
<ul class="progress-outer mt-30">
<li>
<div class="progress-box">
<div class="progress blue">
<span class="progress-left">
<span class="progress-bar"></span>
</span>
<span class="progress-right">
<span class="progress-bar"></span>
</span>
<div class="progress-value">20MI</div>
</div>
<h4>Project Done</h4>
</div>
</li>
<li>
<div class="progress-box">
<div class="progress blue">
<span class="progress-left">
<span class="progress-bar"></span>
</span>
<span class="progress-right">
<span class="progress-bar"></span>
</span>
<div class="progress-value">30MI</div>
</div>
<h4>Wrokers work</h4>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- about-area-end -->
<!-- services-three-area -->
<section id="services-08" class="services-08 pb-120 p-relative" style="background: url(img/bg/aliment-left.png) no-repeat; background-position: left center;">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title center-align mb-50 text-center">
<h5>OUR SERVICES</h5>
<h2>
What We Offer
</h2>
</div>
</div>
</div>
<div class="row services-08-item--wrapper mt-0">
<div class="col-lg-4 col-md-4">
<div class="services-08-item">
<div class="services-08-thumb">
<i class="flaticon flaticon-customer-support"></i>
</div>
<div class="services-08-content">
<h3><a href="services-detail.html"> Technical Services</a> </h3>
<p>Donec vestibulum arcu a arcu scelerisque, quis dignissim turpis semper onec tortor mi, volutpat a iaculis sit amet.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="services-08-item">
<div class="services-08-thumb">
<i class="flaticon flaticon-solar-panel"></i>
</div>
<div class="services-08-content">
<h3><a href="services-detail.html"> Energy Panels</a></h3>
<p>Donec vestibulum arcu a arcu scelerisque, quis dignissim turpis semper onec tortor mi, volutpat a iaculis sit amet.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="services-08-item">
<div class="services-08-thumb">
<i class="flaticon flaticon-wind-energy"></i>
</div>
<div class="services-08-content">
<h3><a href="services-detail.html">Wind Generators</a></h3>
<p>Donec vestibulum arcu a arcu scelerisque, quis dignissim turpis semper onec tortor mi, volutpat a iaculis sit amet.</p>
</div>
</div>
</div>
</div>
<div class="row services-08-item--wrapper mt-0">
<div class="col-lg-4 col-md-4">
<div class="services-08-item">
<div class="services-08-thumb">
<i class="flaticon flaticon-eco-home"></i>
</div>
<div class="services-08-content">
<h3><a href="services-detail.html">Solar As A Service</a></h3>
<p>Donec vestibulum arcu a arcu scelerisque, quis dignissim turpis semper onec tortor mi, volutpat a iaculis sit amet.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="services-08-item">
<div class="services-08-thumb">
<i class="flaticon flaticon-charging-station"></i>
</div>
<div class="services-08-content">
<h3><a href="services-detail.html"> Solar PV Systems</a></h3>
<p>Donec vestibulum arcu a arcu scelerisque, quis dignissim turpis semper onec tortor mi, volutpat a iaculis sit amet.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="services-08-item">
<div class="services-08-thumb">
<i class="flaticon flaticon-clipboard"></i>
</div>
<div class="services-08-content">
<h3><a href="services-detail.html">Inspection Checklist</a></h3>
<p>Donec vestibulum arcu a arcu scelerisque, quis dignissim turpis semper onec tortor mi, volutpat a iaculis sit amet.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- services-three-area -->
<!-- counter-area -->
<div class="counter-area p-relative pt-80 pb-80" style="background: url(img/bg/counter-bg.png) repeat-x;">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="section-title">
<h5>COUNTER</h5>
<h2>
Fun Facts
</h2>
</div>
</div>
<div class="col-lg-8 col-md-12 col-sm-12">
<div class="row text-center">
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="single-counter wow fadeInUp animated" data-animation="fadeInDown animated" data-delay=".2s">
<div class="icon">
<img src="img/icon/cn-iocn01.png" alt="img">
</div>
<div class="counter p-relative">
<span class="count">784</span>
<p>Happy Clients</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="single-counter wow fadeInUp animated" data-animation="fadeInDown animated" data-delay=".2s">
<div class="icon">
<img src="img/icon/cn-iocn02.png" alt="img">
</div>
<div class="counter p-relative">
<span class="count">987</span>
<p>Happy Clients</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="single-counter wow fadeInUp animated" data-animation="fadeInDown animated" data-delay=".2s">
<div class="icon">
<img src="img/icon/cn-iocn03.png" alt="img">
</div>
<div class="counter p-relative">
<span class="count">974</span>
<p>Employees</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="single-counter wow fadeInUp animated" data-animation="fadeInDown animated" data-delay=".2s">
<div class="icon">
<img src="img/icon/cn-iocn04.png" alt="img">
</div>
<div class="counter p-relative">
<span class="count">687</span>
<p>Annual Turnover</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- counter-area-end -->
<!-- gallery-area -->
<section id="work" class="pt-40 pb-70" style="background: url(img/bg/aliment-right2.png) no-repeat; background-position: right center;">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title center-align mb-50 text-center">
<h5>PROJECTS DONE</h5>
<h2>
Our Portfolio
</h2>
</div>
</div>
</div>
<div class="portfolio ">
<div class="row align-items-center mb-50 text-center">
<div class="col-lg-12">
<div class="my-masonry">
<div class="button-group filter-button-group ">
<button class="active" data-filter="*">All Projects</button>
<button data-filter=".seo">Solar Energy</button>
<button data-filter=".marketing">Wind Energy</button>
<button data-filter=".website">Hydropower Plants</button>
</div>
</div>
</div>
</div>
<div class="grid col3">
<div class="grid-item website">
<a href="projects-detail.html">
<figure class="gallery-image">
<img src="img/gallery/protfolio-img01.png" alt="img" class="img">
<figcaption>
<h4>Hydropower 01</h4>
</figcaption>
</figure>
</a>
</div>
<div class="grid-item seo">
<a href="projects-detail.html">
<figure class="gallery-image">
<img src="img/gallery/protfolio-img02.png" alt="img" class="img">
<figcaption>
<h4>Solar Energy 01</h4>
</figcaption>
</figure>
</a>
</div>
<div class="grid-item marketing smm">
<a href="projects-detail.html">
<figure class="gallery-image">
<img src="img/gallery/protfolio-img03.png" alt="img" class="img">
<figcaption>
<h4>Wind Energy01</h4>
</figcaption>
</figure>
</a>
</div>
<div class="grid-item website">
<a href="projects-detail.html">
<figure class="gallery-image">
<img src="img/gallery/protfolio-img04.png" alt="img" class="img">
<figcaption>
<h4>Hydropower 02</h4>
</figcaption>
</figure>
</a>
</div>
<div class="grid-item seo smm">
<a href="projects-detail.html">
<figure class="gallery-image">
<img src="img/gallery/protfolio-img05.png" alt="img" class="img">
<figcaption>
<h4>Solar Energy 02</h4>
</figcaption>
</figure>
</a>
</div>
<div class="grid-item marketing">
<a href="projects-detail.html">
<figure class="gallery-image">
<img src="img/gallery/protfolio-img06.png" alt="img" class="img">
<figcaption>
<h4>Wind Energy02</h4>
</figcaption>
</figure>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- gallery-area-end -->
<!-- pricing-area -->
<section id="pricing" class="pricing-area pb-60" style="background: url(img/bg/aliment-left.png) no-repeat; background-position: left center;">
<div class="container">
<div class="row">
<div class="col-lg-12 p-relative">
<div class="section-title center-align mb-30 text-center">
<h5>PRICING PLAN</h5>
<h2>
Choose Your Plan
</h2>
</div>
<nav class="pricing-tab mb-30">
<span class="monthly_tab_title">Monthly</span>
<span class="pricing-tab-switcher"></span>
<span class="annual_tab_title">Annual</span>
</nav>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="pricing-box pricing-box2 mb-60">
<div class="pricing-head text-center">
<h3>Starter</h3>
<div class="price-count pricing-amount">
<div class="monthly_price">
<h2>$9</h2>
<span class="subscription"> Per Month </span>
</div>
<div class="annual_price">
<h2>$99</h2>
<span class="subscription"> Per Annual </span>
</div>
</div>
<p>Nulla scelerisque elit aliquet, <br>volutpat lorem ac.</p>
<hr>
</div>
<div class="pricing-body mt-20 mb-30">
<ul>
<li>Pack Of 5 Bottles</li>
<li>Free Delivery Service</li>
<li>Free Water Fillter Cleaning</li>
<li>Re-Water Filling Service</li>
<li>24X7 Support</li>
</ul>
</div>
<div class="pricing-btn text-center">
<a href="shop-details.html" class="btn ss-btn">Gets Started</a>
<p>*Free Trial 14 Days</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="pricing-box pricing-box2 active mb-60">
<div class="pricing-head text-center">
<h3>Professional</h3>
<div class="price-count pricing-amount">
<div class="monthly_price">
<h2>$18</h2>
<span class="subscription"> Per Month </span>
</div>
<div class="annual_price">
<h2>$120</h2>
<span class="subscription"> Per Annual </span>
</div>
</div>
<p>Nulla scelerisque elit aliquet, <br>volutpat lorem ac.</p>
<hr>
</div>
<div class="pricing-body mt-20 mb-30">
<ul>
<li>Pack Of 5 Bottles</li>
<li>Free Delivery Service</li>
<li>Free Water Fillter Cleaning</li>
<li>Re-Water Filling Service</li>
<li>24X7 Support</li>
</ul>
</div>
<div class="pricing-btn text-center">
<a href="shop-details.html" class="btn ss-btn">Gets Started</a>
<p>*Free Trial 14 Days</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="pricing-box pricing-box2 mb-60">
<div class="pricing-head text-center">
<h3>Enterprise</h3>
<div class="price-count pricing-amount">
<div class="monthly_price">
<h2>$49</h2>
<span class="subscription"> Per Month </span>
</div>
<div class="annual_price">
<h2>$399</h2>
<span class="subscription"> Per Annual </span>
</div>
</div>
<p>Nulla scelerisque elit aliquet, <br>volutpat lorem ac.</p>
<hr>
</div>
<div class="pricing-body mt-20 mb-30 ">
<ul>
<li>Pack Of 5 Bottles</li>
<li>Free Delivery Service</li>
<li>Free Water Fillter Cleaning</li>
<li>Re-Water Filling Service</li>
<li>24X7 Support</li>
</ul>
</div>
<div class="pricing-btn text-center">
<a href="shop-details.html" class="btn ss-btn">Gets Started</a>
<p>*Free Trial 14 Days</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- pricing-area-end -->
<!-- video-area -->
<section id="video" class="video-area about-p p-relative" style="background-color: #010f2e;">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="s-video-wrap" style="background-image:url(img/bg/video-img.png)">
<div class="s-video-content">
<a href="https://www.youtube.com/watch?v=7e90gBu4pas" class="popup-video mb-50"><img src="img/bg/play-button.png" alt="circle_right"></a>
</div>
</div>
</div>
<div class="col-lg-6 p-relative pl-70">
<div class="section-title">
<H5>WORK FLOW</H5>
<h2>
How We Work
</h2>
</div>
<div class="row how-box-contaniner">
<div class="col-lg-6 mt-30">
<div class="how-box">
<h5>01</h5>
<h3>Peak Shaving</h3>
<p>Nullam porttitorer, condimentum pharetra, tellus sapien malesuada quampulvinar efficitur justo.</p>
</div>
</div>
<div class="col-lg-6 mt-30">
<div class="how-box">
<h5>02</h5>
<h3>Demand Response</h3>
<p>Nullam porttitorer, condimentum pharetra, tellus sapien malesuada quampulvinar efficitur justo.</p>
</div>
</div>
<div class="col-lg-6 mt-30">
<div class="how-box">
<h5>03</h5>
<h3>Load Shifting</h3>
<p>Nullam porttitorer, condimentum pharetra, tellus sapien malesuada quampulvinar efficitur justo.</p>
</div>
</div>
<div class="col-lg-6 mt-30">
<div class="how-box">
<h5>04</h5>
<h3>Renewable</h3>
<p>Nullam porttitorer, condimentum pharetra, tellus sapien malesuada quampulvinar efficitur justo.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- video-area-end -->
<!-- team-area -->
<section id="team" class="team-area2 pt-120 pb-100" style="background: url(img/bg/aliment-right3.png) no-repeat; background-position: right center;">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12 col-md-12">
<div class="section-title mb-50 text-center">
<h5>OUR TEAM</h5>
<h2>Our Working Expertise</h2>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="single-team mb-30 ">
<div class="team-thumb">
<div class="brd">
<img src="img/team/team_img01.png" alt="img">
</div>
<div class="social align-items-center">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-behance"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="team-info">
<h4><a href="team-details.html">Nashid Martin</a></h4>
<span>Founder</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single-team mb-30 ">
<div class="team-thumb">
<div class="brd">
<img src="img/team/team_img02.png" alt="img">
</div>
<div class="social align-items-center">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-behance"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="team-info">
<h4><a href="team-details.html">Konne Backfi</a></h4>
<span>CEO</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single-team mb-30 ">
<div class="team-thumb">
<div class="brd">
<img src="img/team/team_img03.png" alt="img">
</div>
<div class="social align-items-center">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-behance"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="team-info">
<h4><a href="team-details.html">Hackson Willi</a></h4>
<span>Developer</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single-team mb-30 ">
<div class="team-thumb">
<div class="brd">
<img src="img/team/team_img04.png" alt="img">
</div>
<div class="social align-items-center">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-behance"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="team-info">
<h4><a href="team-details.html">Dekhina Pike</a></h4>
<span>Founder</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- team-area-end -->
<!-- testimonial-area -->
<section class="testimonial-area pb-90" style="background: url(img/bg/aliment-left2.png) no-repeat; background-position: left center;">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title center-align mb-35 text-center">
<h5> Feedback </h5>
<h2>
Our Testimonials
</h2>
</div>
</div>
<div class="col-lg-12">
<div class="testimonial-active">
<div class="single-testimonial">
<p>Praesent nec elit imperdiet, tincidunt ex at, malesuada lectus. Praesent cursus diam risus, non accumsan neque fermentum eget. Maecenas vel aliquam enim aliquam aliquet finibus nisl.</p>
<div class="testi-author">
<img src="img/testimonial/testi_avatar.png" alt="img">
<div class="ta-info">
<h6>Margie R. Robinson</h6>
<span>Web Developer</span>
</div>
</div>
<div class="qt-img">
<img src="img/testimonial/qt-icon.png" alt="img">
</div>
</div>
<div class="single-testimonial">
<p>Praesent nec elit imperdiet, tincidunt ex at, malesuada lectus. Praesent cursus diam risus, non accumsan neque fermentum eget. Maecenas vel aliquam enim aliquam aliquet finibus nisl.</p>
<div class="testi-author">
<img src="img/testimonial/testi_avatar.png" alt="img">
<div class="ta-info">
<h6>Margie R. Robinson</h6>
<span>Web Developer</span>
</div>
</div>
<div class="qt-img">
<img src="img/testimonial/qt-icon.png" alt="img">
</div>
</div>
<div class="single-testimonial">
<p>Praesent nec elit imperdiet, tincidunt ex at, malesuada lectus. Praesent cursus diam risus, non accumsan neque fermentum eget. Maecenas vel aliquam enim aliquam aliquet finibus nisl.</p>
<div class="testi-author">
<img src="img/testimonial/testi_avatar.png" alt="img">
<div class="ta-info">
<h6>Margie R. Robinson</h6>
<span>Web Developer</span>
</div>
</div>
<div class="qt-img">
<img src="img/testimonial/qt-icon.png" alt="img">
</div>
</div>
<div class="single-testimonial">
<p>Praesent nec elit imperdiet, tincidunt ex at, malesuada lectus. Praesent cursus diam risus, non accumsan neque fermentum eget. Maecenas vel aliquam enim aliquam aliquet finibus nisl.</p>
<div class="testi-author">
<img src="img/testimonial/testi_avatar.png" alt="img">
<div class="ta-info">
<h6>Margie R. Robinson</h6>
<span>Web Developer</span>
</div>
</div>
<div class="qt-img">
<img src="img/testimonial/qt-icon.png" alt="img">
</div>
</div>
<div class="single-testimonial">
<p>Praesent nec elit imperdiet, tincidunt ex at, malesuada lectus. Praesent cursus diam risus, non accumsan neque fermentum eget. Maecenas vel aliquam enim aliquam aliquet finibus nisl.</p>
<div class="testi-author">
<img src="img/testimonial/testi_avatar.png" alt="img">
<div class="ta-info">
<h6>Margie R. Robinson</h6>
<span>Web Developer</span>
</div>
</div>
<div class="qt-img">
<img src="img/testimonial/qt-icon.png" alt="img">
</div>
</div>
<div class="single-testimonial">
<p>Praesent nec elit imperdiet, tincidunt ex at, malesuada lectus. Praesent cursus diam risus, non accumsan neque fermentum eget. Maecenas vel aliquam enim aliquam aliquet finibus nisl.</p>
<div class="testi-author">
<img src="img/testimonial/testi_avatar.png" alt="img">
<div class="ta-info">
<h6>Margie R. Robinson</h6>
<span>Web Developer</span>
</div>
</div>
<div class="qt-img">
<img src="img/testimonial/qt-icon.png" alt="img">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- testimonial-area-end -->
<!-- features-area -->
<section id="graph" class="features-area pt-80 pb-80" style="background:url('img/bg/cat-bg.png'); background-size: cover;">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12 col-md-12">
<div class="section-title cta-title text-center mb-30">
<h5>CALL TO ACTION</h5>
<h2>Providing Value To Clients Through<br>Product & Innovation.</h2>
</div>
</div>
<div class="col-lg-12 col-md-12 text-center">
<a href="contact.html" class="btn ss-btn">Contact Us Now</a>
</div>
</div>
</div>
</section>
<!-- features-area-end -->
<!-- blog-area -->
<section id="blog" class="blog-area p-relative pt-120 pb-120 fix" style="background: url(img/bg/aliment-right4.png) no-repeat; background-position: right center;">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<div class="section-title center-align mb-50 text-center">
<h5>OUR TEAM</h5>
<h2> Latest Blog & News</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="single-post2 mb-30">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="blog-thumb2">
<a href="blog-details.html"><img src="img/blog/inner_b1.jpg" alt="img"></a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="blog-content2">
<h4><a href="blog-details.html">Cras et dictum nisl nulla vitae auctor diam</a></h4>
<div class="b-meta">
<div class="b-meta">
<div class="meta-info">
<ul>
<li><i class="fal fa-user"></i> Admin</li>
<li><i class="fal fa-calendar-alt"></i> 24th March 2021</li>
</ul>
</div>
</div>
</div>
<p>Suspendisse vulputate nibh eget eros darde rhoncus, id scelerisque libero reade aluam. Integer ullamcorper, ex ac ultrices pharetra.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="single-post2 mb-30">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="blog-thumb2">
<a href="blog-details.html"><img src="img/blog/inner_b2.jpg" alt="img"></a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="blog-content2">
<h4><a href="blog-details.html">Cras et dictum nisl nulla vitae auctor diam</a></h4>
<div class="b-meta">
<div class="meta-info">
<ul>
<li><i class="fal fa-user"></i> Admin</li>
<li><i class="fal fa-calendar-alt"></i> 24th March 2021</li>
</ul>
</div>
</div>
<p>Suspendisse vulputate nibh eget eros darde rhoncus, id scelerisque libero reade aluam. Integer ullamcorper, ex ac ultrices pharetra.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="single-post2 mb-30">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="blog-thumb2">
<a href="blog-details.html"><img src="img/blog/inner_b3.jpg" alt="img"></a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="blog-content2">
<h4><a href="blog-details.html">Cras et dictum nisl nulla vitae auctor diam</a></h4>
<div class="b-meta">
<div class="b-meta">
<div class="meta-info">
<ul>
<li><i class="fal fa-user"></i> Admin</li>
<li><i class="fal fa-calendar-alt"></i> 24th March 2021</li>
</ul>
</div>
</div>
</div>
<p>Suspendisse vulputate nibh eget eros darde rhoncus, id scelerisque libero reade aluam. Integer ullamcorper, ex ac ultrices pharetra.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="single-post2 mb-30">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="blog-thumb2">
<a href="blog-details.html"><img src="img/blog/inner_b4.jpg" alt="img"></a>
</div>
</div>
<div class="col-lg-8 col-md-8">
<div class="blog-content2">
<h4><a href="blog-details.html">Cras et dictum nisl nulla vitae auctor diam</a></h4>
<div class="b-meta">
<div class="b-meta">
<div class="b-meta">
<div class="meta-info">
<ul>
<li><i class="fal fa-user"></i> Admin</li>
<li><i class="fal fa-calendar-alt"></i> 24th March 2021</li>
</ul>
</div>
</div>
</div>
</div>
<p>Suspendisse vulputate nibh eget eros darde rhoncus, id scelerisque libero reade aluam. Integer ullamcorper, ex ac ultrices pharetra.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 text-center">
<a href="blog.html" class="btn ss-btn">View All News</a>
</div>
</div>
</div>
</section>
<!-- blog-area-end -->
<!-- brand-area -->
<div class="brand-area pt-60 pb-60">
<div class="container">
<div class="row brand-active">
<div class="col-xl-2">
<div class="single-brand">
<img src="img/brand/b-logo1.png" alt="img">
</div>
</div>
<div class="col-xl-2">
<div class="single-brand">
<img src="img/brand/b-logo2.png" alt="img">
</div>
</div>
<div class="col-xl-2">
<div class="single-brand">
<img src="img/brand/b-logo3.png" alt="img">
</div>
</div>
<div class="col-xl-2">
<div class="single-brand">
<img src="img/brand/b-logo4.png" alt="img">
</div>
</div>
<div class="col-xl-2">
<div class="single-brand">
<img src="img/brand/b-logo5.png" alt="img">
</div>
</div>
<div class="col-xl-2">
<div class="single-brand">
<img src="img/brand/b-logo6.png" alt="img">
</div>
</div>
</div>
</div>
</div>
<!-- brand-area-end -->
</main>
<!-- main-area-end -->
<!-- footer -->
<footer class="footer-bg footer-p">
<div class="footer-top-heiding pt-70 pb-120">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="section-title">
<h2> Get Update<br> From Newsletter</h2>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="newslater-area">
<form name="ajax-form" id="contact-form4" action="#" method="post" class="contact-form newslater">
<div class="form-group">
<input class="form-control" id="email2" name="email" type="email" placeholder="Email Address..." value="" required="">
<button type="submit" class="btn btn-custom" id="send2">Subscribe Now</button>
</div>
<!-- /Form-email -->
</form>
</div>
</div>
</div>
</div>
</div>
<div class="footer-top pb-40">
<div class="container">
<div class="row justify-content-between">
<div class="col-xl-3 col-lg-3 col-sm-6">
<div class="footer-widget mb-30">
<div class="f-widget-title mb-45">
<img src="img/logo/f_logo.png" alt="img">
</div>
<div class="footer-link">
Aenean pulvinar laoreet tellus ut tinct. Praesent a lectus egestas, finibus enim sit amet, mollis lorem. Sed a volutpat velit. Pellet habitant morbi tristique senectus et.
</div>
<div class="f-contact mt-30">
<ul>
<li>
<i class="icon fal fa-map-marker-check"></i>
<span>1247/Plot No. 39, 15th
Phase, Colony, Kanpur</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-sm-6">
<div class="footer-widget mb-30">
<div class="f-widget-title">
<h2>Our Links</h2>
</div>
<div class="footer-link">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html"> About Us</a></li>
<li><a href="services.html"> Services </a></li>
<li><a href="#">Term</a></li>
<li><a href="blog.html">Blog </a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Privercy</a></li>
<li><a href="contact.html"> Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-sm-6">
<div class="footer-widget mb-30">
<div class="f-widget-title">
<h2>Get In Touch</h2>
</div>
<div class="f-contact">
<ul>
<li>
<i class="icon fal fa-phone"></i>
<span>1800-121-3637<br>+91-7052-101-786</span>
</li>
<li><i class="icon fal fa-envelope"></i>
<span>
<a href="mailto:info@example.com">info@example.com</a>
<br>
<a href="mailto:help@example.com">help@example.com</a>
</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-sm-6">
<div class="footer-widget mb-30">
<div class="f-widget-title">
<h2>Our Gallery</h2>
</div>
<div class="f-insta">
<ul>
<li><a href="img/instagram/f-galler-01.png" class="popup-image"><img src="img/instagram/f-galler-01.png" alt="img"></a></li>
<li><a href="img/instagram/f-galler-02.png" class="popup-image"><img src="img/instagram/f-galler-02.png" alt="img"></a></li>
<li><a href="img/instagram/f-galler-03.png" class="popup-image"><img src="img/instagram/f-galler-03.png" alt="img"></a></li>
<li><a href="img/instagram/f-galler-04.png" class="popup-image"><img src="img/instagram/f-galler-04.png" alt="img"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-wrap">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
Copyright © 2021 Capatel All rights reserved.
</div>
<div class="col-lg-6 text-right text-xl-right">
<ul>
<li><a href="#">Privercy</a></li>
<li><a href="#">Term & Conditions</a></li>
<li><a href="#">Legal</a></li>
<li> <span class="footer-social">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</span></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- footer-end -->
<!-- JS here -->
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="js/vendor/jquery-3.6.0.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/ajax-form.js"></script>
<script src="js/paroller.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/js_isotope.pkgd.min.js"></script>
<script src="js/imagesloaded.min.js"></script>
<script src="js/parallax.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="js/jquery.meanmenu.min.js"></script>
<script src="js/parallax-scroll.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/element-in-view.js"></script>
<script src="js/main.js"></script>
</body>
</html>