how to create parallax page demo ??

[idixs]

http://dante.swiftideas.net/parallax-page-demo/

Why are not the source of the dante_demo-content.xml on it?

i need this page ‘classic editor’ source code. plz~~~~.

[Swift Ideas – Ed]

Hi there,

This is a new page. Here is the content source:

[blank_spacer height="0px" spacer_id="intro" spacer_name="Intro" width="1/1" el_position="first last"] [spb_parallax parallax_type="image" bg_image="11423" bg_type="cover" parallax_video_height="video-height" parallax_video_overlay="none" parallax_image_height="window-height" parallax_image_movement="stellar" parallax_image_speed="0.5" alt_background="none" el_class="mt0 mb0 bt0 bb0 no-shadow" width="1/1" el_position="first last"]
<p class="impact-text-large" style="text-align: center;"><span style="color: #ffffff;">Introduction.</span></p>

<h3 style="text-align: center;"><span style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h3>
&nbsp;
<p style="text-align: center;">[sf_button colour="transparent-light" type="standard" size="large" link="http://" target="_self" icon="" dropshadow="no" extraclass=""]PARALLAX BUTTON ONE[/sf_button]</p>
[/spb_parallax] [blank_spacer height="0px" spacer_id="step1" spacer_name="Step 1" width="1/1" el_position="first last"] [spb_parallax parallax_type="image" bg_image="11431" bg_type="cover" parallax_video_height="video-height" parallax_video_overlay="none" parallax_image_height="window-height" parallax_image_movement="stellar" parallax_image_speed="0.5" alt_background="none" el_class="mt0 mb0 bt0 bb0 no-shadow" width="1/1" el_position="first last"]
<p class="impact-text-large" style="text-align: center;"><span style="color: #ffffff;">Step One.</span></p>

<h3 style="text-align: center;"><span style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h3>
&nbsp;
<p style="text-align: center;">[sf_button colour="transparent-light" type="standard" size="large" link="http://" target="_self" icon="" dropshadow="no" extraclass=""]PARALLAX BUTTON TWO[/sf_button]</p>
[/spb_parallax] [blank_spacer height="0px" spacer_id="step2" spacer_name="Step 2" width="1/1" el_position="first last"] [spb_parallax parallax_type="image" bg_image="11429" bg_type="cover" parallax_video_height="video-height" parallax_video_overlay="none" parallax_image_height="window-height" parallax_image_movement="stellar" parallax_image_speed="0.5" alt_background="none" el_class="mt0 mb0 bt0 bb0 no-shadow" width="1/1" el_position="first last"]
<p class="impact-text-large" style="text-align: center;"><span style="color: #ffffff;">Step Two.</span></p>

<h3 style="text-align: center;"><span style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h3>
&nbsp;
<p style="text-align: center;">[sf_button colour="transparent-light" type="standard" size="large" link="http://" target="_self" icon="" dropshadow="no" extraclass=""]PARALLAX BUTTON THREE[/sf_button]</p>
[/spb_parallax] [blank_spacer height="0px" spacer_id="step3" spacer_name="Step 3" width="1/1" el_position="first last"] [spb_parallax parallax_type="image" bg_image="11430" bg_type="cover" parallax_video_height="content-height" parallax_video_overlay="none" parallax_image_height="window-height" parallax_image_movement="stellar" parallax_image_speed="0.5" alt_background="none" el_class="mt0 mb0 bt0 bb0 no-shadow" width="1/1" el_position="first last"]
<p class="impact-text-large" style="text-align: center;"><span style="color: #ffffff;">Step Three.</span></p>

<h3 style="text-align: center;"><span style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h3>
&nbsp;
<p style="text-align: center;">[sf_button colour="transparent-light" type="standard" size="large" link="http://" target="_self" icon="" dropshadow="no" extraclass=""]PARALLAX BUTTON FOUR[/sf_button]</p>
[/spb_parallax] [blank_spacer height="0px" spacer_id="end" spacer_name="The End" width="1/1" el_position="first last"] [spb_parallax parallax_type="image" bg_image="11428" bg_type="cover" parallax_video_height="content-height" parallax_video_overlay="none" parallax_image_height="window-height" parallax_image_movement="stellar" parallax_image_speed="0.5" alt_background="none" el_class="mt0 mb0 bt0 bb0 no-shadow" width="1/1" el_position="first last"]
<p class="impact-text-large" style="text-align: center;"><span style="color: #ffffff;">The End.</span></p>

<h3 style="text-align: center;"><span style="color: #ffffff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></h3>
&nbsp;
<p style="text-align: center;">[sf_button colour="transparent-light" type="standard" size="large" link="http://" target="_self" icon="" dropshadow="no" extraclass=""]PARALLAX BUTTON FIVE[/sf_button]</p>
[/spb_parallax]

Hope that helps.

– Ed

[estudisimple]

Worked!

[Melanie – SUPPORT]

Fantastic, thanks for letting us know!