Medikia - Health & Medical HTML Template

Get started

Item name: Medikia - Health & Medical HTML Template

Creator: Ui Create Design

Created at: 01/01/2024

Thank you for your purchasing this template. If you have any questions that are beyond the scope of this help file, please feel free to email us via uicreatedesign@gmail.com

Features

Below are the outstanding functions of this application:

2 Unique Home Pages Layout More Coming Soon
100% Fully Responsive, your website will works on almost device
Bootstrap 5.x Framework
20+ Valid HTML Files
Highly Customizable
Advanced Typography
No coding knowledge required
Clear CSS Table of contents
Large collection of pages and layouts
Minimal and Clean Layou
Flat, modern and clean design
Retina Optimized
Clean & Commented Code
Sticky Header
Ajax PHP Contact Form - dynamic ajax contact form with 100% working
Cross Browser Support
Speed Optimized
Professional Support
Google Fonts
W3C Valid HTML5 / CSS3
Detailed Documentation
Professional Support
Free Updates

Template Installation

To install, just unzip the zip file from your downloaded from themeforest.net. Unzip the medikia.zip file in this downloaded file and upload the files from this folder on the server.
You can also view the files offline in your browser on your local server.
You should see demo version of this theme from its themeforest page.

File Structure

After extracting the folder, the folder structure will look like this:

documentation

html

├── assets
├── css
├── fonts
├── images
├── js
├── plugins
├── 404.html
├── ...
├── index.html
└── ...

Avaiable pages

Hompages

Homepage 01: index.html
Homepage 02: home-2.html

Services

Cardiology Service: cardiology-service.html
Dental Service:dental-service.html
Endocrinology Service:endocrenology-service.html
Eye Care Service:eye-care-service.html
Neurology Service:neurology-service.html
Orthopaedics service: orthopaedics-service.html

Blog

Blog: blog.html
Blog Details: blog-details.html

Contact

Contact:contact-us.html

Fonts

If you want to use other font family you may want to find one on Google Fonts

To choose & change your favourite font family from google font you can follow this instruction

In this app we are using Poppins font

Source files

CSS files:



//Bootstrap Css
<link rel="stylesheet" href="assets/css/bootstrap.css"/>

//Favicon Icon
<link rel="stylesheet" href="assets/fonts/fontawesome/css/all.min.css"/>

//Bootstrap Icon
<link rel="stylesheet" href="assets/fonts/bootstrap-icons/font-css.css"/>

//Odometer Css
<link rel="stylesheet" href="assets/css/odometer.css"/>

//Swiper Css
<link rel="stylesheet" href="assets/plugins/swiper/swiper-bundle.min.css"/>

//Main Css
<link rel="stylesheet" href="assets/css/style.css"/>

//Responsive Css
<link rel="stylesheet" href="assets/css/responsive.css"/>

Javascript files:

//Jquery
<script src="assets/js/jquery.min.js"></script>

//Bootstrap
<script src="assets/js/bootstrap.bundle.min.js"></script>

//Viewport Slider
<script src="assets/plugins/viewport.jquery.js"></script>

//Swiper Slider
<script src="assets/plugins/swiper/swiper-bundle.min.js"></script>

//Odometer Js
<script src="assets/plugins/odometer.min.js"></script>

//GDPR Js
<script src="assets/js/medikia-gdpr.min.js"></script>

//Main Js
<script src="assets/js/script.js"></script>

Color

How to change main color

Go to path assets/css/style.css
You can search 'Main color' and find variable :root and edit colors to what color you want
Finally, save the changes you've made and you're done.

Customization

How to change logo image source ?

You can change logo source by replace src source

How to change copyright ?

You can change copyright by replace text in "div" tag with class "copy-right"

Official Library and Documentation

Here are some of the libraries we use in the app and their official documentation page:

JQuery (https://jquery.com/)
Slick Slider (https://kenwheeler.github.io/slick/)
Swiper js (https://swiperjs.com/)
Animate.css (https://animate.style/)
Odometer (https://github.hubspot.com/odometer/)
jQuery Is In Viewport (https://github.com/frontid/jQueryIsInViewport/)
Bootstrap (https://getbootstrap.com/)
Bootstrap icons (https://icons.getbootstrap.com/)

Thanks