[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://triplefitness.sacke.co.uk/wp-content/uploads/2015/02/flexslider1-1.jpg” title=”Cardio” /]
[sliderItem img=”http://triplefitness.sacke.co.uk/wp-content/uploads/2015/02/flexslider2-1.jpg” title=”Kick Boxing” /]
[sliderItem img=”http://triplefitness.sacke.co.uk/wp-content/uploads/2015/02/flexslider3-1.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]