1268 lines
74 KiB
HTML
Executable File
1268 lines
74 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<!-- Required meta tags -->
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||
<title>ePaint - Painting Services Company Html Template</title>
|
||
<meta name="description" content="ePaint - Painting Services Company Html Template" />
|
||
<link rel="shortcut icon" href="assets/images/logo/favicon.png" type="image/f-icon" />
|
||
|
||
<!-- font awesome -->
|
||
<link rel="stylesheet" href="assets/css/all.min.css" />
|
||
<!-- bootstraph -->
|
||
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
|
||
<!-- Swiper js -->
|
||
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css" />
|
||
<!-- Progress bar -->
|
||
<link rel="stylesheet" href="assets/css/jquery.rprogessbar.min.css" />
|
||
<!-- FancyBox Js -->
|
||
<link rel="stylesheet" href="assets/css/jquery.fancybox.min.css" />
|
||
<!-- Aos -->
|
||
<link rel="stylesheet" href="assets/css/aos.css" />
|
||
<!-- User's CSS Here -->
|
||
<link rel="stylesheet" href="assets/css/style.css" />
|
||
</head>
|
||
<body>
|
||
<!-- pre-loader start -->
|
||
<div class="preloader">
|
||
<div class="loader">
|
||
<div></div>
|
||
</div>
|
||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
|
||
<defs>
|
||
<filter id="goo">
|
||
<fegaussianblur in="SourceGraphic" stddeviation="15" result="blur"></fegaussianblur>
|
||
<fecolormatrix in="blur" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 30 -10" result="goo"></fecolormatrix>
|
||
<feblend in="SourceGraphic" in2="goo"></feblend>
|
||
</filter>
|
||
</defs>
|
||
</svg>
|
||
</div>
|
||
<!-- pre-loader end -->
|
||
<!-- Header Start -->
|
||
<header class="header header-sticky">
|
||
<nav class="nav">
|
||
<div class="container">
|
||
<!-- Header Wrap Start -->
|
||
<div class="header__wrapper">
|
||
<!-- Logo Start -->
|
||
<div class="header__logo">
|
||
<a href="index.html"><img src="assets/images/logo/logo.png" alt="logo" /> </a>
|
||
</div>
|
||
<!-- Logo End -->
|
||
<!-- Header Menu Start -->
|
||
<div class="header__menu">
|
||
<ul class="main__menu">
|
||
<li><a href="index.html">Home</a></li>
|
||
<li><a href="#about">About</a></li>
|
||
<li><a href="#service">Service</a></li>
|
||
<li><a href="#project">Project</a></li>
|
||
<li><a href="#blog">Blog</a></li>
|
||
<li><a href="#contact">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Header Menu End -->
|
||
<!-- Header Meta Start -->
|
||
<div class="header__meta">
|
||
<ul class="meta__item">
|
||
<li>
|
||
<a href="#contact" class="btn btn-primary">Get Started</a>
|
||
</li>
|
||
</ul>
|
||
<!-- Header Toggle Start -->
|
||
<div class="header__toggle d-lg-none">
|
||
<button class="toggler__btn">
|
||
<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 12H18V10H0V12ZM0 7H18V5H0V7ZM0 0V2H18V0H0Z" fill="#667085" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<!-- Header Toggle End -->
|
||
</div>
|
||
<!-- Header Meta End -->
|
||
</div>
|
||
<!-- Header Wrap End -->
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
<!-- Header End -->
|
||
|
||
<!-- Banner Section Start -->
|
||
<div class="banner__section">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-6 col-md-6">
|
||
<div class="banner__wrapper">
|
||
<h4 class="sub__heading">Dyelex Painting & Wallpapering</h4>
|
||
<h1 class="main__heading">
|
||
We Make Your Home <br />
|
||
More Colorful.
|
||
</h1>
|
||
<p class="content">
|
||
Sed feugiat, leo id dictum tristique, ligula ante egestas risus, eget hendrerit ipsum sem in nunc. Integer in facilisis neque
|
||
curabitur facilisis, augue quis fringilla dictum.
|
||
</p>
|
||
<div class="btn__group">
|
||
<a href="#choose" class="btn btn-primary">Discover More</a>
|
||
<a href="#service" class="btn btn-outline">Our Service<i class="fa-solid fa-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-md-6">
|
||
<div class="banner__figure">
|
||
<div class="hero__image"><img src="assets/images/banner/banner-02.png" alt="about-pic" /></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Banner Section End -->
|
||
|
||
<!-- About Section Start -->
|
||
<section class="about__section" id="about">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6">
|
||
<div class="about__image" data-aos="fade-right" data-aos-duration="1000">
|
||
<img src="assets/images/about/about-01.png" class="main-image" alt="about" />
|
||
<img src="assets/images/about/shape.png" class="shape" alt="shape" />
|
||
<div class="mission__wrapper text-center">
|
||
<div class="icon">
|
||
<img src="assets/images/about/badge.png" alt="badge" />
|
||
</div>
|
||
<div class="mission__content">
|
||
<h5 class="title">Our Mission</h5>
|
||
<p class="desc">Convallis Nunc Scelerisque Dictum Risus, Non Suscipit Ar Quisque Aliquam Posuere Aliquam Posuere</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="about__wrapper" data-aos="fade-left" data-aos-duration="1000">
|
||
<div class="section__title mb-30">
|
||
<h4 class="subtitle">About Us</h4>
|
||
<h2 class="title">
|
||
It’s The Perfect Time To <br />
|
||
Paint Your Home
|
||
</h2>
|
||
<p class="desc">
|
||
Etiam scelerisque nec elit ac efficitur. Duis vestibulum magna sit amet ante gravida malesuada. Nunc gravida dui scelerisque
|
||
libero venenatis hendrerit vestibulum euismod, lacus.
|
||
</p>
|
||
</div>
|
||
<ul class="list-item">
|
||
<li>Best Quality Standards</li>
|
||
<li>Smart & Unique Wall Work</li>
|
||
<li>Innovative Wall Designs</li>
|
||
<li>Annual Maintenance</li>
|
||
<li>Light Fixtures</li>
|
||
<li>Installation & Deconstruction</li>
|
||
</ul>
|
||
<div class="more-btn mt-30">
|
||
<a href="#" class="btn btn-primary">Read More</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- About Section End -->
|
||
|
||
<!-- Service Section Start -->
|
||
<section class="service__section bg-color" id="service">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="section__title text-center" data-aos="fade-up" data-aos-duration="1000">
|
||
<h4 class="subtitle">Service</h4>
|
||
<h2 class="title">Our Featured Services</h2>
|
||
<p class="desc">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a feugiat purus. Duis turpis nunc aliquam id nunc ac convallis
|
||
dictum nisi. Curabitur vehicul.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||
<div class="service__box" data-aos="fade-up" data-aos-duration="1000">
|
||
<div class="service__icon" data-bg="#F52A85">
|
||
<img src="assets/images/icon/s-icon-01.png" alt="service" />
|
||
</div>
|
||
<div class="service__content">
|
||
<h4 class="title"><a href="#">Residential Interior</a></h4>
|
||
<p class="desc">Lorem ipsum dolor sit amet consectetur adipi sicing elit.</p>
|
||
<div class="service__btn">
|
||
<a href="#" class="btn">Learn More<i class="fa-solid fa-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||
<div class="service__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="service__icon" data-bg="#1ECBEA">
|
||
<img src="assets/images/icon/s-icon-02.png" alt="service" />
|
||
</div>
|
||
<div class="service__content">
|
||
<h4 class="title"><a href="#">Wallpapering</a></h4>
|
||
<p class="desc">Lorem ipsum dolor sit amet consectetur adipi sicing elit.</p>
|
||
<div class="service__btn">
|
||
<a href="#" class="btn">Learn More<i class="fa-solid fa-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||
<div class="service__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="service__icon" data-bg="#F52A85">
|
||
<img src="assets/images/icon/s-icon-03.png" alt="service" />
|
||
</div>
|
||
<div class="service__content">
|
||
<h4 class="title"><a href="#">Industrial Interior</a></h4>
|
||
<p class="desc">Suspendisse gravida nulla diet, eget sodas tellus</p>
|
||
<div class="service__btn">
|
||
<a href="#" class="btn">Learn More<i class="fa-solid fa-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||
<div class="service__box" data-aos="fade-up" data-aos-duration="1000">
|
||
<div class="service__icon" data-bg="#F5962A">
|
||
<img src="assets/images/icon/s-icon-04.png" alt="service" />
|
||
</div>
|
||
<div class="service__content">
|
||
<h4 class="title"><a href="#"> Hygenic Coating</a></h4>
|
||
<p class="desc">Lorem ipsum dolor sit amet consectetur adipi sicing elit.</p>
|
||
<div class="service__btn">
|
||
<a href="#" class="btn">Learn More<i class="fa-solid fa-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||
<div class="service__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="service__icon" data-bg="#F52A85">
|
||
<img src="assets/images/icon/s-icon-05.png" alt="service" />
|
||
</div>
|
||
<div class="service__content">
|
||
<h4 class="title"><a href="#">Furniture Painting</a></h4>
|
||
<p class="desc">Lorem ipsum dolor sit amet consectetur adipi sicing elit.</p>
|
||
<div class="service__btn">
|
||
<a href="#" class="btn">Learn More<i class="fa-solid fa-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||
<div class="service__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="service__icon" data-bg="#CC2AF5">
|
||
<img src="assets/images/icon/s-icon-06.png" alt="service" />
|
||
</div>
|
||
<div class="service__content">
|
||
<h4 class="title"><a href="#"> Fire Protection</a></h4>
|
||
<p class="desc">Lorem ipsum dolor sit amet consectetur adipi sicing elit.</p>
|
||
<div class="service__btn">
|
||
<a href="#" class="btn">Learn More<i class="fa-solid fa-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Service Section End -->
|
||
|
||
<!-- Counter Section Start -->
|
||
<section class="counter__section">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
|
||
<div class="counter__box" data-bg="#F52A85" data-aos="fade-up" data-aos-duration="1000">
|
||
<div class="icon">
|
||
<img src="assets/images/counter/counter-01.png" alt="counter" />
|
||
</div>
|
||
<div class="counter__content">
|
||
<div class="counter__value">
|
||
<span class="counter">2515</span>
|
||
</div>
|
||
<h3 class="title">Project Complate</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
|
||
<div class="counter__box" data-bg="#1ECBEA" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="icon">
|
||
<img src="assets/images/counter/counter-02.png" alt="counter" />
|
||
</div>
|
||
<div class="counter__content">
|
||
<div class="counter__value">
|
||
<span class="counter">200</span>
|
||
K
|
||
</div>
|
||
<h3 class="title">Satisfied Clients</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
|
||
<div class="counter__box" data-bg="#F5962A" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="icon">
|
||
<img src="assets/images/counter/counter-03.png" alt="counter" />
|
||
</div>
|
||
<div class="counter__content">
|
||
<div class="counter__value">
|
||
<span class="counter">1562</span>
|
||
</div>
|
||
<h3 class="title">Awards Winning</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
|
||
<div class="counter__box" data-bg="#1EC651" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="icon">
|
||
<img src="assets/images/counter/counter-04.png" alt="counter" />
|
||
</div>
|
||
<div class="counter__content">
|
||
<div class="counter__value">
|
||
<span class="counter">100</span>
|
||
%
|
||
</div>
|
||
<h3 class="title">Guarantee Satisfying</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Counter Section End -->
|
||
|
||
<!-- Why Choose Section Start -->
|
||
<section class="choose__section bg-color" id="choose">
|
||
<div class="container">
|
||
<div class="row align-items-lg-center align-items-md-end">
|
||
<div class="col-lg-6 col-md-6" data-aos="fade-right" data-aos-duration="1000">
|
||
<div class="section__title">
|
||
<h4 class="subtitle">Why Choose Us</h4>
|
||
<h2 class="title">
|
||
We Are Experts In <br />
|
||
Painting & Wallpapering
|
||
</h2>
|
||
<p class="desc">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a feugiat purus. Duis turpis nunc aliquam id nunc ac convallis
|
||
dictum nisi. Curabitur vehicul.
|
||
</p>
|
||
</div>
|
||
<div class="progress__info">
|
||
<div class="single-progressbar">
|
||
<div class="progress__header">
|
||
<h4 class="title">Paint Spraying</h4>
|
||
</div>
|
||
<div class="profit"></div>
|
||
</div>
|
||
<div class="single-progressbar">
|
||
<div class="progress__header">
|
||
<h4 class="title">Clean Work</h4>
|
||
</div>
|
||
<div class="income"></div>
|
||
</div>
|
||
<div class="single-progressbar">
|
||
<div class="progress__header">
|
||
<h4 class="title">Wallpaper Plan</h4>
|
||
</div>
|
||
<div class="expenses"></div>
|
||
</div>
|
||
<div class="single-progressbar">
|
||
<div class="progress__header">
|
||
<h4 class="title">Professional Workers</h4>
|
||
</div>
|
||
<div class="professional"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-md-6">
|
||
<div class="choose__sideImage" data-aos="fade-left" data-aos-duration="1000">
|
||
<img src="assets/images/choose/choose-01.png" alt="choose-image" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Why Choose Section End -->
|
||
|
||
<!-- Project Section Start -->
|
||
<section class="project__section" id="project">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||
<div class="project__box" data-aos="fade-up" data-aos-duration="1000">
|
||
<div class="project__image">
|
||
<img src="assets/images/project/project-01.jpg" alt="project-image" />
|
||
</div>
|
||
<a data-fancybox="gallery" href="assets/images/project/project-01.jpg">
|
||
<div class="popup__button"><i class="fa-solid fa-magnifying-glass"></i></div>
|
||
</a>
|
||
<div class="project__content">
|
||
<h4 class="title"><a href="#">Wall Covering Installations</a></h4>
|
||
<p class="desc">Color Painting Services</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||
<div class="project__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="project__image">
|
||
<img src="assets/images/project/project-02.jpg" alt="project-image" />
|
||
</div>
|
||
<a data-fancybox="gallery" href="assets/images/project/project-02.jpg">
|
||
<div class="popup__button"><i class="fa-solid fa-magnifying-glass"></i></div>
|
||
</a>
|
||
<div class="project__content">
|
||
<h4 class="title"><a href="#">Historic Stone Wall</a></h4>
|
||
<p class="desc">Color Painting Services</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||
<div class="project__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="project__image">
|
||
<img src="assets/images/project/project-03.jpg" alt="project-image" />
|
||
</div>
|
||
<a data-fancybox="gallery" href="assets/images/project/project-03.jpg">
|
||
<div class="popup__button"><i class="fa-solid fa-magnifying-glass"></i></div>
|
||
</a>
|
||
<div class="project__content">
|
||
<h4 class="title"><a href="#">Bedroom & Family Room</a></h4>
|
||
<p class="desc">Color Painting Services</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-md-6 col-sm-6">
|
||
<div class="project__box" data-aos="fade-up" data-aos-duration="1000">
|
||
<div class="project__image">
|
||
<img src="assets/images/project/project-04.jpg" alt="project-image" />
|
||
</div>
|
||
<a data-fancybox="gallery" href="assets/images/project/project-04.jpg">
|
||
<div class="popup__button"><i class="fa-solid fa-magnifying-glass"></i></div>
|
||
</a>
|
||
<div class="project__content">
|
||
<h4 class="title"><a href="#">Prep For A Paint</a></h4>
|
||
<p class="desc">Color Painting Services</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-md-12">
|
||
<div class="project__box" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="project__image">
|
||
<img src="assets/images/project/project-05.jpg" alt="project-image" />
|
||
</div>
|
||
<a data-fancybox="gallery" href="assets/images/project/project-05.jpg">
|
||
<div class="popup__button"><i class="fa-solid fa-magnifying-glass"></i></div>
|
||
</a>
|
||
<div class="project__content">
|
||
<h4 class="title"><a href="#">Bedroom & Family Room</a></h4>
|
||
<p class="desc">Color Painting Services</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Project Section End -->
|
||
|
||
<!-- Testimonial Section Start -->
|
||
<section class="testimonial__section">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="section__title text-center">
|
||
<h4 class="subtitle">testimonial</h4>
|
||
<h2 class="title">What Customer Say</h2>
|
||
<p class="desc">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a feugiat purus. Duis turpis nunc aliquam id nunc ac convallis
|
||
dictum nisi. Curabitur vehicul.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper testimonial__Swiper">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="testimonial__item">
|
||
<p class="testimonial__content">Ipsum has been the industry's all off that standard dummy text ever since that unknown.</p>
|
||
<div class="testimonial__avatar">
|
||
<div class="avatar">
|
||
<img src="assets/images/testimonial/avatar-01.png" alt="avatar" />
|
||
</div>
|
||
<div class="avatar__content">
|
||
<h4 class="title">Ritez Luthar</h4>
|
||
<div class="designation">Abz solutions</div>
|
||
</div>
|
||
</div>
|
||
<div class="quote">
|
||
<svg width="54" height="41" viewBox="0 0 54 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M0.000225789 32.5398L1.79677 40.8004C14.7324 40.2078 23.6992 34.8258 23.6992 18.9981L23.6992 0.77977L1.10032 0.779768L1.10032 23.6775L9.65909 23.6775C9.65894 28.7561 6.47246 31.7432 0.000225789 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
<path
|
||
d="M30.301 32.5398L32.0976 40.8004C45.0331 40.2078 54 34.8256 54 18.998L54 0.779629L31.4002 0.779627L31.4002 23.6775L39.9643 23.6775C39.9643 28.7561 36.7778 31.7432 30.301 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="testimonial__item">
|
||
<p class="testimonial__content">Ipsum has been the industry's all off that standard dummy text ever since that unknown.</p>
|
||
<div class="testimonial__avatar">
|
||
<div class="avatar">
|
||
<img src="assets/images/testimonial/avatar-02.png" alt="avatar" />
|
||
</div>
|
||
<div class="avatar__content">
|
||
<h4 class="title">Ritez Luthar</h4>
|
||
<div class="designation">Abz solutions</div>
|
||
</div>
|
||
</div>
|
||
<div class="quote">
|
||
<svg width="54" height="41" viewBox="0 0 54 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M0.000225789 32.5398L1.79677 40.8004C14.7324 40.2078 23.6992 34.8258 23.6992 18.9981L23.6992 0.77977L1.10032 0.779768L1.10032 23.6775L9.65909 23.6775C9.65894 28.7561 6.47246 31.7432 0.000225789 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
<path
|
||
d="M30.301 32.5398L32.0976 40.8004C45.0331 40.2078 54 34.8256 54 18.998L54 0.779629L31.4002 0.779627L31.4002 23.6775L39.9643 23.6775C39.9643 28.7561 36.7778 31.7432 30.301 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="testimonial__item">
|
||
<p class="testimonial__content">Ipsum has been the industry's all off that standard dummy text ever since that unknown.</p>
|
||
<div class="testimonial__avatar">
|
||
<div class="avatar">
|
||
<img src="assets/images/testimonial/avatar-03.png" alt="avatar" />
|
||
</div>
|
||
<div class="avatar__content">
|
||
<h4 class="title">Ritez Luthar</h4>
|
||
<div class="designation">Abz solutions</div>
|
||
</div>
|
||
</div>
|
||
<div class="quote">
|
||
<svg width="54" height="41" viewBox="0 0 54 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M0.000225789 32.5398L1.79677 40.8004C14.7324 40.2078 23.6992 34.8258 23.6992 18.9981L23.6992 0.77977L1.10032 0.779768L1.10032 23.6775L9.65909 23.6775C9.65894 28.7561 6.47246 31.7432 0.000225789 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
<path
|
||
d="M30.301 32.5398L32.0976 40.8004C45.0331 40.2078 54 34.8256 54 18.998L54 0.779629L31.4002 0.779627L31.4002 23.6775L39.9643 23.6775C39.9643 28.7561 36.7778 31.7432 30.301 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="testimonial__item">
|
||
<p class="testimonial__content">Ipsum has been the industry's all off that standard dummy text ever since that unknown.</p>
|
||
<div class="testimonial__avatar">
|
||
<div class="avatar">
|
||
<img src="assets/images/testimonial/avatar-04.png" alt="avatar" />
|
||
</div>
|
||
<div class="avatar__content">
|
||
<h4 class="title">Ritez Luthar</h4>
|
||
<div class="designation">Abz solutions</div>
|
||
</div>
|
||
</div>
|
||
<div class="quote">
|
||
<svg width="54" height="41" viewBox="0 0 54 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M0.000225789 32.5398L1.79677 40.8004C14.7324 40.2078 23.6992 34.8258 23.6992 18.9981L23.6992 0.77977L1.10032 0.779768L1.10032 23.6775L9.65909 23.6775C9.65894 28.7561 6.47246 31.7432 0.000225789 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
<path
|
||
d="M30.301 32.5398L32.0976 40.8004C45.0331 40.2078 54 34.8256 54 18.998L54 0.779629L31.4002 0.779627L31.4002 23.6775L39.9643 23.6775C39.9643 28.7561 36.7778 31.7432 30.301 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="testimonial__item">
|
||
<p class="testimonial__content">Ipsum has been the industry's all off that standard dummy text ever since that unknown.</p>
|
||
<div class="testimonial__avatar">
|
||
<div class="avatar">
|
||
<img src="assets/images/testimonial/avatar-01.png" alt="avatar" />
|
||
</div>
|
||
<div class="avatar__content">
|
||
<h4 class="title">Ritez Luthar</h4>
|
||
<div class="designation">Abz solutions</div>
|
||
</div>
|
||
</div>
|
||
<div class="quote">
|
||
<svg width="54" height="41" viewBox="0 0 54 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M0.000225789 32.5398L1.79677 40.8004C14.7324 40.2078 23.6992 34.8258 23.6992 18.9981L23.6992 0.77977L1.10032 0.779768L1.10032 23.6775L9.65909 23.6775C9.65894 28.7561 6.47246 31.7432 0.000225789 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
<path
|
||
d="M30.301 32.5398L32.0976 40.8004C45.0331 40.2078 54 34.8256 54 18.998L54 0.779629L31.4002 0.779627L31.4002 23.6775L39.9643 23.6775C39.9643 28.7561 36.7778 31.7432 30.301 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="testimonial__item">
|
||
<p class="testimonial__content">Ipsum has been the industry's all off that standard dummy text ever since that unknown.</p>
|
||
<div class="testimonial__avatar">
|
||
<div class="avatar">
|
||
<img src="assets/images/testimonial/avatar-02.png" alt="avatar" />
|
||
</div>
|
||
<div class="avatar__content">
|
||
<h4 class="title">Ritez Luthar</h4>
|
||
<div class="designation">Abz solutions</div>
|
||
</div>
|
||
</div>
|
||
<div class="quote">
|
||
<svg width="54" height="41" viewBox="0 0 54 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M0.000225789 32.5398L1.79677 40.8004C14.7324 40.2078 23.6992 34.8258 23.6992 18.9981L23.6992 0.77977L1.10032 0.779768L1.10032 23.6775L9.65909 23.6775C9.65894 28.7561 6.47246 31.7432 0.000225789 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
<path
|
||
d="M30.301 32.5398L32.0976 40.8004C45.0331 40.2078 54 34.8256 54 18.998L54 0.779629L31.4002 0.779627L31.4002 23.6775L39.9643 23.6775C39.9643 28.7561 36.7778 31.7432 30.301 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper testimonial__Swiper2 mt-30">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="testimonial__item">
|
||
<p class="testimonial__content">Ipsum has been the industry's all off that standard dummy text ever since that unknown.</p>
|
||
<div class="testimonial__avatar">
|
||
<div class="avatar">
|
||
<img src="assets/images/testimonial/avatar-01.png" alt="avatar" />
|
||
</div>
|
||
<div class="avatar__content">
|
||
<h4 class="title">Ritez Luthar</h4>
|
||
<div class="designation">Abz solutions</div>
|
||
</div>
|
||
</div>
|
||
<div class="quote">
|
||
<svg width="54" height="41" viewBox="0 0 54 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M0.000225789 32.5398L1.79677 40.8004C14.7324 40.2078 23.6992 34.8258 23.6992 18.9981L23.6992 0.77977L1.10032 0.779768L1.10032 23.6775L9.65909 23.6775C9.65894 28.7561 6.47246 31.7432 0.000225789 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
<path
|
||
d="M30.301 32.5398L32.0976 40.8004C45.0331 40.2078 54 34.8256 54 18.998L54 0.779629L31.4002 0.779627L31.4002 23.6775L39.9643 23.6775C39.9643 28.7561 36.7778 31.7432 30.301 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="testimonial__item">
|
||
<p class="testimonial__content">Ipsum has been the industry's all off that standard dummy text ever since that unknown.</p>
|
||
<div class="testimonial__avatar">
|
||
<div class="avatar">
|
||
<img src="assets/images/testimonial/avatar-02.png" alt="avatar" />
|
||
</div>
|
||
<div class="avatar__content">
|
||
<h4 class="title">Ritez Luthar</h4>
|
||
<div class="designation">Abz solutions</div>
|
||
</div>
|
||
</div>
|
||
<div class="quote">
|
||
<svg width="54" height="41" viewBox="0 0 54 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M0.000225789 32.5398L1.79677 40.8004C14.7324 40.2078 23.6992 34.8258 23.6992 18.9981L23.6992 0.77977L1.10032 0.779768L1.10032 23.6775L9.65909 23.6775C9.65894 28.7561 6.47246 31.7432 0.000225789 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
<path
|
||
d="M30.301 32.5398L32.0976 40.8004C45.0331 40.2078 54 34.8256 54 18.998L54 0.779629L31.4002 0.779627L31.4002 23.6775L39.9643 23.6775C39.9643 28.7561 36.7778 31.7432 30.301 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="testimonial__item">
|
||
<p class="testimonial__content">Ipsum has been the industry's all off that standard dummy text ever since that unknown.</p>
|
||
<div class="testimonial__avatar">
|
||
<div class="avatar">
|
||
<img src="assets/images/testimonial/avatar-03.png" alt="avatar" />
|
||
</div>
|
||
<div class="avatar__content">
|
||
<h4 class="title">Ritez Luthar</h4>
|
||
<div class="designation">Abz solutions</div>
|
||
</div>
|
||
</div>
|
||
<div class="quote">
|
||
<svg width="54" height="41" viewBox="0 0 54 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M0.000225789 32.5398L1.79677 40.8004C14.7324 40.2078 23.6992 34.8258 23.6992 18.9981L23.6992 0.77977L1.10032 0.779768L1.10032 23.6775L9.65909 23.6775C9.65894 28.7561 6.47246 31.7432 0.000225789 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
<path
|
||
d="M30.301 32.5398L32.0976 40.8004C45.0331 40.2078 54 34.8256 54 18.998L54 0.779629L31.4002 0.779627L31.4002 23.6775L39.9643 23.6775C39.9643 28.7561 36.7778 31.7432 30.301 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="testimonial__item">
|
||
<p class="testimonial__content">Ipsum has been the industry's all off that standard dummy text ever since that unknown.</p>
|
||
<div class="testimonial__avatar">
|
||
<div class="avatar">
|
||
<img src="assets/images/testimonial/avatar-04.png" alt="avatar" />
|
||
</div>
|
||
<div class="avatar__content">
|
||
<h4 class="title">Ritez Luthar</h4>
|
||
<div class="designation">Abz solutions</div>
|
||
</div>
|
||
</div>
|
||
<div class="quote">
|
||
<svg width="54" height="41" viewBox="0 0 54 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M0.000225789 32.5398L1.79677 40.8004C14.7324 40.2078 23.6992 34.8258 23.6992 18.9981L23.6992 0.77977L1.10032 0.779768L1.10032 23.6775L9.65909 23.6775C9.65894 28.7561 6.47246 31.7432 0.000225789 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
<path
|
||
d="M30.301 32.5398L32.0976 40.8004C45.0331 40.2078 54 34.8256 54 18.998L54 0.779629L31.4002 0.779627L31.4002 23.6775L39.9643 23.6775C39.9643 28.7561 36.7778 31.7432 30.301 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="testimonial__item">
|
||
<p class="testimonial__content">Ipsum has been the industry's all off that standard dummy text ever since that unknown.</p>
|
||
<div class="testimonial__avatar">
|
||
<div class="avatar">
|
||
<img src="assets/images/testimonial/avatar-01.png" alt="avatar" />
|
||
</div>
|
||
<div class="avatar__content">
|
||
<h4 class="title">Ritez Luthar</h4>
|
||
<div class="designation">Abz solutions</div>
|
||
</div>
|
||
</div>
|
||
<div class="quote">
|
||
<svg width="54" height="41" viewBox="0 0 54 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M0.000225789 32.5398L1.79677 40.8004C14.7324 40.2078 23.6992 34.8258 23.6992 18.9981L23.6992 0.77977L1.10032 0.779768L1.10032 23.6775L9.65909 23.6775C9.65894 28.7561 6.47246 31.7432 0.000225789 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
<path
|
||
d="M30.301 32.5398L32.0976 40.8004C45.0331 40.2078 54 34.8256 54 18.998L54 0.779629L31.4002 0.779627L31.4002 23.6775L39.9643 23.6775C39.9643 28.7561 36.7778 31.7432 30.301 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="testimonial__item">
|
||
<p class="testimonial__content">Ipsum has been the industry's all off that standard dummy text ever since that unknown.</p>
|
||
<div class="testimonial__avatar">
|
||
<div class="avatar">
|
||
<img src="assets/images/testimonial/avatar-02.png" alt="avatar" />
|
||
</div>
|
||
<div class="avatar__content">
|
||
<h4 class="title">Ritez Luthar</h4>
|
||
<div class="designation">Abz solutions</div>
|
||
</div>
|
||
</div>
|
||
<div class="quote">
|
||
<svg width="54" height="41" viewBox="0 0 54 41" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M0.000225789 32.5398L1.79677 40.8004C14.7324 40.2078 23.6992 34.8258 23.6992 18.9981L23.6992 0.77977L1.10032 0.779768L1.10032 23.6775L9.65909 23.6775C9.65894 28.7561 6.47246 31.7432 0.000225789 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
<path
|
||
d="M30.301 32.5398L32.0976 40.8004C45.0331 40.2078 54 34.8256 54 18.998L54 0.779629L31.4002 0.779627L31.4002 23.6775L39.9643 23.6775C39.9643 28.7561 36.7778 31.7432 30.301 32.5398Z"
|
||
fill="#B8B8B8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Testimonial Section End -->
|
||
|
||
<!-- Team Section Start -->
|
||
<section class="team__section">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="section__title text-center" data-aos="fade-up" data-aos-duration="1000">
|
||
<h4 class="subtitle">Our Team</h4>
|
||
<h2 class="title">Dedicated Members</h2>
|
||
<p class="desc">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a feugiat purus. Duis turpis nunc aliquam id nunc ac convallis
|
||
dictum nisi. Curabitur vehicul.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-4 col-md-4 col-sm-6">
|
||
<div class="team__card text-left" data-aos="fade-up" data-aos-duration="1000">
|
||
<div class="team__avatar">
|
||
<img src="assets/images/team/team-01.jpg" alt="image" />
|
||
</div>
|
||
<div class="team__content">
|
||
<h5><a href="#">Nicolas Jordan</a></h5>
|
||
<div class="span">Commercial Painter</div>
|
||
<div class="social__icon">
|
||
<ul>
|
||
<li>
|
||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"><i class="fab fa-dribbble"></i></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-4 col-sm-6">
|
||
<div class="team__card text-left" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="team__avatar">
|
||
<img src="assets/images/team/team-02.jpg" alt="image" />
|
||
</div>
|
||
<div class="team__content">
|
||
<h5><a href="#">Paul Trueman</a></h5>
|
||
<div class="span">Commercial Painter</div>
|
||
<div class="social__icon">
|
||
<ul>
|
||
<li>
|
||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"><i class="fab fa-dribbble"></i></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-4 col-sm-6">
|
||
<div class="team__card text-left" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="team__avatar">
|
||
<img src="assets/images/team/team-03.jpg" alt="image" />
|
||
</div>
|
||
<div class="team__content">
|
||
<h5><a href="#">Shahnewaz Sakil</a></h5>
|
||
<div class="span">Commercial Painter</div>
|
||
<div class="social__icon">
|
||
<ul>
|
||
<li>
|
||
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"><i class="fab fa-dribbble"></i></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Team Section End -->
|
||
|
||
<!-- Appintment Section Start -->
|
||
<section class="appointment__section" id="contact">
|
||
<div class="container">
|
||
<div class="row align-items-end">
|
||
<div class="col-xxl-6 col-lg-7">
|
||
<div class="section__title text-left" data-aos="fade-up" data-aos-duration="1000">
|
||
<h4 class="subtitle">Book On Appointment</h4>
|
||
<h2 class="title">
|
||
request a Painting <br />
|
||
estimate today
|
||
</h2>
|
||
<p class="desc">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a feugiat purus. Duis turpis nunc aliquam id nunc ac convallis
|
||
dictum nisi. Curabitur vehicul.
|
||
</p>
|
||
</div>
|
||
<div class="contact__box--inner">
|
||
<div class="contact__box__wrap" data-aos="fade-up" data-aos-duration="1000">
|
||
<div class="icon">
|
||
<img src="assets/images/icon/phone.png" alt="icon" />
|
||
</div>
|
||
<div class="contact__inform">
|
||
<span>Phone</span>
|
||
<a href="tel:810012313312">+8100-123-13312</a>
|
||
</div>
|
||
</div>
|
||
<div class="contact__box__wrap" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="icon">
|
||
<img src="assets/images/icon/email.png" alt="icon" />
|
||
</div>
|
||
<div class="contact__inform">
|
||
<span>Email</span>
|
||
<a href="mailto:example@gmail.com">example@gmail.com</a>
|
||
</div>
|
||
</div>
|
||
<div class="contact__box__wrap" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="icon">
|
||
<img src="assets/images/icon/clock.png" alt="icon" />
|
||
</div>
|
||
<div class="contact__inform">
|
||
<span>Opening Hours</span>
|
||
<p>9am - 8pm</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xxl-6 col-lg-5">
|
||
<div class="contact__form" data-aos="fade-left" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="form__title">request a free quote.</div>
|
||
<form action="#" method="post">
|
||
<div class="input__group">
|
||
<input type="text" class="form-control" name="user__name" placeholder="your name" required="" />
|
||
</div>
|
||
<div class="input__group">
|
||
<input type="text" class="form-control" name="Last__name" placeholder="Last name" required="" />
|
||
</div>
|
||
<div class="input__group">
|
||
<input type="email" class="form-control" name="user__email" placeholder="your email" required="" />
|
||
</div>
|
||
<div class="input__group">
|
||
<input type="tel" class="form-control" name="user__number" placeholder="phone number" required="" />
|
||
</div>
|
||
|
||
<div class="input__group">
|
||
<textarea name="user__text" class="form-control text__area" placeholder="Message"></textarea>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary submit__btn">Submit Now</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Appintment Section End -->
|
||
|
||
<!-- Blog Section Start -->
|
||
<section class="blog__section" id="blog">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="section__title text-center" data-aos="fade-up" data-aos-duration="1000">
|
||
<h4 class="subtitle">News & Blog</h4>
|
||
<h2 class="title">Our Latest News</h2>
|
||
<p class="desc">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a feugiat purus. Duis turpis nunc aliquam id nunc ac convallis
|
||
dictum nisi. Curabitur vehicul.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||
<div class="blog__post" data-aos="fade-up" data-aos-duration="1000">
|
||
<div class="blog__figure">
|
||
<img src="assets/images/blog/blog-01.jpg" alt="blog_image" />
|
||
</div>
|
||
<div class="blog__content">
|
||
<div class="blog__meta">
|
||
<span><a href="#">admin</a></span>
|
||
<span>July 10, 2023</span>
|
||
</div>
|
||
<h4 class="title"><a href="#">Mistakes to Avoid for Exterior Painting</a></h4>
|
||
<p class="desc">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sagittis viverra turpis, non cursus ex accumsan at.
|
||
</p>
|
||
<div class="blog__btn">
|
||
<a href="#" class="solid__btn">Read More<i class="fa-solid fa-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||
<div class="blog__post" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="blog__figure">
|
||
<img src="assets/images/blog/blog-02.jpg" alt="blog_image" />
|
||
</div>
|
||
<div class="blog__content">
|
||
<div class="blog__meta">
|
||
<span><a href="#">admin</a></span>
|
||
<span><a href="#">Exterior</a></span>
|
||
</div>
|
||
<h4 class="title"><a href="#">Learn the right way to use wall sheet</a></h4>
|
||
<p class="desc">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sagittis viverra turpis, non cursus ex accumsan at.
|
||
</p>
|
||
<div class="blog__btn">
|
||
<a href="#" class="solid__btn">Read More<i class="fa-solid fa-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 col-sm-6">
|
||
<div class="blog__post" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="blog__figure">
|
||
<img src="assets/images/blog/blog-03.jpg" alt="blog_image" />
|
||
</div>
|
||
<div class="blog__content">
|
||
<div class="blog__meta">
|
||
<span><a href="#">admin</a></span>
|
||
<span>July 10, 2023</span>
|
||
</div>
|
||
<h4 class="title"><a href="#">8 Pro Tips for Painting Your Interior Walls</a></h4>
|
||
<p class="desc">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sagittis viverra turpis, non cursus ex accumsan at.
|
||
</p>
|
||
<div class="blog__btn">
|
||
<a href="#" class="solid__btn">Read More<i class="fa-solid fa-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Blog Section End -->
|
||
|
||
<!-- CAll To Action Start -->
|
||
<section class="call__to__action pt-0">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="cta__box__wrapper text-center" data-aos="fade-up" data-aos-duration="1000">
|
||
<h2 class="cta__title">
|
||
Sign up for Newsletter & Stay <br />
|
||
Get in Touch
|
||
</h2>
|
||
<p class="cta__content">
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet leo, porta aliquet non mattis. Nulla ante pellentesque blandit
|
||
fermentum.
|
||
</p>
|
||
<form action="#" method="post" class="cta__form">
|
||
<input type="email" name="email" class="form-control" placeholder="Enter your email" />
|
||
<button type="submit" class="btn btn-primary">Notify me</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- CAll To Action End -->
|
||
|
||
<!-- Footer Section Start -->
|
||
<footer class="footer__section bg-color">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-4 col-md-5 col-sm-6">
|
||
<div class="footer__wrapper" data-aos="fade-up" data-aos-duration="1000">
|
||
<div class="footer__widget">
|
||
<div class="logo">
|
||
<a href="index.html"><img src="assets/images/logo/logo.png" alt="logo" /></a>
|
||
</div>
|
||
<p>
|
||
Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat hello
|
||
Aenean world.
|
||
</p>
|
||
<div class="para__title">
|
||
<h6>Follow Us</h6>
|
||
</div>
|
||
<div class="social__icon">
|
||
<ul>
|
||
<li>
|
||
<a href="#"><i class="fab fa-instagram"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"><i class="fab fa-dribbble"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"><i class="fab fa-twitter"></i></a>
|
||
</li>
|
||
<li>
|
||
<a href="#"><i class="fab fa-youtube"></i></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-2 col-md-3 col-sm-6">
|
||
<div class="footer__wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="footer__widget">
|
||
<div class="widget__title">
|
||
<h4>Quick Links</h4>
|
||
</div>
|
||
<ul class="widget__list">
|
||
<li><a href="#">Help Center</a></li>
|
||
<li><a href="#">Terms of Use</a></li>
|
||
<li><a href="#">FAQ</a></li>
|
||
<li><a href="#">Ticket Support</a></li>
|
||
<li><a href="#">Contact Us</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-4 col-sm-6">
|
||
<div class="footer__wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="footer__widget">
|
||
<div class="widget__title">
|
||
<h4>Services</h4>
|
||
</div>
|
||
<ul class="widget__list">
|
||
<li><a href="#">Residential Interior</a></li>
|
||
<li><a href="#">Commercial Interior</a></li>
|
||
<li><a href="#">Industrial Interior</a></li>
|
||
<li><a href="#">Color Mixing</a></li>
|
||
<li><a href="#">Painting & Decoration</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-3 col-md-6 col-sm-6">
|
||
<div class="footer__wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
|
||
<div class="footer__widget">
|
||
<div class="widget__title">
|
||
<h4>Subscribe Us</h4>
|
||
</div>
|
||
<p>Subscribe to our weekly Newsletter and receive updates via email.</p>
|
||
<div class="newsletter-form mt-25">
|
||
<form action="#">
|
||
<input type="email" name="email" class="form-control" placeholder="yourmail@mail.com" />
|
||
<button type="submit" class="btn btn-primary">
|
||
<i class="fa-solid fa-arrow-right"></i>
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer__bottom">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="footer__content text-center">
|
||
<div class="content">
|
||
<p>
|
||
Copyright ©
|
||
<script>
|
||
document.write(new Date().getFullYear());
|
||
</script>
|
||
All rights reserved.
|
||
</p>
|
||
</div>
|
||
<div class="link">
|
||
<a href="#">Privacy Policy</a>
|
||
<a href="#">Sitemap</a>
|
||
<a href="#">Disclaimer</a>
|
||
<a href="#">Terms & Conditions</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- Footer Section End -->
|
||
|
||
<!-- Header Flyout Menu Start -->
|
||
<div class="flyoutMenu">
|
||
<div class="flyout__flip">
|
||
<div class="flyout__inner">
|
||
<div class="menu__header-top">
|
||
<div class="brand__logo">
|
||
<a href="index.html"><img src="assets/images/logo/logo.png" alt="logo" /></a>
|
||
</div>
|
||
<!-- Close -->
|
||
<div class="closest__btn action__btn">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M18 6L6 18" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M6 6L18 18" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
<!-- Close -->
|
||
</div>
|
||
<!-- Search Form -->
|
||
<form action="search.html" method="post" class="search__form">
|
||
<input type="search" class="form-control" name="search" placeholder="What are you looking for..." />
|
||
<button type="submit">
|
||
<img src="assets/images/search.png" alt="search" />
|
||
</button>
|
||
</form>
|
||
<!-- Search Form -->
|
||
<div class="flyout__menu">
|
||
<ul class="flyout-main__menu">
|
||
<li><a href="index.html">Home</a></li>
|
||
<li><a href="#about">About</a></li>
|
||
<li><a href="#service">Service</a></li>
|
||
<li><a href="#project">Project</a></li>
|
||
<li><a href="#blog">Blog</a></li>
|
||
<li><a href="#contact">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Header Flyout Menu End -->
|
||
<!-- Scroll-top -->
|
||
<button class="scroll-top scroll-to-target" data-target="html">scroll</button>
|
||
<!-- Scroll-top-end-->
|
||
<!-- JS -->
|
||
<script src="assets/js/jquery-3.6.0.min.js"></script>
|
||
<script src="assets/js/popper.min.js"></script>
|
||
<script src="assets/js/bootstrap.min.js"></script>
|
||
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/js/swiper-bundle.min.js"></script>
|
||
<script src="assets/js/counterup.min.js"></script>
|
||
<script src="assets/js/jquery.waypoints.js"></script>
|
||
<script src="assets/js/jQuery.rProgressbar.min.js"></script>
|
||
<script src="assets/js/jquery.fancybox.min.js"></script>
|
||
<script src="assets/js/aos.js"></script>
|
||
<script src="assets/js/scripts.js"></script>
|
||
</body>
|
||
</html>
|