Carousels and Posts

[bootstrapContainer fullscreen=”off” bg_color=”transparent” bg_image=”” bg_position=”static” bg_repeat=”repeat-x” alignment=”left” padding_top=”60″ padding_bottom=”80″ parallax=”off” arrow=”off” arrow_color=”#182433″ class=”” id=””]

[bootstrapRow class=””]

[bootstrapColumn col_large=”4″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

Slider Carousel

[divider height=”1″ width=”80px” bg_color=”#F6D600″ margin_top=”20″ margin_bottom=”30″ divider_style=”standard” /]

Insert as many slides as you wish into the slider carousel. The slider carousel is powered by the free Flexslider plug-in. Easily switch between slide and fade mode with the integrated shortcode parameters.

[/bootstrapColumn]

[bootstrapColumn col_large=”8″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

[sliderCarousel animation=”slide”]
[sliderItem img=”http://68insidesports.com/wp-content/uploads/2015/02/flexslider1.jpg” title=”Cardio” /]

[sliderItem img=”http://68insidesports.com/wp-content/uploads/2015/02/flexslider2.jpg” title=”Kick Boxing” /]

[sliderItem img=”http://68insidesports.com/wp-content/uploads/2015/02/flexslider3.jpg” title=”Endurance” /]
[/sliderCarousel]

[/bootstrapColumn]

[/bootstrapRow]

[/bootstrapContainer]

[bootstrapContainer fullscreen=”off” bg_color=”transparent” bg_image=”” bg_position=”static” bg_repeat=”repeat-x” alignment=”left” padding_top=”60″ padding_bottom=”60″ parallax=”off” arrow=”off” arrow_color=”#182433″ class=”” id=””]

[bootstrapRow class=””]

[bootstrapColumn col_large=”4″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

Classes Carousel

[divider height=”1″ width=”80px” bg_color=”#F6D600″ margin_top=”20″ margin_bottom=”30″ divider_style=”standard” /]

Display scheduled classes with the classesCarousel shortcode. Past scheduled classes get automatically filtered out so customers are always viewing the next upcoming scheduled class.

[/bootstrapColumn]

[bootstrapColumn col_large=”8″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

[classesCarousel post_order=”ASC” /]

[/bootstrapColumn]

[/bootstrapRow]

[/bootstrapContainer]

[bootstrapContainer fullscreen=”off” bg_color=”transparent” bg_image=”” bg_position=”static” bg_repeat=”repeat-x” alignment=”left” padding_top=”60″ padding_bottom=”60″ parallax=”off” arrow=”off” arrow_color=”#182433″ class=”” id=””]

[bootstrapRow class=””]

[bootstrapColumn col_large=”4″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

News Posts

[divider height=”1″ width=”80px” bg_color=”#F6D600″ margin_top=”20″ margin_bottom=”30″ divider_style=”standard” /]

Display news posts anywhere throughout your page. Display up to a maximum of 3 posts and control the order in which they appear using the shortcode parameters.

[/bootstrapColumn]

[bootstrapColumn col_large=”8″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

[postItems num_of_posts=”1″ post_order=”DESC” class=”” /]

[/bootstrapColumn]

[/bootstrapRow]

[/bootstrapContainer]

[bootstrapContainer fullscreen=”off” bg_color=”transparent” bg_image=”” bg_position=”static” bg_repeat=”repeat-x” alignment=”left” padding_top=”60″ padding_bottom=”60″ parallax=”off” arrow=”off” arrow_color=”#182433″ class=”” id=””]

[bootstrapRow class=””]

[bootstrapColumn col_large=”4″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

Staff Profile

[divider height=”1″ width=”80px” bg_color=”#F6D600″ margin_top=”20″ margin_bottom=”30″ divider_style=”standard” /]

Display staff member profiles anywhere throughout your page with the staffProfile shortcode. Choose which member profile to display by simply passing in the post id into the id parameter.

[/bootstrapColumn]

[bootstrapColumn col_large=”8″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

[staffProfile id=”286″ name_color=”#2C5E83″ title_color=”#4B4B4B” /]

[/bootstrapColumn]

[/bootstrapRow]

[/bootstrapContainer]

[bootstrapContainer fullscreen=”off” bg_color=”transparent” bg_image=”” bg_position=”static” bg_repeat=”repeat-x” alignment=”left” padding_top=”60″ padding_bottom=”80″ parallax=”off” arrow=”off” arrow_color=”#182433″ class=”” id=””]

[bootstrapRow class=””]

[bootstrapColumn col_large=”4″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

Panels Carousel

[divider height=”1″ width=”80px” bg_color=”#F6D600″ margin_top=”20″ margin_bottom=”30″ divider_style=”standard” /]

The panels carousel is great for interactive presentations and you can insert as many panels as you wish through the Redux framework.

[/bootstrapColumn]

[bootstrapColumn col_large=”8″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

[panelsCarousel target=”_self” /]

[/bootstrapColumn]

[/bootstrapRow]

[/bootstrapContainer]

 

[bootstrapContainer fullscreen=”off” bg_color=”transparent” bg_image=”” bg_position=”static” bg_repeat=”repeat-x” alignment=”left” padding_top=”60″ padding_bottom=”80″ parallax=”off” arrow=”off” arrow_color=”#182433″ class=”” id=””]

[bootstrapRow class=””]

[bootstrapColumn col_large=”4″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

Client Carousel

[divider height=”1″ width=”80px” bg_color=”#F6D600″ margin_top=”20″ margin_bottom=”30″ divider_style=”standard” /]

The client carousel is great for displaying client logos or brand logos. In our demo we are displaying several fitness brands and each logo in the carousel is fully interactive.

[/bootstrapColumn]

[bootstrapColumn col_large=”8″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

[clientCarousel target=”_blank” /]

[/bootstrapColumn]

[/bootstrapRow]

[/bootstrapContainer]

[bootstrapContainer fullscreen=”off” bg_color=”transparent” bg_image=”” bg_position=”static” bg_repeat=”repeat-x” alignment=”left” padding_top=”60″ padding_bottom=”90″ parallax=”off” arrow=”off” arrow_color=”#182433″ class=”” id=””]

[bootstrapRow class=””]

[bootstrapColumn col_large=”4″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

Event Posts

[divider height=”1″ width=”80px” bg_color=”#F6D600″ margin_top=”20″ margin_bottom=”30″ divider_style=”standard” /]

Display events anywhere throughout your page with the eventItems shortcode. Past events get automatically filtered out so customers are always viewing the next upcoming event.

[/bootstrapColumn]

[bootstrapColumn col_large=”8″ col_medium=”6″ col_small=”12″ col_extrasmall=”12″ class=”” animation_delay=”0.3″]

[eventItems num_of_posts=”3″ post_order=”ASC” /]

[/bootstrapColumn]

[/bootstrapRow]

[/bootstrapContainer]