This theme uses the following file structure
/HTML
/css
All CSS Files per theme
/img
All images/js
Template JS/vendor
Imported JS/video
All Videos/master
SASS FilesThe /vendor
files, that are imported files are:
/vendor
/js
main.js / main.min.js
In here you can control the following
googleMap.js
You can go to a site such as snazzymaps.com and paste your style in here to customize your mapmodernizr.js
No need to change thisThis template uses the Bootstrap 3 Framework - Read more here
With bootstraps HTML syntax, you can use simple HTML structure to achieve a fully responsive working website
For you to understand where everything is:
theme.css
theme2.css
theme3.css
theme4.css
theme5.css
theme6.css
theme7.css
This is best done with SASS, if you have the ability to do so, please find the sass files in /master/sass
Otherwise, take the theme that you like the most, and build on that one.
.border-light
or .border-dark
to your body
.container
to .container-fluid
.container
to .container-fluid
section
add the class .dark1
.dark2
.dark3
or to make the background grey, use: .grey
. If you want to reset this to white, remove the class completely.. Use the online customiser to see examples of how you can do this: Click herenav#light
Will make your navigation light + smart stickynav#dark
Will make your navigation dark + smart stickynav#black
Will make your navigation black + smart stickynav#primary
Will make your navigation your primary colour + smart stickynav#secondary
Will make your navigation your secondary colour + smart stickynav.start-light
Will start the navigation light, but turn to whatever style you have defined in the ID on sticknav.transparent
Will make the background of your navigation transparent whilst positioned on the bannernav.minimal
Make sure .regular
is removed from the nav and minimal is applied. See markup on app2 page for correct class placements.
.container
or .container-fluid
More information is available again on the Bootstrap 3 websiteUsing one of the existing themes is quite easy, just before the end of the head
please change the theme to one that you like
link id="theme" rel="stylesheet" href="css/theme.css"
The icons used are all from a font. Here is shown which syntax is needed to use them
Link to the Ion Icons code sheet: http://ionicons.com/cheatsheet.html
If you take a good look at our headers/header-video.html
this following explains how to use the correct code to achieve this.
The video gets imported with following settings:
The poster
is a picture of the vide you will want to add to show when the video has not yet loaded. Then within, replace the banner1/format with your own video file.
Not changelog as of current