Our Templates

Development Guide

Documentation - v1.0

Nuro - Mental Health Therapy HTML Bootstrap 5 Template

The Nuro is a Static HTML5 Template:
We do not provide any documentation or email support on how to integrate with any CMS (such as WordPress, Joomla, etc.).

Get Help

Thank you for purchased our item(s). If you have any questions that are beyond the scope of this help file, please feel free to email via support page here. Thank you so much!

In some cases, you may have to wait 2 working days to get an email answer. However, we will try to answer you as soon as possible. Replies are sometimes delayed due to multiple emails and time zone variations.

Files Structure

Open the main file (Nuro) in your code editor. Then open index.html file & customize as your desire.

File location: Nuro > html_template > index.html

Code Editor

There are many code editors for web code editing. You can use whatever you want. We recommend that you use Visual Studio Code . Because - this template is coded using it.

How to edit the Title & Favicon?

Open the main file (Nuro) in your code editor. Then open index.html file & customize as your desire.

File location: Nuro > html_template > index.html

Remember: The page you will edit, the change will be only that page. So, you need to edit all the HTML files.

How to edit the Brand Logo?

Open the main file (Nuro) in your code editor. Then open index.html file & customize as your desire.

File location: Nuro > html_template > index.html

Remember: The page you will edit, the change will be only that page. So, you need to edit all the HTML files.

How to edit the Footer Nav?

Open the main file (Nuro) in your code editor. Then open index.html file & customize as your desire.

File location: Nuro > html_template > index.html

Remember: The page you will edit, the change will be only that page. So, you need to edit all the HTML files.

How to edit the template Colors?

Open the main file (Nuro) in your code editor. Then open style.css file & customize as your desire.

File location: Nuro > css > style.css

Third Party Plugins Activation

Name Plugins Activation Code
Animate On Scroll (AOS) 
$(document).ready(function () {
  // Initialize AOS (Animate On Scroll)
  AOS.init({
    duration: 800,
    once: true
  });
});
Swiper Slider 
$(document).ready(function () {
  const swiper = new Swiper('.mySwiper', {
    slidesPerView: 1,
    spaceBetween: 20,
    loop: true,
    centeredSlides: false, // pastikan ini false
    slideToClickedSlide: false,
    autoplay: {
      delay: 5000,
      disableOnInteraction: false,
    },
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    },
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    breakpoints: {
      768: {
        slidesPerView: 2
      },
      1024: {
        slidesPerView: 3
      }
    }
  });
});

Changelog(s)

Version 1.0.1 / Jun 11, 2025
  • General performance improvements.
  • Added new animation effects for elements.
  • Added new counter effects for elements.
  • Fixed minor circle image bugs when small screen.
  • Fixed minor video overlay bugs.
Version 1.0.0 / May 31, 2025
  • Theme Release