Genmed

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".

You can change the site logo by accessing the logo section for the header in any page.

genmed has 1 header layouts with smooth dropdown menus

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.