<!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>
<!-- search-popup -->
<div class="modal fade bs-example-modal-lg search-bg popup1" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content search-popup">
<div class="text-center">
<a href="#" class="close2" data-dismiss="modal" aria-label="Close">× close</a>
</div>
<div class="row search-outer">
<div class="col-md-11"><input type="text" placeholder="Search for products..." /></div>
<div class="col-md-1 text-right"><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></div>
</div>
</div>
</div>
</div>
<!-- /search-popup -->
<!-- breadcrumb-area -->
<section class="breadcrumb-area d-flex align-items-center" style="background-image:url(img/testimonial/test-bg.png)">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-12 col-lg-12">
<div class="breadcrumb-wrap text-left">
<div class="breadcrumb-title">
<h2>Shop Details</h2>
<div class="breadcrumb-wrap">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Pricing</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- breadcrumb-area-end -->
<!-- shop-banner-area start -->
<section class="shop-banner-area pt-120 pb-90 " data-animation="fadeInUp animated" data-delay=".2s">
<div class="container">
<div class="row">
<div class="col-xl-7">
<div class="shop-thumb-tab mb-30">
<ul class="nav" id="myTab2" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab"
aria-selected="true"><img src="img/shop/details/thumb1.jpg" alt=""> </a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
aria-selected="false"><img src="img/shop/details/thumb2.jpg" alt=""></a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab2" data-toggle="tab" href="#profile1" role="tab"
aria-selected="false"><img src="img/shop/details/thumb3.jpg" alt=""></a>
</li>
</ul>
</div>
<div class="product-details-img mb-30">
<div class="tab-content" id="myTabContent2">
<div class="tab-pane fade show active" id="home" role="tabpanel">
<div class="product-large-img">
<img src="img/shop/details/large1.jpg" alt="">
</div>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel">
<div class="product-large-img">
<img src="img/shop/details/large2.jpg" alt="">
</div>
</div>
<div class="tab-pane fade" id="profile1" role="tabpanel">
<div class="product-large-img">
<img src="img/shop/details/large3.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-5">
<div class="product-details mb-30">
<div class="product-details-title">
<p>Workstead</p>
<h1>Helios Piranho Lamp</h1>
<div class="price details-price pb-30 mb-20">
<span>$700.00</span>
<span class="old-price">$820.00</span>
</div>
</div>
<p>It is a long established fact that a reader will be distracted by the readable content of a page
when looking at its
layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of
letters, as opposed to
using 'Content here, content here', making it look like readable English.</p>
<div class="product-cat mt-30 mb-30">
<span>Category: </span>
<a href="#">furniture,</a>
<a href="#">decor</a>
</div>
<div class="product-details-action">
<form action="#">
<div class="plus-minus">
<div class="cart-plus-minus"><input type="text" value="1" /></div>
</div>
<button class="btn btn-black" type="submit">add to cart</button>
</form>
</div>
<div class="product-social mt-45">
<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-linkedin-in"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- shop-banner-area end -->
<!-- product-desc-area start -->
<section class="product-desc-area pb-55">
<div class="container">
<div class="row">
<div class="col-12">
<div class="bakix-details-tab">
<ul class="nav text-center justify-content-center pb-30 mb-50" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="desc-tab" data-toggle="tab" href="#id-desc" role="tab"
aria-controls="home" aria-selected="true">Description </a>
</li>
<li class="nav-item">
<a class="nav-link" id="id-add-in" data-toggle="tab" href="#id-add" role="tab"
aria-controls="profile" aria-selected="false">Additional Information</a>
</li>
<li class="nav-item">
<a class="nav-link" id="id-r" data-toggle="tab" href="#id-rev" role="tab"
aria-controls="profile" aria-selected="false"> Get A Quote </a>
</li>
</ul>
</div>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="id-desc" role="tabpanel" aria-labelledby="desc-tab">
<div class="event-text mb-40">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
id est laborum. Sed ut perspiciatis
unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
totam rem aperiam, eaque ipsa quae ab
illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Nemo enim ipsam voluptatem quia
voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores
eos qui ratione voluptatem sequi
nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci velit, sed quia non
numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat
voluptatem.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum. Sed ut
perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque
ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta
sunt explicabo. Nemo enim ipsam voluptatem
quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni
dolores eos qui ratione voluptatem sequi
nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci velit, sed quia non
numquam eius modi tempora.</p>
</div>
</div>
<div class="tab-pane fade" id="id-add" role="tabpanel" aria-labelledby="id-add-in">
<div class="additional-info">
<div class="table-responsive">
<h4>Additional information</h4>
<table class="table">
<tbody>
<tr>
<th>Weight</th>
<td class="product_weight">1.4 oz</td>
</tr>
<tr>
<th>Dimensions</th>
<td class="product_dimensions">62 × 56 × 12 in</td>
</tr>
<tr>
<th>Size</th>
<td class="product_dimensions">XL, XXL, LG, SM, MD</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="tab-pane fade" id="id-rev" role="tabpanel" aria-labelledby="id-r">
<div class="contact-bg02 text-center">
<div class="section-title mb-50">
<h2>
Get A Quote
</h2>
</div>
<form action="mail.php" method="post" class="contact-form mt-30">
<div class="row">
<div class="col-lg-6">
<div class="contact-field p-relative c-name mb-30">
<input type="text" id="firstn" name="firstn" placeholder="First Name" required="">
</div>
</div>
<div class="col-lg-6">
<div class="contact-field p-relative c-email mb-30">
<input type="text" id="lastn" name="lastn" placeholder="Last Name" required="">
</div>
</div>
<div class="col-lg-6">
<div class="contact-field p-relative c-subject mb-30">
<input type="text" id="email" name="email" placeholder="Eamil" required="">
</div>
</div>
<div class="col-lg-6">
<div class="contact-field p-relative c-subject mb-30">
<input type="text" id="phone" name="phone" placeholder="Phone No." required="">
</div>
</div>
<div class="col-lg-12">
<div class="contact-field p-relative c-option mb-30">
<input type="text" id="product-name" name="product-name" placeholder="Product Name" required="">
</div>
</div>
<div class="col-lg-12">
<div class="contact-field p-relative c-message mb-30">
<textarea name="message" id="message" cols="30" rows="10" placeholder="Write comments"></textarea>
</div>
<div class="slider-btn mb-70">
<button class="btn ss-btn active" data-animation="fadeInRight" data-delay=".8s">Submit Now</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- product-desc-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>