Construct by Squidix

HTML Files and Structure

This theme is a fixed layout. All of the information within the main content area is nested within a div with a class of "content_block". For blog sidebar (column #2) content is within a div with a class of "sidebar". The general template structure is the same throughout the template. Here is the general structure.

Important Elements

• .header: The header bar at the top of the page.
• .text_bar, .text_bar2, .top_title: Variants of the title of the page.
• .content_block: Holds the primary page content
• .social_block: The social icons at the bottom of the page.
• .footer: The about, recent tweets, recent posts and subscribe block at the bottom of the page.
• .copyright: The copyright and bottom of the page.

Repeated Elements

• .features_block, .features2_block, .bc_list, .features4_block, .features_explore, .features5_block, .features6_block :Vatiations of the features area.
• .features_list: The features work list.
• .client_list: The client list slider.
• .why_choose: The why choose content block.
• .flyout_area: The flyout area.
• .send_quote: The send quote area.
• .intro_text: The intro text block.
• .pager_nav: The page navigation list.
• .share_story: The share story icons area.

Index Elements

These are the elements pertaining to the home pages.

• .moover_wraper: The moover slider area.
• .flexslider: The flex slider area.
• #piecemaker: The piecemaker slider area.
• .nivo-wrap: The nivo slider area.
• .unleash_wrap: The unleash slider area.
• .bxslider_wrap: The bxslider slider area.
• #obo_slider: The one bt one slider area.

About Elements

These are the elements pertaining to the about pages.

• .intro_slider: About intro text slider.
• .process: The process steps list.

Team Elements

These are the elements pertaining to the team pages.

• .team_option, .team_option2, .team_option3, .team_option4: Variations of the team options list.

Services Elements

These are the elements pertaining to the services pages.

• .services_option, .services_option2, .services_option4: Variations of the services options list.

Process Elements

These are the elements pertaining to the process pages.

• .process, .process2, .process3: Variations of the process steps list.

Testimonials Elements

These are the elements pertaining to the testimonials pages.

• .testimonial_option, .testimonial_option2, .testimonial_option3, .testimonial_option4: Variations of the testimonials options list.

Contact us Elements

These are the elements pertaining to the contact us pages.

• .contact_us: Contact us text and form area.

Pricing Elements

These are the elements pertaining to the pricing pages.

• .pricing_option: Pricing options list area.

FAQ Elements

These are the elements pertaining to the FAQ pages.

• .faq_list: Faq list area.

Left navigation

These are the elements pertaining to the left navigation pages.

• .left_nav: Left navigation tab list.

Right navigation

These are the elements pertaining to the right navigation pages.

• .right_nav: Right navigation tab list.

Full width

These are the elements pertaining to the full width pages.

• .full_width: Full width content area.

Portfolio Elements

These are the elements pertaining to the portfolio pages.

• .short_text_layout: The short text area.
• .short_text_col_2: The short text area with 2 columns.
• .short_text_col_3: The short text area with 3 columns.
• .short_text_col_4: The short text area with 4 columns.
• .long_text_layout: The long text area.
• .long_text_col_2: The long text area with 2 columns.
• .long_text_col_3: The long text area with 3 columns.
• .long_text_col_4: The long text area with 4 columns.
• .long_text_layout_wide: The long text wide area.
• .portfolio_sidebar: The content area on the left side.
• .portfolio_sidebar .two_columns: The content area on the left side with 2 columns.
• .portfolio_sidebar .three_columns: The content area on the left side with 3 columns.
• .portfolio_sidebar_right: The content area on the right side.
• .portfolio_sidebar_right .two_columns: The content area on the right side with 2 columns.
• .portfolio_sidebar_right .three_columns: The content area on the right side with 3 columns.
• .gallery_list: The gallery style list area.
• .gallery_list_col_2: The gallery style list area with 2 columns.
• .gallery_list_col_3: The gallery style list area with 3 columns.
• .gallery_list_col_4: The gallery style list area with 4 columns.
• .single_full: Portfolio single post with full width.
• .single_left: Portfolio single post with left sidebar.
• .single_right: Portfolio single post with right sidebar.

Blog Elements

These are the elements pertaining to the blog pages.

• .blog_entries: The posts list.
• .blog_entries_full: The posts list with full width.
• .post_medium: The large posts list.
• .post_full: The post's content.
• .comments: Box for all comments.
• .leave_comment: Box for leaving a comment.

Shortcodes Elements

These are the elements pertaining to the shortcodes pages.

• .accordions: The accordions list.
• .sidebar_tabs: The sidebar tabs list.
• .vertical_tabs, .horizontal_tabs: Variations of tabs presentaion.
• .alert_icons_block: The alert blocks area.
• .social_icons: The social icons area.
• .small_icons, .medium_icons, .large_icons: Different sizes of social icons.
• .google_map: The google maps area.
• .wraper_typ: The typography area.
• .video_block: Blocks for video.

Javascript Files and Structure

This theme uses external link to jquery library.

Javascript for moover slider located at assets/scripts/jquery.id.moover-1.5.min.js.

Javascript for flexslider slider located at assets/scripts/jquery.flexslider-min.js.

Javascript for piecemaker slider located at assets/scripts/piecemaker folder.

Javascript for nivo slider located at assets/scripts/jquery.nivo.slider.js.

Javascripts for unleash slider located at assets/scripts/jquery.unleash.min.js, assets/scripts/jquery-css-transform.js, assets/scripts/jquery-animate-css-rotate-scale.js, assets/scripts/jquery.animation.easing.js.

Javascripts for bxSlider sliders located at assets/scripts/jquery.bxSlider.min.js.

Javascripts for onebyone sliders located at assets/scripts/jquery.onebyone.min.js, assets/scripts/jquery.touchwipe.min.js.

Javascripts for faq sliders located at assets/scripts/jquery.faq, assets/scripts/jquery.simpleFAQ-0.7.min.

Small javascript that activate sliders, faq, links, inputs located at assets/scripts/js_func.js.

CSS Files and Structure

This theme uses one primary stylesheet located at assets/stylesheets/style.css.

Stylesheet for tablets/mobiles located at assets/stylesheets/responsive.css.

Stylesheet for moover slider located at assets/stylesheets/jquery.id.moover-1.5.css.

Stylesheet for flexslider slider located at assets/stylesheets/flexslider.css.

Stylesheet for piecemaker slider located at assets/scripts/piecemaker folder.

Stylesheet for nivo slider located at assets/stylesheets/nivoslider.css.

Stylesheet for unleash slider located at assets/stylesheets/unleash.css.

Stylesheet for onebyone slider located at assets/stylesheets/jquery.onebyone.css.

In this directory you will also see PIE.htc file and assets/scripts/ie9.js. These are used to deal with some compatibility issues.

"PT Sans" font style located in header < link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css' >

For further assistance, you can contact us at support@squidix.com or visit our support forums.