Suono - HTML Theme

Theme is based on twitter bootstrap . and a few jquery plugins that comes with css files, so there are following css files used in the theme.

• bootstrap
• flex slider
• bxslider
• owl carousel
• animations
• font-awesome
• twitter
• datetimepicker
• main

main.css is the files that has custom styles for visual, in main.css code has been divided in to sections so that you could easily modify it. here is how you would see the code structure.

1-Preloader
2-General Styles
3-Page head
4-Form Styling 
5-Spacing Helping Classes 
6-Social
7-Player  
8-Navigation 
9-Radio Player 
10-WaveSurfer Player 
11-custome-select 
12-Multi Search 
13-Search filters 
14-Albums 
15-Slider 
16-Section Head
17-Pricing 
18-Verticle Tabs 
19-parallax 
20-Song List
21-Article 
22-Tweet 
23-Navigators 
24-Events 
25-Events countdown 
26-events finder
27-event single 
28-Footer 
29-store product 
30-Comments 
31-Pagination 
32-Responsive 
33-Dark Skin

It is recommended that you must get familiar with the API of the plugins used in this template that will help to modify things easily, Links to the plugin sites cold be found in the credit section.

All theme related js has been placed in main.js and code has been divided into section, structure of sections is as follows:

    1-Custome Placeholder
    2-Home slider
    3-Parallax
    4-custome selectbox
    5-Twitter
    6-Owl slider
    7-Masonry
    8-Show Trending Song List
    9-Events countdown
    10-Date Time Picker
    11-Audio Player for blog post
    12-Player for Individual Songs
    13-packery
    14-Google Maps
    15-Menu
    16-Header Player
    17-WavePlayer ( used in header)

• Theme is based on Twitter Bootstrap, its recommended to see visit bootstrap docs page if you are not familiar with it.
• Font awesome icons has been used. you can visit the page for more details
• and lets not forget most important ingredient , Jquery – JS library
• Owl Carousel has been used for all the sliders
• flex slider has been used for all the sliders.
• bxslider has been used for slider.
• Stellar has been used for the parallax effect.
• Twitter Plugin has been added to show tweets.
• downCount has been used for showing countdowns.
• datetimepicker has been used show calendar.
• jplayer has been used for audio player.
• sticky is used for sticky nav.
• waitforimages used for image loading.
• masonry has been used for displaying blog posts.
• packery has been used in gallery images.

Images used are copyrights of their respective authors, has only been used for demo and will not be included in the package.