blinds - bydanimartibydanimarti.com/themes/html/blinds-theme/help.pdf · blinds v.1.0 feel free to...
TRANSCRIPT
Overview
Table of Contents
Blinds is a great Responsive Theme based on Bootstrap 3.0 what offers a new
and fresh design. It's ready to use. Perfect for your company, your business, or
your clients. It includes beautiful corporate pages, slideshow and blog for your
news and updates.
It's responsive and looks good on your desktop and mobile devices.
Easy to adapt, edit and customize. All code is separate in batches and
commented for an easy and fast identification.
1.- Structure
2.- Editing Content
3.- Sources and Credits
blindsv.1.0
Feel free to contact usfor support or
any suggestion [email protected]
Structureblindsv.1.0
Feel free to contact usfor support or
any suggestion [email protected]
The structure of this theme is really basic, the important files to edit are:
01
Structure
Editing Content
Sources and Credits
- index.html (corporate site)- blog.html (list of posts)- single-post.html (single post)- main.css / main.less (generic styles)- medias.css / medias.less (media queries for the responsive) - main.js (functions for corporate site)- blog.js (functions for blog and posts)- common.js (functions for the whole site)
1
For each slide we use the ID #slide-*You can edit the DIV .wrap-content within each DIV #content-*. You can add images,text, slideshow, whatever you need. To add ore remove slides just remove or duplicate the DIV #slide-* and rename it.
02
blindsv.1.0
Feel free to contact usfor support or
any suggestion [email protected]
Structure
Editing Content
Sources and Credits
Editing ContentTo edit content, add or delete slides.
1
1
You will see each slide has its ownbackground image. Remember to edit thisCSS if you want to add or remove more slides,just adding and renaming more #slide-* withits own background.
03
blindsv.1.0
Feel free to contact usfor support or
any suggestion [email protected]
Structure
Editing Content
Sources and Credits
To change the backgrounds of your slides, go to main.css / main.less and look
for the “structure” batch.
1
04
1
2
1Update the anchors list with the linksyou used for your slides.
2Match the attributes called“data-menuanchor” with the anchorsin main.js.
blindsv.1.0
Feel free to contact usfor support or
any suggestion [email protected]
Structure
Editing Content
Sources and Credits
If you have been adding or removing slides, you need to go to main.js and do
some changes.
Blinds uses different graphic and code free resources.
They are listed as follows:
Blinds is created by Dani Marti and Guillem Lorman from bajoelcocotero.com / bydanimarti.com.Once again, thank you so much for purchasing this theme.
The theme is based on Bootstrap 3.0 http://getbootstrap.com and jQuery fullPage.js http://alvarotrigo.com/fullPage/
The font used is Lato from Google Fontshttps://www.google.com/fonts#QuickUsePlace:quickUse/Family:Lato
The social icons are from Fontello http://fontello.com
We used the Free Icons Set from Pixeden http://www.pixeden.com
We used the Free Images from Unsplash http://unsplash.com
Sources and Creditsblindsv.1.0
Feel free to contact usfor support or
any suggestion [email protected]
Structure
Editing Content
Sources and Credits
05