Genmed
V. 1.0.0

1. Introduction
Genmed is a modern, creative Medical Bootstrap 4 HTML5 Template. Genmed is perfect for any medical, hospital, health, clinic, medicine, surgeon, personal doctor website. Packed with high-quality 3 niche oriented homepages and 19 built-in awesome inner pages such as about, departments, department details, timetables appointments, multiple blog layouts, faq, doctors, doctor details, services, service details etc.
While designing Genmed we used Bootstrap 4. It’s 100% responsive that’s why it will work nicely on all smart devices(smart phones, tablet, PCs and desktops). It’s also well documented and clean coded that’s why anyone can change it easily.
2. HTML Structure
This template uses the 1170 grid system (12 columns) which will help streamline any customization you wish to make. If you're unfamiliar with the 1170 grid system, be sure to read about it here!
The main structure of this site is wrapped in a 'container' div. Inside of that div you will find each major section of the site given an appropritae grid size all equalling 12 columns in length. For example, the '.about-us' element has a class of 'col-xl-7' and the '.about-us' element has a class of 'col-xl-5'. The total columns equals 12 columns.
Note: If you want to add padding in a section use class="section-padding" 80px padding top & 80px padding bottom added in section. If you don't need padding remove class="section-padding".
2.1. Site Logo
You can change the site logo by accessing the logo
section for the header in any page.
2.2 Navigation
genmed has 1 header layouts with smooth dropdown menus
2.3 Footer
genmed has 1 footer layouts
2.4 Section Heading
You can use classsection-heading
within a div and an h3, p
tags to add the title and subtitle. This section will add the spacing required between the title and the section following it
2.5 Section Background Color
You can use classes .bg-theme
for a #4d4d4d
for primary color code. .bg-custom-white
for a #ffffff
for your primary color
2.6 Icons Packs
You can also use built-in icon packs in this template, all icons use CSS Font feature, so you can edit and give color to the icon easily. For referrences to easier you use all icons you can visit Fontawesome and Flaticons
3. CSS Structure
%%%%%%% Table of CSS %%%%%%% 1.General code 1.1 Typography 1.2 Space margins and padding 1.3 forms 1.4 Buttons 1.5 Section-Colors-&-Backgrounds 1.6 Modal & popups 1.7 Accordion 2.Homepage 2.1 Navigation 2.2 About Us 2.3 Recent Property 2.4 Featured Property 2.5 Sale 2.6 Rent 2.7 Agent 2.8 Blog 2.9 Why Choose Us 2.10 Testimonials 2.11 Partners 2.12 Free Consultation 2.13 Footer 2.14 Copyright 3.Blog 4.Blog Details 5.Listing 6.Listing Detail 7.Listing Detail Classic 8.Profile 9.About Us 10.Faqs 11.404 12.Coming Soon 13.Contact Us
4. Scripts
genmed uses the following scripts
- jquery.min.js
- popper.min.js
- bootstrap.min.js
- swiper.min.js
- slick.min.js
- jquery.nice-select.min.js
- jquery.magnific-popup.min.js
- jquery-ui.js
- custom.js
5. Image Files
6. Resources & Credits
Feedback and Suggestion for our products
Your feedback and support are so important to us and allow us to keep developing awesome templates. If you like our work, please support us by rating it. If you’re about to rate it less than 5 stars, please let us know the reason first, and we will do our best to improve the template. Thanks so much!
- Bootstrap 4
- jquery.min.js
- popper.min.js
- bootstrap.min.js
- swiper.min.js
- slick.min.js
- jquery.nice-select.min.js
- jquery.magnific-popup.min.js
- jquery-ui.js
- custom.js
- envato
- pexel-bay
- pexel
- unsplash
- Fontawesome
- Flaticons
Thank you
Once again, thank you so much for purchasing this product. As I said at the beginning, I'd be glad to help you if you have any questions relating to this product. No guarantees, but I'll do my best to assist. If you have a more general question relating to this product on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.