Musicly - Music Bands and Musicians HTML Template
Documentation
For any support please don't hesitate to contact us at
Support Center. We
provide 16 hours real-time support for our customers.
We would like to thank you for choosing Musicly - Music Bands and Musicians
HTML Template.
Getting started
Musicly is a clean and modern HTML5 , Music Bands and Musicians
Template. We
have built Musicly to be as compatible as possible so that you can use it
for
any of your needs. It’s suitable for any music, band, club,
party, event, magazine, classic, podcast, podcasts, artist etc.
Template Features
HTML5 & CSS3
Bootstrap v5.x
Font Awesome Pro
SVG Icon
Built With SASS
jQuery
Gsap3
3 Home Pages
Responsive Design
Pixel Perfect Design
Creative Animations
Clean Code & Unique Design
Easy to Customize
What's Included
After purchasing Musicly template on themeforest.net with your Envato
account,
go to your
Download page. You can choose to download Musicly template package which
contains the following files:
The contents of the template package downloaded from ThemeForest
Musicly - An HTML Template file. this file you can
edit and use for your Services.
Documentation - This folder contains what you are
reading now :)
This template is a fixed layout with four columns. The main contents are
inside the 'body' tag divided into different section (i.e. header, banner,
services,... footer etc.). The general template structure is the same
throughout the template. Here is the general structure.
HTML Markup Structure
CSS Files and Structure
We are using one customed CSS files (main.css) and several vendor css files.
CSS file structure is as follows:
CSS Files and Structure
JavaScript Files
There is a custom .js file named main.js and are several vendor js files as
plugins. We are using jQuery(a javascript library) instead of vanilla
javascript. Our file structure is a follows:
Carefully collect the source name of the image (i.e. hero.jpg)
Open the file called img
Find the particular image file.
Replace the file with your image.
Make sure that the file name does not change. The file name should
be
the same.
Example: Suppose you want to change the following image
file:
You have to do the following to change this image with your own image:
Open the file called img
Find the particular image file called news-06.jpg
Replace the file with your image
Make sure that the file name does not change.
Note
Images seen in the live preview are only set for preview purposes.
They are not included in the download files.
Changing Brand Logo
To change any images of the website
Carefully collect the source name of the image (i.e.
logo.svg)
Open the file called img
Find the particular image file.
Replace the file with your image.
Make sure that the file name does not change.The file name
should be the same.
Example: Suppose you want to change the following
image file for change your logo:
Changing Colors
We have used scss for this project
to write css. If
you are familiar with scss you
should customize
only the .scss files. Please make
sure you compile
the main.scss file after you have
made changes in
any of the .scss files. We have compiled scss files into
main.css file.
