Medica Care - Responsive Template

Documentation For Medica Care Version 1.0.0

Thank You For Purchasing Medica Care Template

Before you get started, please be sure to always check out these documentation files.
If you have any questions that are beyond the scope of this help file, please feel free to email us admin@thinking-code.com .

  • modules/common/
  • head.html
  • header.html
  • footer.html
  • /
  • index.html
  • about.html
  • service.html
  • testimonial.html
  • doctors-listing.html
  • doctors-detail.html
  • gallery.html
  • blog.html
  • blog-single.html
  • contact.html
  • faq.html
  • thankyou.html
  • 404.html
  • css/
  • font-awesome.min.css
  • theme-one.css
  • theme-two.css
  • lib/bootstrap/dist/css/
  • bootstrap.min.css
  • lib/custom/
  • lightbox.css
  • lib/jquery/
  • jquery.easing.min.js
  • jquery.sticky.js
  • jquery.nicescroll.min.js
  • jquery.accordionmenu.js
  • jquery.isotope.js
  • lib/jquery/dist/
  • jquery.min.js
  • lib/custom/
  • main.js
  • generic-carousel.js
  • lightbox.js
  • lib/bootstrap/dist/js/
  • bootstrap.min.js
  • less/
  • less.min.js
  • less/
  • style.less (All less files are imported in style.less, so need to link only this file if you are using less in all pages.)
  • main.less
  • less/common/
  • header.less
  • mixins.less
  • variables.less
  • generic-carousel.less
  • less/modules/
  • about.less
  • blog.less
  • contact.less
  • doctors.less
  • doctors-detail.less
  • faq.less
  • gallery.less
  • services.less
  • testimonial.less
  • thankyou.less

Medica Care uses Raleway & Lato fonts from google fonts. The font must be loaded in HTML head before the rest of css files:

<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,400i,500,500i,600,600i,700,800,900" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700" rel="stylesheet" type="text/css"/>

Medica Care uses 20+ images .

  • assets/images/
  • logo.png
  • favicon.png
  • common_banner.jpg

Medica uses over 100 icons in font format. Here is the list of icons:

Social Icons

  • Facebook
  • Twitter
  • Google Plus
  • Instagram
  • LinkedIn
  • Git
  • Tumblr
  • Vimeo
  • YouTube
  • Flickr
  • Reddit
  • Dribbble
  • Skype
  • Last.fm
  • Behance
  • Rss

How to use

Medica uses font-awesome icons. The icons must be loaded in <head>

<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

Then add the below example code to use the font-awesome icons

<i class="fa fa-facebook"></i>

Available Icons

  • Ambulance
  • Band Aid
  • Blood Donation
  • Blood Transfusion
  • Bone
  • Cardiogram
  • Care
  • Dental
  • DNA
  • Eye
  • Fitness
  • Heart Beat
  • Herbs
  • Kidney
  • Lungs
  • Medicine
  • Pills
  • Plastered Foot
  • Syringe
  • Virus
  • Wheel Chair
  • Blood
  • Pharmacy Care
  • Organic
  • Supplements
  • Primary
  • Diabetes
  • Diabetic Diet
  • Diabetic Footwear
  • Diabetic Pregnancy
  • Diabetic Neuropathy
  • Dia Personalised
  • Joint Wrist
  • Cardio
  • Vision
  • Vision Inner
  • Nutrition
  • Paediatrics
  • Collaborative
  • Location
  • List
  • Left Arrow
  • Right Arrow
  • Play
  • Time
  • Down Arrow
  • Facebook
  • Message
  • Minus
  • Plus
  • Search
  • Share
  • Twitter
  • Up Arrow
  • Stethoscope
  • Ayurveda
  • Children
  • Joint
  • Lab
  • Multi Speciality
  • Physiotherapy
  • About
  • Blog
  • Call
  • Close
  • Contact
  • FAQ
  • Gallery
  • Home
  • Left
  • Next
  • Prev
  • Profile
  • Right
  • Service
  • Testimonial

How to use

<i class="icon-testimonial"></i>

Themes are used to change the look and feel of a page. Medica care provide two amazing themes . You can include any of these themes as per your interest.

How to use

For Theme1
<link href="css/theme-one.css" rel="stylesheet" type="text/css"/>
For Theme2
<link href="css/theme-two.css" rel="stylesheet" type="text/css"/>

When a user submits your contact form, it will be emailed to email address mentioned in the "contact_action.php". if you need to change the email please change it in the file. Please see the code snippet below:

How to use

$email_to = "demo@medicacare.com";

Below is the list of all plugins and external resources used to power this template.

Name Description URL
jQuery Core Javascript library http://www.jquery.com
Twitter Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development http://getbootstrap.com
JQuery Nicescroll Nicescroll is very powerful and very customizable https://github.com/inuyaksa/jquery.nicescroll
jQuery Easing Plugin A jQuery plugin from GSGD to give advanced easing options. http://gsgd.co.uk/sandbox/jquery/easing
jQuery Isotope Filter & sort magical layouts. https://isotope.metafizzy.co
Sticky Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible. http://stickyjs.com
FontAwesome The iconic font designed for use with Twitter Bootstrap http://fortawesome.github.com/Font-Awesome
Raleway Medica Care uses Raleway web font from google fonts: https://fonts.googleapis.com/css?family=Raleway:100,300,400,400i,500,500i,600,600i,700,800,900 https://fonts.google.com/specimen/Raleway
Lato Medica Care uses Lato web font from google fonts: https://fonts.googleapis.com/css?family=Lato:100,300,400,700 https://fonts.google.com/specimen/Lato

Once again, thanks for purchasing Medica Care Template. We hope you will enjoy using it for your next project.