<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="static/picture/favicon.png">
<!-- All CSS -->
<link rel="stylesheet" href="static/css/animate.css">
<link rel="stylesheet" href="static/css/fontawesome.min.css">
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/metisMenu.css">
<link rel="stylesheet" href="static/css/spacing.css">
<link rel="stylesheet" href="static/css/slick.css">
<link rel="stylesheet" href="static/css/odometer.css">
<link rel="stylesheet" href="static/css/main.css">
<title>Conster - Construction HTML5 Template</title>
</head>
<body>
<!-- preloader -->
<div id="preloader">
<div class="preloader">
<span></span>
<span></span>
</div>
</div>
<!-- preloader end -->
<!-- Header Area Start -->
<header class="header-area">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-3 col-md-3 col-6">
<div class="site-logo">
<a href="">
<img src="static/picture/logo.png" alt="logo">
</a>
</div>
</div>
<div class="col-xl-7 d-none d-xl-block">
<nav class="main-menu">
<ul>
<li class="has-children">
<a href="">Home</a>
<ul class="sub-menu">
<li><a href="">Home Page 1</a></li>
<li><a href="index-2.html">Home Page 2</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li class="has-children">
<a href="service.html">Services</a>
<ul class="sub-menu">
<li><a href="service.html">Service 1</a></li>
<li><a href="service-2.html">Service 2</a></li>
</ul>
</li>
<li class="has-children">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog Standard</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li class="has-children">
<a href="portfolio.html">Portfolio</a>
<ul class="sub-menu">
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="portfolio-details.html">Portfolio Details</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">pages</a>
<ul class="sub-menu">
<li><a href="faq.html">Faq</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="col-xl-3 col-lg-9 col-md-9 col-6 d-flex justify-content-end align-items-center">
<div class="header-info">
<div class="icon">
<i class="far fa-phone-alt"></i>
</div>
<div class="content">
<span>Call</span>
<a href="tel:8602729738">860 -272 -9738</a>
</div>
</div>
<div class="header-btn">
<a href="#">Purchase Theme</a>
</div>
<div class="open-mobile-menu">
<a href="javascript:void(0);">
<i class="far fa-bars"></i>
</a>
</div>
</div>
</div>
</div>
</header>
<!-- Header Area End -->
<!-- Slide Bar Start -->
<aside class="slide-bar">
<div class="close-mobile-menu">
<a href="javascript:void(0);"><i class="fas fa-times"></i></a>
</div>
<nav class="side-mobile-menu">
<ul id="mobile-menu-active">
<li class="has-children">
<a href="">Home</a>
<ul class="sub-menu">
<li><a href="">Home Page 1</a></li>
<li><a href="index-2.html">Home Page 2</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li class="has-children">
<a href="service.html">Services</a>
<ul class="sub-menu">
<li><a href="service.html">Service 1</a></li>
<li><a href="service-2.html">Service 2</a></li>
</ul>
</li>
<li class="has-children">
<a href="blog.html">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog Standard</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li class="has-children">
<a href="portfolio.html">Portfolio</a>
<ul class="sub-menu">
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="portfolio-details.html">Portfolio Details</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">pages</a>
<ul class="sub-menu">
<li><a href="faq.html">Faq</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
<div class="body-overlay"></div>
<!-- Slide Bar End -->
<!-- Main Area Start -->
<main>
<!-- Slider Area Start -->
<div class="slider-area main-home-slider">
<div class="home-slide home-slide-shape">
<div class="container">
<div class="row justify-content-between">
<div class="col-xl-6 col-lg-7 col-md-10 align-self-center">
<div class="home-slide-text">
<span class="brand-name" data-animation="zoomInUp" data-delay="0.8s"><a href="#">Conster</a></span>
<h3 data-animation="fadeInDown" data-delay="0.3s">
<a href="blog-details.html">Build Your Future <span>Today</span></a>
</h3>
<p data-animation="fadeInUp" data-delay="0.6s">
Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua.
</p>
<a href="blog-details.html" class="btn btn-theme icon-left" data-animation="fadeInUp" data-delay="1.3s">
<i class="far fa-plus"></i> READ MORE
</a>
</div>
</div>
<div class="col-xl-5 col-lg-5 d-none d-xl-block d-lg-block">
<div class="home-slide-thumb" data-animation="fadeIn" data-delay="0.6s">
<img src="static/picture/woman-thumb.png" alt="woman">
</div>
</div>
</div>
</div>
</div>
<div class="home-slide home-slide-shape">
<div class="container">
<div class="row justify-content-between">
<div class="col-xl-6 col-lg-7 col-md-10 align-self-center">
<div class="home-slide-text">
<span class="brand-name" data-animation="zoomInUp" data-delay="0.8s"><a href="#">Conster</a></span>
<h3 data-animation="fadeInDown" data-delay="0.3s">
<a href="blog-details.html">Build Your Future <span>Today</span></a>
</h3>
<p data-animation="fadeInUp" data-delay="0.6s">
Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua.
</p>
<a href="blog-details.html" class="btn btn-theme icon-left" data-animation="fadeInUp" data-delay="1.3s">
<i class="far fa-plus"></i> READ MORE
</a>
</div>
</div>
<div class="col-xl-5 col-lg-5 d-none d-xl-block d-lg-block">
<div class="home-slide-thumb" data-animation="fadeIn" data-delay="0.6s">
<img src="static/picture/woman-thumb.png" alt="woman">
</div>
</div>
</div>
</div>
</div>
<div class="home-slide home-slide-shape">
<div class="container">
<div class="row justify-content-between">
<div class="col-xl-6 col-lg-7 col-md-10 align-self-center">
<div class="home-slide-text">
<span class="brand-name" data-animation="zoomInUp" data-delay="0.8s"><a href="#">Conster</a></span>
<h3 data-animation="fadeInDown" data-delay="0.3s">
<a href="blog-details.html">Build Your Future <sp