Fifth Avenue - Fashion and Photography Theme


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

Pages

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

Head Markup

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 </body>

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>

Stylesheets

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.

Style.css Structure

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

JavaScript Files

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