Thank you for purchasing Healthify template. This documentation will help to know more about template and how is structured and how to use the template features. Healthify is a template for multi purpose sites built on Bootstrap Framework.
To be able to use HTML template, you must have the following:
assets/css
- Extra Stylesheets Folderassets/fonts
- Fonts Folderassets/images
- Images Folderassets/js
- Javacripts Folderstyle.css
- Main Stylesheet Fileindex.html
- Index File/Homepageunzip the compressed archive to see the following structure:
Healthify / ├── Documentation/ ├── Package/ ├── assets/ ├── css ├── images ├── fonts ├── js ├── about.html ├── ... └── why-does-the-coin-increase.html
To change the font, Check head inindex.html
then in first go to google fonts choose a font and use the
generated code and replace with next code.
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
style.css
body { font-family: "Open Sans", sans-serif;/*Change font*/ }
yellow hats has a number of included colour schemes that you can switch to at any
time. To switch colour schemes, simply replace color code in
style.css
with what you need.
<!-- COLORS --> --main-color: #4cadc1; --primary-color: #fff; --text-color: #3c3d3d; --border-color: #ebebeb; --background-color: #fafafa; --secondary-light-color: #777777; --secondary-color: #ffffff;
The main favicon is located in assets/images/favicon.png
replace with your own.
<link rel="icon" type="image/png" href="assets/images/favicon.png">
Just edit the logo.png
from the folder assets/images/
or open
index.html
and you should see the tag there:
<img src="assets/images/logo.png" title="Your Store" alt="Your Store" class="img-responsive">
I've used the following images, icons, JavaScript or other files as listed.