Copyright © 2020. All Rights Reserved.
This is Clean Computer Repair Bootstrap Template.
Created: 10 june 2020
Latest Update:16 june 2020
Thank you for purchasing our theme. pcrepair - Computer Repair Bootstrap Template. If you have any question, please feel free to contact us.
All the file are well organized, its so easy to work with the template.
1. Unzip the files.
2. Open "pcrepair" folder.
You will find the index.html file on the root that will be edited.
There are 4 directories directory "css, js, fonts, img".
In the css folder Content you will find style.css and other styling files the all the other files expect the htmls.
Js folder contain only the jquery library. Fonts folder contain essetial font files for fonts.
pcrepair/
├── css/
│ ├── bootstrap.min.css
│ ├── font-awesome.min.css
│ ├── magnific-popup.css
│ ├── animate.min.css
│ ├── mobiriseicons.css.css
│ ├── themify-icons.css
│ ├── owl.carousel.css
│ └── style.css
│ └── responsive.css
├── fonts
├── images
├── js/
│ ├── -3.1.1.min.js
│ ├── bootstrap.min.js
│ ├── scrollIt.min.js
│ ├── popper.min.js
│ ├── wow.min.js
│ ├── init.js
│ ├── owl.carousel.min.js
│ ├── plugins.js
│ ├── apear.js
│ ├── jquery.magnific-popup.min.js
│ ├── custom.js
|
├── index.html
<!-- ============= Pre Loader Start =============-->
<div id="dvLoading"></div>
<!-- ============= Pre Loader End =============-->
<!-- ============= Navbar Start =============-->
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- LOGO -->
<a class="navbar-brand logo" href="index.html">
<img src="images/logo.png" alt="Logo">
</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="fa fa-bars"></span>
</button>
<div class="navbar-collapse collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#" data-scroll-nav="0">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-scroll-nav="1">ABOUT US</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-scroll-nav="2">SERVICE</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-scroll-nav="3">TEAM</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-scroll-nav="4">PRICING</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-scroll-nav="5">CLEINTS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-scroll-nav="6">BLOG</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-scroll-nav="7">CONTACT</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- ============= Navbar End =============-->
<!-- ============= Slider Start =============-->
<section class="slider-one" data-scroll-index="0">
<div class="slider-one__carousel owl-carousel owl-theme">
<div class="item slider-one__slider-1" style="background-image: url(images/slider-1.jpg);">
<div class="container">
<h2 class="slider-one__title">Repair your Computer <br>
laptop .
</h2>
<!-- /.slider-one__title -->
<p class="slider-one__text">Excepteur sint occaecat cupidatat non proident sunt in culpa qui</p>
<a href="#" class="default-btn slider-one__text">Contact Us <i class="fas fa-long-arrow-alt-right"></i> </a>
<!-- /.slider-one__text -->
</div>
<!-- /.container -->
</div>
<!-- /.item -->
<div class="item slider-one__slider-2" style="background-image: url(images/slider-2.jpg);">
<div class="container">
<h2 class="slider-one__title">Repair your Computer <br>
laptop .
</h2>
<!-- /.slider-one__title -->
<p class="slider-one__text">Excepteur sint occaecat cupidatat non proident sunt in culpa qui</p>
<a href="#" class="default-btn slider-one__text">Contact Us <i class="fas fa-long-arrow-alt-right"></i> </a>
<!-- /.slider-one__text -->
</div>
<!-- /.container -->
</div>
<!-- /.item -->
<div class="item slider-one__slider-3" style="background-image: url(images/slider-3.jpg);">
<div class="container">
<h2 class="slider-one__title">Repair your Computer <br>
laptop.
</h2>
<!-- /.slider-one__title -->
<p class="slider-one__text">Excepteur sint occaecat cupidatat non proident sunt in culpa qui</p>
<a href="#" class="default-btn slider-one__text">Contact Us <i class="fas fa-long-arrow-alt-right"></i> </a>
<!-- /.slider-one__text -->
</div>
<!-- /.container -->
</div>
<!-- /.item -->
</div>
</section>
<!-- ============= Slider End =============-->
<!-- ============= Features Start =============-->
<section class="features-sec mt-minus-70 pt-0 ">
<div class="container wow fadeInLeft">
<div class="row">
<div class="col-lg-3 col-sm-6 p-0">
<div class="single-offer">
<i class="icon mbri-laptop"></i>
<h3>Display Repair</h3>
<p>Lorem ipsum dolor sit amet csectetur adipiscing elit sed do eiusmod tem incididunt</p>
<a class="circle-read-more" href="#"> <i class="ti-angle-right"></i> </a>
</div>
</div>
<div class="col-lg-3 col-sm-6 p-0">
<div class="single-offer">
<i class="icon mbri-camera"></i>
<h3>Camera Fixing</h3>
<p>Lorem ipsum dolor sit amet csectetur adipiscing elit sed do eiusmod tem incididunt</p>
<a class="circle-read-more" href="#"> <i class="ti-angle-right"></i> </a>
</div>
</div>
<div class="col-lg-3 col-sm-6 p-0">
<div class="single-offer">
<i class="icon mbri-android"></i>
<h3>Software Update</h3>
<p>Lorem ipsum dolor sit amet csectetur adipiscing elit sed do eiusmod tem incididunt</p>
<a class="circle-read-more" href="#"> <i class="ti-angle-right"></i> </a>
</div>
</div>
<div class="col-lg-3 col-sm-6 p-0">
<div class="single-offer">
<i class="icon mbri-desktop"></i>
<h3>Desktop Service</h3>
<p>Lorem ipsum dolor sit amet csectetur adipiscing elit sed do eiusmod tem incididunt</p>
<a class="circle-read-more" href="#"> <i class="ti-angle-right"></i> </a>
</div>
</div>
</div>
</div>
</section>
<!-- ============= Features End =============-->
<!-- ============= About Start =============-->
<section class="section_70" data-scroll-index="1">
<div class="container wow fadeInRight">
<div class="section-title">
<span>What We Do </span>
<h2>About Us</h2>
</div>
<div class="row justify-content-between align-items-center">
<div class="col-md-12 col-lg-5">
<div class="video-promo-content mb-md-4 mb-lg-0">
<h2>Service We Offers</h2>
<p>Interactively develop timely niche markets before extensive imperatives. Professionally
repurpose interoperable growth strategies before effective core competencies.
</p>
<ul class="list-unstyled tech-feature-list">
<li class="py-1"><span class="ti-check-box mr-2"></span><strong>Display Repair</strong> Services </li>
<li class="py-1"><span class="ti-check-box mr-2"></span><strong>Motherboard Change</strong> Service</li>
<li class="py-1"><span class="ti-check-box mr-2"></span><strong>Software Update</strong> Services</li>
<li class="py-1"><span class="ti-check-box mr-2"></span><strong>Removal Virus</strong> Services</li>
<li class="py-1"><span class="ti-check-box mr-2"></span><strong>Camera Repair</strong> Services</li>
</ul>
</div>
</div>
<div class="col-md-12 col-lg-6 mt-3 mt-lg-0">
<div class="card border-0 shadow-sm text-white">
<img src="images/about-img.jpg" alt="video" class="img-fluid rounded shadow-sm" data-popupalt-original-title="null" title="video">
<div class="card-img-overlay text-center" data-popupalt-original-title="null" title="video"> <a href="https://www.youtube.com/watch?v=9No-FiEInLA" class="popup-youtube video-play-icon color-bip shadow"><span class="ti-control-play" data-popupalt-original-title="null" title="null"></span> </a> </div>
</div>
</div>
</div>
</div>
</section>
<!-- ============= About End =============-->
<!-- ============= Services Start =============-->
<section class="services-sec service-area-two section_70" data-scroll-index="2">
<div class="container">
<div class="section-title">
<span>What We Do </span>
<h2>Services</h2>
</div>
<div class="row mt-4">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 wow fadeInLeft">
<a href="#">
<article class="service-block-2 text-center">
<figure>
<img src="images/service_2.jpg" alt="service" />
</figure>
<h3>
Display Repair
<br />
<span>Starting @ $99</span>
</h3>
</article>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 wow fadeInLeft">
<a href="#">
<article class="service-block-2 text-center">
<figure>
<img src="images/service_2.jpg" alt="service" />
</figure>
<h3>
Motherboard Change
<br />
<span>Starting @ $59</span>
</h3>
</article>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 wow fadeInLeft">
<a href="#">
<article class="service-block-2 text-center">
<figure>
<img src="images/service_3.jpg" alt="service" />
</figure>
<h3>
Camera Fixing
<br />
<span>Starting @ $33</span>
</h3>
</article>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 wow fadeInRight">
<a href="#">
<article class="service-block-2 text-center">
<figure>
<img src="images/service_4.jpg" alt="service" />
</figure>
<h3>
Software Updates
<br />
<span>Starting @ $29</span>
</h3>
</article>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 wow fadeInRight">
<a href="#">
<article class="service-block-2 text-center">
<figure>
<img src="images/service_4.jpg" alt="service" />
</figure>
<h3>
Display Repair
<br />
<span>Starting @ $29</span>
</h3>
</article>
</a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 wow fadeInRight">
<a href="#">
<article class="service-block-2 text-center">
<figure>
<img src="images/service_6.jpg" alt="service" />
</figure>
<h3>
Virus Removal
<br />
<span>Starting @ $15</span>
</h3>
</article>
</a>
</div>
</div>
</div>
</section>
<!-- ============= Services End =============-->
<!-- ============= Team Start =============-->
<section class="section_70 section-content-block section-secondary-bg" data-scroll-index="3">
<div class="container">
<div class="section-title">
<span>Technical Team</span>
<h2>Team</h2>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 wow fadeInLeft">
<div class="team-layout-1 text-center">
<figure class="team-member">
<a href="#" title="MELISSA MUNOZ">
<img src="images/team_1.jpg" alt="MELISSA MUNOZ" />
</a>
</figure>
<article class="team-info">
<div class="team-social-share clearfix">
<a href="#" title="Facebook"> <i class="fa fa-facebook rectangle"></i> </a>
<a href="#" title="Facebook"> <i class="fa fa-twitter rectangle"></i> </a>
<a href="#" title="Facebook"> <i class="fa fa-google-plus rectangle"></i> </a>
<a href="#" title="Facebook"> <i class="fa fa-linkedin rectangle"></i> </a>
</div>
<h3>PETER PARKER</h3>
<span class="team-seperator"></span>
<h4>FOUNDER</h4>
</article>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 wow fadeInLeft">
<div class="team-layout-1 text-center">
<figure class="team-member">
<a href="#" title="ALEXANDER GARY">
<img src="images/team_2.jpg" alt="ALEXANDER GARY" />
</a>
</figure>
<article class="team-info">
<div class="team-social-share clearfix">
<a href="#" title="Facebook"> <i class="fa fa-facebook rectangle"></i> </a>
<a href="#" title="Facebook"> <i class="fa fa-twitter rectangle"></i> </a>
<a href="#" title="Facebook"> <i class="fa fa-google-plus rectangle"></i> </a>
<a href="#" title="Facebook"> <i class="fa fa-linkedin rectangle"></i> </a>
</div>
<h3>WANDA WILSON</h3>
<span class="team-seperator"></span>
<h4>CO-FOUNDER</h4>
</article>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 wow fadeInRight">
<div class="team-layout-1 text-center">
<figure class="team-member">
<a href="#" title="JOHN ABRAHAM">
<img src="images/team_3.jpg" alt="JOHN ABRAHAM" />
</a>
</figure>
<article class="team-info">
<div class="team-social-share clearfix">
<a href="#" title="Facebook"> <i class="fa fa-facebook rectangle"></i> </a>
<a href="#" title="Facebook"> <i class="fa fa-twitter rectangle"></i> </a>
<a href="#" title="Facebook"> <i class="fa fa-google-plus rectangle"></i> </a>
<a href="#" title="Facebook"> <i class="fa fa-linkedin rectangle"></i> </a>
</div>
<h3>BRUCE BANNER</h3>
<span class="team-seperator"></span>
<h4>MANAGER</h4>
</article>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 wow fadeInRight">
<div class="team-layout-1 text-center">
<figure class="team-member">
<a href="#" title="JOHN ABRAHAM">
<img src="images/team_4.jpg" alt="JOHN ABRAHAM" />
</a>
</figure>
<article class="team-info">
<div class="team-social-share clearfix">
<a href="#" title="Facebook"> <i class="fa fa-facebook rectangle"></i> </a>
<a href="#" title="Facebook"> <i class="fa fa-twitter rectangle"></i> </a>
<a href="#" title="Facebook"> <i class="fa fa-google-plus rectangle"></i> </a>
<a href="#" title="Facebook"> <i class="fa fa-linkedin rectangle"></i> </a>
</div>
<h3>LEX LUTHOR</h3>
<span class="team-seperator"></span>
<h4>MANAGER</h4>
</article>
</div>
</div>
</div>
</div>
</section>
<!-- ============= Team End =============-->
<!-- ============= Counter Start =============-->
<section class="counter-section" style="background-image: url(images/counter_bg.jpg)">
<div class="container">
<!-- Sec Title -->
<div class="section-title">
<h2>Our Team Result</h2>
</div>
<!-- Fact Counter -->
<div class="fact-counter">
<div class="row clearfix">
<!--Column-->
<div class="column counter-column col-lg-3 col-md-6 col-sm-12">
<div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="count-outer count-box">
<span class="count-text" data-speed="3000ms" data-stop="105">0</span>+
<div class="counter-title">Team Members</div>
</div>
</div>
</div>
<!--Column-->
<div class="column counter-column col-lg-3 col-md-6 col-sm-12">
<div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="count-outer count-box">
<span class="count-text" data-speed="2000" data-stop="215">0</span>+
<div class="counter-title">Client’s Feedback</div>
</div>
</div>
</div>
<!--Column-->
<div class="column counter-column col-lg-3 col-md-6 col-sm-12">
<div class="inner wow fadeInLeft" data-wow-delay="600ms" data-wow-duration="1500ms">
<div class="count-outer count-box">
<span class="count-text" data-speed="2000" data-stop="15">0</span>+
<div class="counter-title">Winning Awards</div>
</div>
</div>
</div>
<!--Column-->
<div class="column counter-column col-lg-3 col-md-6 col-sm-12">
<div class="inner wow fadeInLeft" data-wow-delay="900ms" data-wow-duration="1500ms">
<div class="count-outer count-box">
<span class="count-text" data-speed="1500" data-stop="310">0</span>+
<div class="counter-title">Completed Works</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============= Counter End =============-->
<!-- ============= Pricing Start =============-->
<section class="pricing-sec section_70" data-scroll-index="4">
<div class="container">
<!-- Sec Title -->
<div class="section-title">
<span>Pricing plan</span>
<h2>Affordable pricing</h2>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 wow fadeInLeft" >
<div class="price-table-layout-1">
<div class="price-table-header">
<h3 class="heading text-uppercase">BASIC</h3>
<span class="subtitle text-uppercase">Lorem ipsum dolor sit amet</span>
<div class="price-value">99
<span class="currency">$</span>
<span class="month">/mo</span>
</div>
</div>
<ul class="pricing-content">
<li>Laptop Servicing</li>
<li>OS Installation</li>
<li>Antivirus Installation</li>
<li>Data Recovery</li>
<li>Mobile Unlocking</li>
</ul>
<a href="#" class="price-plan-btn">BOOK NOW</a>
</div>
</div>
<div class="col-md-4 col-sm-6 wow fadeInLeft" >
<div class="price-table-layout-1">
<div class="price-table-header">
<h3 class="heading text-uppercase">Standard</h3>
<span class="subtitle text-uppercase">Lorem ipsum dolor sit amet</span>
<div class="price-value">199
<span class="currency">$</span>
<span class="month">/mo</span>
</div>
</div>
<ul class="pricing-content">
<li>Laptop Servicing</li>
<li>OS Installation</li>
<li>Antivirus Installation</li>
<li>Data Recovery</li>
<li>Mobile Unlocking</li>
</ul>
<a href="#" class="price-plan-btn">BOOK NOW</a>
</div>
</div>
<div class="col-md-4 col-sm-6 wow fadeInLeft" >
<div class="price-table-layout-1">
<div class="price-table-header">
<h3 class="heading text-uppercase">PROFESSIONAL</h3>
<span class="subtitle text-uppercase">Lorem ipsum dolor sit amet</span>
<div class="price-value">999
<span class="currency">$</span>
<span class="month">/mo</span>
</div>
</div>
<ul class="pricing-content">
<li>Laptop Servicing</li>
<li>OS Installation</li>
<li>Antivirus Installation</li>
<li>Data Recovery</li>
<li>Mobile Unlocking</li>
</ul>
<a href="#" class="price-plan-btn">BOOK NOW</a>
</div>
</div>
</div>
</div>
</section>
<!-- ============= Pricing End =============-->
<!-- ============= Testimonials Start =============-->
<section class="testimonial-section" data-scroll-index="5">
<div class="patern-layer" style="background-image: url(images/pattern-bg.png)"></div>
<div class="container">
<!-- Sec Title -->
<div class="section-title">
<span>Testimonial</span>
<h2>What Clients Says</h2>
</div>
<!-- Product Thumbs Carousel -->
<div class="testimonial-outer wow fadeInRight">
<!-- Product Thumbs Carousel -->
<div class="client-thumb-outer">
<div class="client-thumbs-carousel owl-carousel owl-theme">
<div class="thumb-item">
<figure class="thumb-box"><img src="images/author-1.jpg" alt="author"></figure>
<div class="author-info">
<div class="author-name">JAMES HANSON</div>
<div class="designation">Engineering Officer</div>
</div>
</div>
<div class="thumb-item">
<figure class="thumb-box"><img src="images/author-2.jpg" alt="author"></figure>
<div class="author-info">
<div class="author-name">ROBERT PATTINSON</div>
<div class="designation">Engineering Officer</div>
</div>
</div>
<div class="thumb-item">
<figure class="thumb-box"><img src="images/author-3.jpg" alt="author"></figure>
<div class="author-info">
<div class="author-name">CROWNA BATTION</div>
<div class="designation">Marketing manager</div>
</div>
</div>
<div class="thumb-item">
<figure class="thumb-box"><img src="images/author-1.jpg" alt="author"></figure>
<div class="author-info">
<div class="author-name">JAMES HANSON</div>
<div class="designation">Engineering Officer</div>
</div>
</div>
<div class="thumb-item">
<figure class="thumb-box"><img src="images/author-2.jpg" alt="author"></figure>
<div class="author-info">
<div class="author-name">ROBERT PATTINSON</div>
<div class="designation">Engineering Officer</div>
</div>
</div>
<div class="thumb-item">
<figure class="thumb-box"><img src="images/author-3.jpg" alt="author"></figure>
<div class="author-info">
<div class="author-name">CROWNA BATTION</div>
<div class="designation">Marketing manager</div>
</div>
</div>
</div>
</div>
<!-- Client Testimonial Carousel -->
<div class="client-testimonial-carousel owl-carousel owl-theme">
<!--Testimonial Block -->
<div class="testimonial-block">
<div class="inner-box">
<div class="text">I greatly appreciate working with the professional and dedicated <br>
teams at Facmaster. I feel that they strongly recognize the opportunities to partner together for <br>
mutually successful business.
</div>
<div class="quote-outer">
<div class="quote-icon fas fa-quote-left"></div>
</div>
<div class="rating"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
</div>
</div>
<!--Testimonial Block -->
<div class="testimonial-block">
<div class="inner-box">
<div class="text">I greatly appreciate working with the professional and dedicated <br>
teams at Facmaster. I feel that they strongly recognize the opportunities to partner together for <br>
mutually successful business.
</div>
<div class="quote-outer">
<div class="quote-icon fas fa-quote-left"></div>
</div>
<div class="rating"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
</div>
</div>
<!--Testimonial Block -->
<div class="testimonial-block">
<div class="inner-box">
<div class="text">I greatly appreciate working with the professional and dedicated <br>
teams at Facmaster. I feel that they strongly recognize the opportunities to partner together for <br>
mutually successful business.
</div>
<div class="quote-outer">
<div class="quote-icon fas fa-quote-left"></div>
</div>
<div class="rating"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
</div>
</div>
<!--Testimonial Block -->
<div class="testimonial-block">
<div class="inner-box">
<div class="text">I greatly appreciate working with the professional and dedicated <br>
teams at Facmaster. I feel that they strongly recognize the opportunities to partner together for <br>
mutually successful business.
</div>
<div class="quote-outer">
<div class="quote-icon fas fa-quote-left"></div>
</div>
<div class="rating"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
</div>
</div>
<!--Testimonial Block -->
<div class="testimonial-block">
<div class="inner-box">
<div class="text">I greatly appreciate working with the professional and dedicated <br>
teams at Facmaster. I feel that they strongly recognize the opportunities to partner together for <br>
mutually successful business.
</div>
<div class="quote-outer">
<div class="quote-icon fas fa-quote-left"></div>
</div>
<div class="rating"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
</div>
</div>
<!--Testimonial Block -->
<div class="testimonial-block">
<div class="inner-box">
<div class="text">I greatly appreciate working with the professional and dedicated <br>
teams at Facmaster. I feel that they strongly recognize the opportunities to partner together for <br>
mutually successful business.
</div>
<div class="quote-outer">
<div class="quote-icon fas fa-quote-left"></div>
</div>
<div class="rating"> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============= Testimonials End =============-->
<!-- ============= Blog Start =============-->
<section class="blog-sec section_70" data-scroll-index="6">
<div class="container">
<!-- Sec Title -->
<div class="section-title">
<span>Latest Articles</span>
<h2>Our Latest Blog</h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 wow fadeInLeft">
<!-- Single Blog Sec -->
<div class="single-blog">
<a href="#"> <img src="images/blog-img1.jpg" alt="blog"> </a>
<div class="blog-content">
<a class="user" href="#"> <i class="bx bx-user"></i> Admin </a>
<h3> <a href="#">What is Lorem Ipsum?</a> </h3>
<ul>
<li> 20 January 2020 <i class="bx bx-calendar"></i> </li>
<li class="date"> <a class="read-more" href="#"> View More <i class="fas fa-arrow-right bx-fade-right"></i> </a> </li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInLeft">
<!-- Single Blog Sec -->
<div class="single-blog">
<a href="#"> <img src="images/blog-img2.jpg" alt="blog"> </a>
<div class="blog-content">
<a class="user" href="#"> <i class="bx bx-user"></i> Admin </a>
<h3> <a href="#">Why do we use it?</a> </h3>
<ul>
<li> 20 January 2020 <i class="bx bx-calendar"></i> </li>
<li class="date"> <a class="read-more" href="#"> View More <i class="fas fa-arrow-right bx-fade-right"></i> </a> </li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInLeft">
<!-- Single Blog Sec -->
<div class="single-blog">
<a href="#"> <img src="images/blog-img3.jpg" alt="blog"> </a>
<div class="blog-content">
<a class="user" href="#"> <i class="bx bx-user"></i> Admin </a>
<h3> <a href="#">Where does it come from?</a> </h3>
<ul>
<li> 20 January 2020 <i class="bx bx-calendar"></i> </li>
<li class="date"> <a class="read-more" href="#"> View More <i class="fas fa-arrow-right bx-fade-right"></i> </a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============= Blog End =============-->
<!--===========Contact Area Start ===========-->
<section class="contact_area section_70" data-scroll-index="7">
<div class="container wow fadeInRight">
<div class="row">
<div class="col-lg-5 wow fadeInLeft">
<div class="info bg-img mb-md50" data-background="img/map.png">
<div class="section-title">
<h2>Request Booking</h2>
</div>
<div class="item">
<div class="cont">
<p>Please fill out the booking form and very soon we will contact with you to schedule an appointment. </p>
</div>
</div>
</div>
</div>
<div class="col-lg-7 wow fadeInRight">
<form name="contactform" method="post" action="send_form_email.php">
<div class="messages"></div>
<div class="controls">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" name="first_name" class="form-control" placeholder="First Name" required="required">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" name="last_name" class="form-control" placeholder="Last Name" required="required">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input type="email" name="email" class="form-control" placeholder="Email" required="required">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input type="text" name="telephone" class="form-control" placeholder="Phone">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<textarea id="form_message" name="comments" class="form-control" placeholder="Message" rows="4" required="required"></textarea>
</div>
</div>
<div class="col-md-12 text-center">
<button type="submit" class="default-btn slider-one__text"><span>Get Appointment</span></button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!--=========== Contact Area End=========== -->
<!--=========== Footer End=========== -->
<footer class="main-footer" data-scroll-index="7" style="background-image: url(images/footer-bg.jpg)">
<div class="container wow fadeInLeft">
<!--Widgets Section-->
<div class="widgets-section">
<div class="row clearfix">
<!-- Footer Column -->
<div class="footer-column col-lg-4 col-md-6 col-sm-12">
<div class="footer-widget logo-widget">
<div class="logo"> <a href="index.html"><img src="images/footer-logo.png" alt="Logo" /></a> </div>
<div class="text">We provide expert Business Coaching to both individuals and businesses. With over 30 years of experience we’ll ensure that you’re always getting the best guidance from the top people in the entire industry.</div>
<ul class="contact-link">
<li><span class="icon mbri-clock"></span> Monday -Sturday at 09am-6pm</li>
<li><span class="icon mbri-home"></span> 52 Tailstoi Town 546 IT, NYC </li>
</ul>
</div>
</div>
<!-- Footer Column -->
<div class="footer-column col-lg-4 col-md-6 col-sm-12">
<div class="footer-widget news-widget">
<div class="footer-title">
<h4>Latest News</h4>
</div>
<!-- Footer Column -->
<div class="widget-content">
<div class="post">
<div class="thumb"><a href="#"><img src="images/post-thumb-1.jpg" alt="thumb"></a></div>
<h5><a href="#">Retail banks wakeup to digital</a></h5>
<span class="date">28 May, 2020</span>
</div>
<div class="post">
<div class="thumb"><a href="#"><img src="images/post-thumb-2.jpg" alt="thumb"></a></div>
<h5><a href="#">How to improve employees skills</a></h5>
<span class="date">29 May, 2020</span>
</div>
</div>
</div>
</div>
<!-- Footer Column -->
<div class="footer-column col-lg-4 col-md-6 col-sm-12">
<div class="footer-widget newsletter-widget">
<div class="footer-title">
<h4>Newsletter</h4>
</div>
<div class="text">Sign up for our mailing list to get latest updates and offers.</div>
<div class="newsletter-form">
<form method="post" action="#">
<div class="form-group">
<input type="email" name="email" value="" placeholder="Enter your email address ....." required>
<button type="submit" class="theme-btn submit-btn"><span class="txt fas fa-mouse-pointer"></span></button>
</div>
</form>
</div>
<ul class="social-icon-one">
<li class="title">Follow Us:</li>
<li><a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript:void(0)"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript:void(0)"><i class="fas fa-rss"></i></a></li>
<li><a href="javascript:void(0)"><i class="fab fa-skype"></i></a></li>
<li><a href="javascript:void(0)"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom wow fadeInTop">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="copyright">© 2020 All Rights Reserved.</div>
</div>
<div class="col-lg-7 float-right">
<ul class="footer-nav text-right">
<li><a href="javascript:void(0)">Home</a></li>
<li><a href="javascript:void(0)">Privacy Policy</a></li>
<li><a href="javascript:void(0)">Terms & Conditions</a></li>
<li><a href="javascript:void(0)">Cookie Policy</a></li>
<li><a href="javascript:void(0)">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
Thank you for reading the documentaion. If you still have any question or any problem, please contact with us. We will give you best support. Thanks.