# 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.