医疗技术 | HTML 模板
Introduction
The Medtech HTML5 website template is a custom design parallax effect yet powerful solution for displaying artwork. The Medtech HTML5 template features a fully responsive framework that looks fantastic on any mobile device and retina display ready for high-quality resolution graphics.
It contains Services layouts and Teams design and 05+ valid HTML5 page templates. The Medtech template features the coded with Bootstrap v4.0, HTML5 & CSS3 and unlimited color schemes. It’s compatible with all modern browsers and search engine friendly. So showcase your artworks and services with this awesome template!
How to Edit HTML Files?
We have included 05+ custom HTML templates like homepage styles, services styles, teams styles etc. Please open any HTML files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.
How to Edit CSS Files?
We have included some custom CSS styles like style.css (default). Please open any CSS files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want. For example if you want to edit your banner images open style.css and look at “.banner-con” for banner image and change your styles.
How to use Color Schemes? –
Please open style.css file from Medtech/assets/css folder with a text editor and build your own colors. #ffffff this is our primary color, you can search and replace all to your new color code.
How to use Teams Slider?
We are using bootstrap 4 carasoul for teams slider
How to use On Load Animation?
We are wow.js on load animation for our website. you can edit them by simply adding or changeing the predefined classes name.
jQuery Files
- assets/js/jquery-3.6.0.min.js
- assets/js/bootstrap.min.js
- js/popper.min.js
- js/wow.js
Photos
- Enveto Elements
- Freepik Photos
Icons:
- Font-Awesome
font:
- Jost
Resources Used
Global
Colors:
- Primary: #ffffff
- Secondary: #074560
- Ascent: #ff8a00
- Text: #52656d
Font Sizes:
h1 >> 60 px
h2 >> 46 px
h3 >> 24 px
h4 >> 20 px
h5 >> 18 px
h6 >> 16 px
P >> 14 px
Image Links:
- https://elements.envato.com/doctor-DRJDAU5
- https://elements.envato.com/female-doctor-TG6UCUU
- https://elements.envato.com/female-doctor-in-medical-uniform-with-stethoscope-YSMF92H
- https://elements.envato.com/male-doctor-portrait-PYG2WCH
- https://elements.envato.com/four-different-types-of-medical-thermometers-GXEK3SM
- https://elements.envato.com/medicare-icons-line-and-solid-3RY2AS4
- https://elements.envato.com/smiling-mature-male-doctor-with-stethoscope-holdin-K4ZNZJL
- https://elements.envato.com/doctor-66MRTKW
- https://elements.envato.com/digital-medicine-line-design-style-icons-set-6YG8G2M
- https://elements.envato.com/30-telemedicine-icons-6WJPXNP
- https://elements.envato.com/30-hospital-icons-ZYLPRVF
- https://elements.envato.com/lylac-medical-icons-D72U9VN
- https://elements.envato.com/health-checkup-filled-icon-F6SN8L5
- https://elements.envato.com/30-healthcare-medical-icons-JJZR4L9/preview/3
- https://elements.envato.com/confident-professional-multiethnic-doctors-smiling-9HEUDCP
- https://elements.envato.com/simple-mobile-mockup-social-media-WP4GH35
- https://elements.envato.com/woman-doctor-with-stethoscope-and-folder-isolated-ZRCNSMH
- https://elements.envato.com/portrait-of-happy-young-female-customer-in-jeans-f-HMYBUBS
- https://elements.envato.com/simple-mobile-mockup-social-media-WP4GH35
- https://elements.envato.com/105-medical-and-healthcare-line-icons-9WX2WY6
- https://elements.envato.com/doctor-being-measuring-examination-patient-and-che-ZQDPM3U
- https://elements.envato.com/doctor-in-white-coat-with-stethoscope-holding-diag-QFSHJWF