Coloxa - Pregnancy Care Bootstrap 5 Template

Need Support

Introduction

Template Name: Coloxa - Pregnancy Care Bootstrap 5 Template
Thank you very much for choosing our template. We truly appreciate and really hope that you'll enjoy our template!
If you like this template, Please support us by rating us 5 stars..     

Coloxa- Pregnancy Care Medical Bootstrap 5 Template is an exclusive and niche-oriented web template based on the Bootstrap 5 framework that allows you to promote your pregnancy care services online by establishing a sophisticated website. Nowadays, people constantly look for information on pregnancy and maternity care on the internet. If you want to maintain a strong market presence, it is important that your website provides up-to-date information about the services offered at your clinic. In this regard, the Coloxa Bootstrap template will really come in handy to create a strong online presence and spread the word for your maternity clinic. 

Coloxa is equipped with all necessary web pages to adorn your medical website for pregnancy care beautifully. Here you will find 15 HTML pages that cover the homepage, about page, service page, service details page, cases page, blog page, contact page, etc. The full-width slider on the homepage will trigger the viewers' attention as soon as they visit your website. The site also has many essential sections. Apart from the about section, service section, the homepage is equipped with a booking section where patients can find or schedule an appointment online. The doctor's team member section offers detailed information on all of our staff members so that potential clients are aware of who they will be meeting during their visit to the clinic. There is even a testimonial area for people who have had excellent experiences at our facility, as well as a blog where you can read up-to-date posts related to health care topics from different perspectives.

The Bootstrap5-based web design is super responsive and mobile-ready. With cross-browser compatibility, you can be sure any modern-day internet browser will run smoothly on this website.

That's not all! Coloxa Bootstrap 5 template has many more features to offer at your disposal, which include Icon Font, Google Font, Ajax Contact Form, Circle Progress Bar, Clean Markup, No Console Error, and much more!

 Finally, you will get regular free updates as well as excellent after-sales support from us. Try this distinctive web template and build an excellent website for pregnancy care.

Template features

  • 1 Elegant and eye-catching homepage
  • 15+ HTML pages
  • Build with Bootstrap 5
  • Made with SASS (SCSS)
  • Icon font (Icofont)
  • Google Fonts
  • W3C Validated Code
  • Clean Code
  • Creative and Modern Design
  • Fully Responsive
  • Smooth animations
  • Easy to customize
  • Cross Browser Support
  • Well Documented
  • No console error
  • Dynamic Contact form with AJAX
Need Support?
If you have any questions regarding to theme issues, please submit a ticket at https://hasthemes.com/contact-us/

Files Included

  • Documentation
  • Template Files - coloxa

Root Folder Structure





FTP Upload

  • Open up your FTP manager and connect to your hosting
  • Browse to required directory (Normally public_html)
  • Upload the all files inside coloxa folder.


Page Structure



  • index.html is for Home Page
  • about-us.html is for About page
  • service-list.html is for Services List Page
  • service-details.html is for Services Details Page
  • case-list.html is for Cases List Page
  • cases-details.html is for Cases Details Page
  • faq.html is for FAQ Pages
  • 404-error.html is for 404 error page
  • blog-list.html is for Full Width Blog List Page (without sidebar)
  • blog-list-left-sidebar.html is for Blog List Page (left sidebar)
  • blog-list-right-sidebar.html is for Blog List Page (right sidebar)
  • blog-details.html is for Full Width Blog Details Page (without sidebar)
  • blog-details-left-sidebar.html is for Blog Details Page (left sidebar)
  • blog-details-right-sidebar.html is for Blog Details Page (right sidebar)
  • contact-us.html is for Contact page

Source File Structure



Fonts Source File structure

Remember to change the font into main.css

            <!--All Google Fonts-->
            @import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");


CSS Source File structure

These are the css files that are loaded into templates in Head Section.

            <!-- ::::::::::::::All CSS Files here :::::::::::::: -->

            <!-- Vendor CSS -->
            <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
            <link rel="stylesheet" href="assets/css/vendor/icofont.min.css">
            <link rel="stylesheet" href="assets/css/vendor/jquery-ui.min.css">

            <!-- Plugin CSS Files -->
            <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
            <link rel="stylesheet" href="assets/css/plugins/animate.min.css">
            <link rel="stylesheet" href="assets/css/plugins/venobox.min.css">

            <!-- Main CSS File -->
            <link rel="stylesheet" href="assets/css/style.css">


Javascript Source File structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.

            <!-- ::::::::::::::All Javascripts here ::::::::::::::-->

            <!-- Vendor JS Files -->
            <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
            <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
            <script src="assets/js/vendor/jquery-migrate-3.3.3.min.js"></script>
            <script src="assets/js/vendor/popper.min.js"></script>
            <script src="assets/js/vendor/bootstrap.min.js"></script>
            <script src="assets/js/vendor/jquery-ui.min.js"></script>

            <!-- Plugins JS Files -->
            <script src="assets/js/plugins/swiper-bundle.min.js"></script>
            <script src="assets/js/plugins/circle-progress.min.js"></script>
            <script src="assets/js/plugins/ajax-mail.js"></script>
            <script src="assets/js/plugins/venobox.min.js"></script>
            <script src="assets/js/plugins/material-scrolltop.js"></script>

            <!-- Main js file that contents all jQuery plugins activation. -->
            <script src="assets/js/main.js"></script>


How to change Logo?





How to Change Any Image?





How to Change Map Location?

You can change iframe map from here







How to Change Copyright?

You can change copyright text from here.





How to Change Mail?

You can pass dynamic email in the contact form and newsletter.