Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to open a support ticket at Thunderthemes.net Thanks so much!
| Author: | Thunderthemes.net |
| Contact: | Support Forum |
| Author URL: | thunderthemes.net |
| Portfolio URL: | thunderthemes.net |
| Current Version: | 1.0 |
| Documentation Version | 1.0 |
| Created: | 2013-11-28 |
| Modified: | 2013-01-28 |
There are a lot of pages ready to be used by you! You can easily edit and link between those pages templates. There is a list with the available options:
| Page Name | Description |
|---|---|
index.html |
Main index page with 2 rows and 3 columns |
home_layout2.html |
Main index page with Masonry Layout |
home_layout3.html |
Main index page with Masonry Layout and background image |
home_layout4.html |
Main index page with 3 rows and 1 full-width column |
home_layout5.html |
Main index page with 4 rows and 1 full-width column with dfferent hover effects |
portfolio_filters.html |
Portfolio filters page with isotope function based on category |
portfolio_double.html |
Portfolio page with 2 columns 2 rows and hover effects |
portfolio_masonry.html |
Portfolio with Masonry layout and Single Work Title |
portfolio_single.html |
Portfolio single page with Slider and photos gallery with lightbox effects |
page_elements.html |
Template elements |
page_contacts.html |
Contacts page with Custom Google Map |
page_team.html |
Team Page |
blog_style1.html |
Standard blog page with sidebar |
blog_double.html |
Two columns blog layout |
blog_masonry.html |
Blog with Masonry layout and post data with hover effects |
blog_single.html |
Article blog page with comments layout |
All the Style Sheets are being called on head section.
foundation.css and style.css are the structure CSS Files, they are responsible for all the Foundation Framework functionalities. black.css and white.css contains all the colors styles. fontello.css are for icons and flexslider.css contains all sliders styles.
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fifth Avenue - Fashion and Photography Theme</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/black.css" />
<!-- <link rel="stylesheet" href="css/white.css" /> -->
<link rel="stylesheet" href="css/fontello.css">
<!--[if IE 7]>
<link rel="stylesheet" href="css/fontello-ie7.css">
<![endif]-->
<link rel="stylesheet" href="css/flexslider.css"> </head>
Before closing the body tag, the js files and js function calls are made.
<script src="js/vendor/custom.modernizr.js"></script>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/hoverIntent.js"></script>
<script src="js/superfish.js"></script>
Here's a list of the stylesheet files we're using.
| File Name | Description |
|---|---|
foundation.css |
Contains all Foundation Framework Stylesheets |
styles.css |
Contains all Global layouts styles |
black.css |
Contains all black layouts colors. |
white.css |
Contains all white layouts colors. |
fontello.css |
Contains all icons styles. |
flexslider.css |
Contains all flexslider styles. |
prettyPhoto.css |
Contains all Lightbox colors and styles. |
The Main CSS file, and responsible for almost the design on this template is style.css. This file contains all of the specific stylings. The file is separated into sections using a Table of Contents
/*
Fifth Avenue - Professional Theme
----------------------------------------------------------------------------------------
1. Global (headings,typography )
2. Header (header,logo,menu)
x. Lists
x. Buttons
x. Menu
x. Masonry
x. Supersized
x. Portfolio Item
x. Portfolio : filters
x. Team styles
x. Blog styles
x. Sidebar styles
x. Pagination
x. Tags + Comments
x. Footer
x. newsletter
x Responsive Layouts
Since there are a lot of Javascript files from Foundation Framework and since we do not need them all the time in this Theme, we'll
just describe the costum JS Files for this theme.
If you think you'll need a specific JS file in a specific page you can add it in the bottom or top of the page.
| Tag | Description |
|---|---|
js/jquery-1.9.1.min.js |
jQuery is a Javascript library that greatly reduces the amount of code that you must write. |
js/custom.js |
Most of the animation and interaction in the browser are definined in this file. There are some specific functions. |
js/jquery.isotope.min.js |
This is a Isotope v1.5.19 javascript : more information at metafizzy Official Site |
js/jquery.prettyPhoto.js |
Lightbox gallery javascript: more information at prettyPhoto Official Website |
js/jquery.flexslider-min.js |
Slider javascript: more information at WooThemes Official Website |
js/foundation/* |
a lot of foundation native javascripts |
