[dt_sc_margin margin=”100″ /][dt_sc_fullwidth_section first][dt_sc_titled_box type=”info-box” title=”Title Comes Here” icon=”fa-cogs” bgcolor=”” variation=”” textcolor=””]Please click on the boxes to play animations.[/dt_sc_titled_box][dt_sc_margin margin=”60″ /][/dt_sc_fullwidth_section][dt_sc_one_column first][dt_sc_title type=”h4″ style=”” icon=”” margin=”0 0 5px 0″ align=”aligncenter” class=””]Bouncing Exits[/dt_sc_title][dt_sc_separators background_image=”” background_image_repeat=”” background_color=”#333333″ border_width=”0″ border_style=”” border_color=”” width=”25px” height=”2px” margin=”” alignment=”aligncenter” /][dt_sc_margin margin=”40″ /][/dt_sc_one_column][dt_sc_fullwidth_section type=”” backgroundimage=”” backgroundrepeat=”” backgroundposition=”” backgroundattachment=”” backgroundsize=”” backgroundcolor=”” opacity=”” backgroundcolorsecondary=”” opacitysecondary=”” backgroundimagesecondary=”” backgroundrepeatsecondary=”” backgroundpositionsecondary=”” parallax=”” paddingtop=”” paddingbottom=”” textcolor=”” topbordercolor=”” bottombordercolor=”” gradientvalue=”” gradientvaluesecondary=”” gradientdegree=”” radialgradientposition=”” applywhitecolor=”” align=”” disablecontainer=”” class=”play-animations hold-animations” first][dt_sc_one_third bgcolor=”#ed9b4c” bgcoloropacity=”0.3″ padding=”30px” animation=”bounceOut” animation_delay=”500″ first][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Bounce Out[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#41d4d6″ bgcoloropacity=”0.3″ padding=”30px” animation=”bounceOutUp” animation_delay=”1000″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Bounce Out Up[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#2eb9ea” bgcoloropacity=”0.3″ padding=”30px” animation=”bounceOutDown” animation_delay=”1500″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Bounce Out Down[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_margin margin=”20″ /][dt_sc_one_third bgcolor=”#9268e8″ bgcoloropacity=”0.3″ padding=”30px” animation=”bounceOutLeft” animation_delay=”2000″ first][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Bounce Out Left[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#f3c72f” bgcoloropacity=”0.3″ padding=”30px” animation=”bounceOutRight” animation_delay=”2500″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Bounce Out Right[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][/dt_sc_fullwidth_section][dt_sc_margin margin=”90″ /][dt_sc_fullwidth_section type=”” backgroundimage=”” backgroundrepeat=”” backgroundposition=”” backgroundattachment=”” backgroundsize=”” backgroundcolor=”#f8f8f8″ opacity=”” backgroundcolorsecondary=”” opacitysecondary=”” backgroundimagesecondary=”” backgroundrepeatsecondary=”” backgroundpositionsecondary=”” parallax=”” paddingtop=”” paddingbottom=”” textcolor=”” topbordercolor=”” bottombordercolor=”” gradientvalue=”” gradientvaluesecondary=”” gradientdegree=”” radialgradientposition=”” applywhitecolor=”” align=”” disablecontainer=”” class=”play-animations hold-animations” first][dt_sc_margin margin=”50″ /][dt_sc_title type=”h4″ style=”” icon=”” margin=”0 0 5px 0″ align=”aligncenter” class=””]Fading Exits[/dt_sc_title][dt_sc_separators background_image=”” background_image_repeat=”” background_color=”#333333″ border_width=”0″ border_style=”” border_color=”” width=”25px” height=”2px” margin=”” alignment=”aligncenter” /][dt_sc_margin margin=”40″ /][dt_sc_one_third bgcolor=”#89c34a” bgcoloropacity=”0.3″ padding=”30px” animation=”fadeOut” animation_delay=”500″ first][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Fade Out[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#e65100″ bgcoloropacity=”0.3″ padding=”30px” animation=”fadeOutUp” animation_delay=”1000″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Fade Out Up[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#ed8896″ bgcoloropacity=”0.3″ padding=”30px” animation=”fadeOutDown” animation_delay=”1500″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Fade Out Down[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_margin margin=”20″ /][dt_sc_one_third bgcolor=”#4285f4″ bgcoloropacity=”0.3″ padding=”30px” animation=”fadeOutLeft” animation_delay=”2000″ first][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Fade Out Left[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#5f368c” bgcoloropacity=”0.3″ padding=”30px” animation=”fadeOutRight” animation_delay=”2500″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Fade Out Right[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#b67df4″ bgcoloropacity=”0.3″ padding=”30px” animation=”fadeOutUpBig” animation_delay=”3000″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Fade Out Up Big[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_margin margin=”20″ /][dt_sc_one_third bgcolor=”#8c6046″ bgcoloropacity=”0.3″ padding=”30px” animation=”fadeOutDownBig” animation_delay=”3500″ first][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Fade Out Down Big[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#ff4c83″ bgcoloropacity=”0.3″ padding=”30px” animation=”fadeOutLeftBig” animation_delay=”4000″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Fade Out Left Big[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#a03eae” bgcoloropacity=”0.3″ padding=”30px” animation=”fadeOutRightBig” animation_delay=”4500″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Fade Out Right Big[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_margin margin=”60″ /][/dt_sc_fullwidth_section][dt_sc_margin margin=”90″ /][dt_sc_one_column first][dt_sc_title type=”h4″ style=”” icon=”” margin=”0 0 5px 0″ align=”aligncenter” class=””]Fading Exits[/dt_sc_title][dt_sc_separators background_image=”” background_image_repeat=”” background_color=”#333333″ border_width=”0″ border_style=”” border_color=”” width=”25px” height=”2px” margin=”” alignment=”aligncenter” /][dt_sc_margin margin=”40″ /][/dt_sc_one_column][dt_sc_fullwidth_section type=”” backgroundimage=”” backgroundrepeat=”” backgroundposition=”” backgroundattachment=”” backgroundsize=”” backgroundcolor=”” opacity=”” backgroundcolorsecondary=”” opacitysecondary=”” backgroundimagesecondary=”” backgroundrepeatsecondary=”” backgroundpositionsecondary=”” parallax=”” paddingtop=”” paddingbottom=”” textcolor=”” topbordercolor=”” bottombordercolor=”” gradientvalue=”” gradientvaluesecondary=”” gradientdegree=”” radialgradientposition=”” applywhitecolor=”” align=”” disablecontainer=”” class=”play-animations hold-animations” first][dt_sc_one_third bgcolor=”#eaecce” padding=”30px” animation=”flipOutX” animation_delay=”500″ first][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Flip Out X[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#efdada” padding=”30px” animation=”flipOutY” animation_delay=”1000″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Flip Out Y[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][/dt_sc_fullwidth_section][dt_sc_margin margin=”90″ /][dt_sc_fullwidth_section type=”” backgroundimage=”” backgroundrepeat=”” backgroundposition=”” backgroundattachment=”” backgroundsize=”” backgroundcolor=”#f8f8f8″ opacity=”” backgroundcolorsecondary=”” opacitysecondary=”” backgroundimagesecondary=”” backgroundrepeatsecondary=”” backgroundpositionsecondary=”” parallax=”” paddingtop=”” paddingbottom=”” textcolor=”” topbordercolor=”” bottombordercolor=”” gradientvalue=”” gradientvaluesecondary=”” gradientdegree=”” radialgradientposition=”” applywhitecolor=”” align=”” disablecontainer=”” class=”play-animations hold-animations” first][dt_sc_margin margin=”50″ /][dt_sc_title type=”h4″ style=”” icon=”” margin=”0 0 5px 0″ align=”aligncenter” class=””]Rotating Exits[/dt_sc_title][dt_sc_separators background_image=”” background_image_repeat=”” background_color=”#333333″ border_width=”0″ border_style=”” border_color=”” width=”25px” height=”2px” margin=”” alignment=”aligncenter” /][dt_sc_margin margin=”40″ /][dt_sc_one_third bgcolor=”#e6dcf6″ padding=”30px” animation=”rotateOut” animation_delay=”500″ first][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Rotate Out[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#b7ddef” padding=”30px” animation=”rotateOutUpLeft” animation_delay=”1000″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Rotate Out Up Left[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#cfd8f9″ padding=”30px” animation=”rotateOutDownLeft” animation_delay=”1500″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Rotate Out Down Left[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_margin margin=”20″ /][dt_sc_one_third bgcolor=”#e6ddca” padding=”30px” animation=”rotateOutUpRight” animation_delay=”2000″ first][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Rotate Out Up Right[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#d9ddc9″ padding=”30px” animation=”rotateOutDownRight” animation_delay=”2500″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Rotate Out Down Right[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_margin margin=”60″ /][/dt_sc_fullwidth_section][dt_sc_margin margin=”90″ /][dt_sc_one_column first][dt_sc_title type=”h4″ style=”” icon=”” margin=”0 0 5px 0″ align=”aligncenter” class=””]Special Exits[/dt_sc_title][dt_sc_separators background_image=”” background_image_repeat=”” background_color=”#333333″ border_width=”0″ border_style=”” border_color=”” width=”25px” height=”2px” margin=”” alignment=”aligncenter” /][dt_sc_margin margin=”40″ /][/dt_sc_one_column][dt_sc_fullwidth_section type=”” backgroundimage=”” backgroundrepeat=”” backgroundposition=”” backgroundattachment=”” backgroundsize=”” backgroundcolor=”” opacity=”” backgroundcolorsecondary=”” opacitysecondary=”” backgroundimagesecondary=”” backgroundrepeatsecondary=”” backgroundpositionsecondary=”” parallax=”” paddingtop=”” paddingbottom=”” textcolor=”” topbordercolor=”” bottombordercolor=”” gradientvalue=”” gradientvaluesecondary=”” gradientdegree=”” radialgradientposition=”” applywhitecolor=”” align=”” disablecontainer=”” class=”play-animations hold-animations” first][dt_sc_one_third bgcolor=”#ddf3d2″ padding=”30px” animation=”hinge” animation_delay=”500″ first][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Hinge[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#b7eaf0″ padding=”30px” animation=”rollOut” animation_delay=”1000″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Roll Out[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][dt_sc_one_third bgcolor=”#bed3f2″ padding=”30px” animation=”lightSpeedOut” animation_delay=”1500″ ][dt_sc_title type=”h4″ style=”” icon=”” align=”aligncenter” class=””]Light Speed Out[/dt_sc_title]
Donec tellus quam, dapibus quis turpis ut, vestibulum feugiat nunc. Sed ultrices euismod nunc id pharetra. Nullam consequat nisl vitae.
[/dt_sc_one_third][/dt_sc_fullwidth_section][dt_sc_margin margin=”100″ /]