ePaint - Painting Services Company Html Template

Thank you very much for purchase ePaint - Painting Services Company Html Template. We believe incoming up with original ideas and Branding. Always we love to work with latest technology. We strongly care about quality product and quality service.

File structure

Within the ePaint - Painting Services Company Html Template you’ll find the following directories and files, grouping common resources, as well as raw source file

  • Toha/ - Source files
    • Scss/ - compiled CSS files
    • images/ - image files
    • js/ - JavaScript files
  • home.html/- home-page

General settings for Every page

  • 1. Change the title
    <title>ePaint - Painting Services Company Html Template</title>

  • 2. Change the logo

  • 3. Change google fonts in (style.scss)
    @import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

    @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

Swiperjs customization

  • 1. Swiperjs css
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">


  • 2. Swiperjs js
    <script src="assets/js/swiper-bundle.min.js"></script>

  • 3. Customize Swiperjs jQuery options (scripts.js)

Skill customization

  • 1. Skill css options (css)
    <link rel="stylesheet" href="assets/css/jquery.rprogessbar.min.css">



  • 2. Skill js options (js)
    <assets/js/jQuery.rProgressbar.min.js"></script>


Fancy-box customization

  • 1. Fancybox css options (css)
    <link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">



  • 2. Fancybox js options (js)
    <script src="assets/js/jquery.fancybox.min.js"></script>

CounterUp customization

  • 1. CounterUp Html options (html)



  • 2. CounterUp js options (js)
    <script src="assets/js/counterup.min.js"></script>
    <script src="assets/js/jquery.waypoints.js"></script>

Third party CSS & JS list

  • Third party CSS

    Note: You will find all third party CSS files in the 'CSS' directory

    • <link rel="stylesheet" href="assets/css/all.min.css">
    • <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    • <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
    • <link rel="stylesheet" href="assets/css/jquery.rprogessbar.min.css">
    • <link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">
    • <link rel="stylesheet" href="assets/scss/style.css">

  • Third party JS

    Note: You will find all third party JS files in the 'JS' directory

    • <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/scripts.js"></script>