Clinica Multi-Purpose Medical HTML Template
- created: 01/29/2017
- latest update: 01/29/2017
- by: ThemeAtelier
- email: themeatelierbd@gmail.com
Extract the zip file
-
html - Main theme folder
- css - All CSS used in template
- fonts - icon fonts
- img - dummy images
- js - javascript files folder
- php - scripts for dynamic appointment forms and contact form
- Documentation - help file
We provide 11 HTMLs:
- index.html - Main home page
- index-2.html - Another version of home page with new header version
- doctors.html - Doctors lists page
- doctor-profile.html - Doctors detail page
- appointment.html - Appoinment page with a form to submit an appointment
- department.html - Some department gallery listed here
- department.html - Some department gallery listed here
- blog.html - Blog lists page
- single.html - Single blog detail page
- single-left-sidebar.html - Single blog detail page with left sidebar
- single-right-sidebar.html - Single blog detail page with right sidebar
- contact-us.html - A page with a contat form
Structure
HTML Structure
Every section start with a comment like this:
< !-- ========== Section Name start ========== >
Some HTML codes for this section
<!-- ========== Section Name end ========== >
CSS structure
Every point of CSS content you will find start with a comment like this:
/* ---------------------------------------------------- #. CSS point name -------------------------------------------------------- */ some CSS codes here
JS structure
Every point of JS content you will find start with comments like below in app.js file under js folder.
It's comes with two diffrent codes stracture. /* ================================= # JQUERY FUNCTION METHOD =================================== */ /******************** # Javascript point name ********************/
General
Typography
Font family:
All fonts used from google web font directory. We used it by import in css/style.css file. There called 2 fonts as like below structure. You could change these fonts very easily. Follow google web font document here to see how to do.
/* ----------------------------------------------------
1. IMPORT GOOGLE FONTS
-------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,400i,600,700');
General fonts style
All general typography used in css/style.css file. You can manage them easily. Every code organized and commented very nicely.
Forms
We have total 3 different dynamic forms. Two is appointments forms and another one is the contact form. To set you e-mail address to receive emails from users go php folder. There has 3 php script file for you to set e-mail. Open a file for which form you would like to set e-mail and replace our dummy e-mail to your mail. where we have this line:
// $obj->mailto = 'yourmail@yourdomain.com'; // Replace your e-mail here
Support
Support
If you need to know anything else don't hesitate to ask us by our ThemeForest profile or Our send us an email by thmeatelierbd@gmail.com.
Credit
The whole wb community.