Recreating Joyn Home landing – alt

[mrbme]

Hi,

I’m trying to recreate the home landing alt boxed icons. Can you help? I would import the demo content, but I get a 505 error every time I try.

Thanks!

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

This is the entire content of that page, create a new page an paste it in the classic editor then switch to the Page builder.

I tried to do it myself, but the user you provided us didn’t had privileges to do it.

[spb_row wrap_type="content-width" row_bg_type="color" row_bg_color="#191919" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="0.5" parallax_video_height="window-height" parallax_video_overlay="none" row_overlay_opacity="0" row_padding_vertical="0" row_margin_vertical="0" remove_element_spacing="no" vertical_center="true" width="1/1" el_position="first last"] [spb_blank_spacer height="90px" width="1/1" el_position="first last"] [spb_icon_box title="Powerful Yet Simple" box_type="left-icon-alt" icon="ss-man" target="_self" animation="none" animation_delay="0" icon_color="#ff6666" text_color="#cccccc" width="1/3" el_position="first"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer imperdiet iaculisips maliquet ultricies. Sed a tincidunt enim. Maecenas ultrices viverra ipsum.

[/spb_icon_box] [spb_icon_box title="Fully Responsive" box_type="left-icon-alt" icon="ss-smartphone" target="_self" animation="none" animation_delay="0" icon_color="#f5825e" text_color="#cccccc" width="1/3"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer imperdiet iaculisips maliquet ultricies. Sed a tincidunt enim. Maecenas ultrices viverra ipsum.

[/spb_icon_box] [spb_icon_box title="Stunning Design & Features" box_type="left-icon-alt" icon="ss-bezier" target="_self" animation="none" animation_delay="0" icon_color="#f5c55e" text_color="#cccccc" width="1/3" el_position="last"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer imperdiet iaculisips maliquet ultricies. Sed a tincidunt enim. Maecenas ultrices viverra ipsum.

[/spb_icon_box] [spb_blank_spacer height="30px" width="1/1" el_position="first last"] [spb_icon_box title="Fully Customisable" box_type="left-icon-alt" icon="ss-droplet" target="_self" animation="none" animation_delay="0" icon_color="#4ddca8" text_color="#cccccc" width="1/3" el_position="first"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer imperdiet iaculisips maliquet ultricies. Sed a tincidunt enim. Maecenas ultrices viverra ipsum.

[/spb_icon_box] [spb_icon_box title="Retina-Ready" box_type="left-icon-alt" icon="ss-view" target="_self" animation="none" animation_delay="0" icon_color="#65c9c7" text_color="#cccccc" width="1/3"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer imperdiet iaculisips maliquet ultricies. Sed a tincidunt enim. Maecenas ultrices viverra ipsum.

[/spb_icon_box] [spb_icon_box title="Free Support & Updates" box_type="left-icon-alt" icon="ss-chat" target="_self" animation="none" animation_delay="0" icon_color="#1dc6df" text_color="#cccccc" width="1/3" el_position="last"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer imperdiet iaculisips maliquet ultricies. Sed a tincidunt enim. Maecenas ultrices viverra ipsum.

[/spb_icon_box] [spb_blank_spacer height="90px" width="1/1" el_position="first last"] [/spb_row] [spb_row wrap_type="content-width" row_bg_type="color" row_bg_color="#252525" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="0.5" parallax_video_height="window-height" parallax_video_overlay="none" row_overlay_opacity="0" row_padding_vertical="0" row_margin_vertical="0" remove_element_spacing="no" vertical_center="true" width="1/1" el_position="first last"] [spb_text_block animation="fade-in" animation_delay="200" padding_vertical="6" padding_horizontal="20" el_class="pb0" width="1/1" el_position="first last"]

A multi award-winning company creating amazing solutions to complicated problems for the best clients in the world.

[/spb_text_block] [/spb_row] [spb_row wrap_type="full-width" row_bg_type="color" row_bg_color="#252525" bg_image="13115" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="0.5" parallax_video_height="window-height" parallax_video_overlay="none" row_overlay_opacity="0" row_padding_vertical="0" row_margin_vertical="0" remove_element_spacing="no" vertical_center="true" row_el_class="no-shadow" width="1/1" el_position="first last"] [spb_portfolio display_type="multi-size-masonry" multi_size_ratio="4/3" fullwidth="yes" gutters="yes" columns="5" show_title="no" show_subtitle="no" show_excerpt="no" hover_show_excerpt="no" excerpt_length="20" item_count="8" category="branding,illustration,interactive,visualisation" order_by="none" order="standard" portfolio_filter="no" pagination="no" button_enabled="no" hover_style="gallery-alt-one" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" padding_vertical="4" padding_horizontal="0" el_class="mb0 pb0" width="1/1" el_position="first last"]

[sf_button colour="white" type="rotate-3d" size="large" link="/portfolio-2/portfolio-multi-size-masonry-full-width/" target="_self" icon="" dropshadow="no" extraclass=""]SEE OUR PORTFOLIO[/sf_button] [sf_button colour="accent" type="bordered" size="large" link="/pages/services" target="_self" icon="" dropshadow="no" extraclass=""]SERVICES & CAPABILITIES[/sf_button]

[/spb_text_block] [/spb_row] [spb_row wrap_type="content-width" row_bg_type="video" row_bg_color="#ffffff" bg_image="12368" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="scroll" parallax_image_speed="0.5" bg_video_mp4="http://swiftideasvideos.s3.amazonaws.com/youths.mp4" bg_video_webm="http://swiftideasvideos.s3.amazonaws.com/youths.webm" parallax_video_height="content-height" parallax_video_overlay="darkgridfat" row_overlay_opacity="100" row_padding_vertical="0" row_margin_vertical="0" remove_element_spacing="no" vertical_center="true" row_el_class="no-shadow" width="1/1" el_position="first last"] [spb_blank_spacer height="90px" width="1/1" el_position="first last"] [spb_text_block animation="flip-x" animation_delay="200" padding_vertical="0" padding_horizontal="0" width="1/4" el_position="first"]

mountain_light

[sf_count from="0" to="300" speed="1500" refresh="" textstyle="h6" subject="Awards won" prefix="" suffix="+" commas="false" color="#ffffff"]

[/spb_text_block] [spb_text_block animation="flip-x" animation_delay="400" padding_vertical="0" padding_horizontal="0" width="1/4"]

piggy_bank_light

[sf_count from="0" to="9" speed="1500" refresh="" textstyle="h6" subject="Click throughs" prefix="$" suffix="million" commas="false" color="#ffffff"]

[/spb_text_block] [spb_text_block animation="flip-x" animation_delay="600" padding_vertical="0" padding_horizontal="0" width="1/4"]

computer_light

[sf_count from="0" to="23000" speed="1500" refresh="" textstyle="h6" subject="Happy Customers" prefix="" suffix="" commas="true" color="#ffffff"]

[/spb_text_block] [spb_text_block animation="flip-x" animation_delay="800" padding_vertical="0" padding_horizontal="0" width="1/4" el_position="last"]

coffee_cup_light

[sf_count from="0" to="189" speed="1500" refresh="" textstyle="h6" subject="Coffees Consumed" prefix="" suffix="k" commas="false" color="#ffffff"]

[/spb_text_block] [spb_blank_spacer height="47px" width="1/1" el_position="first last"] [/spb_row] [spb_promo_bar display_type="promo-arrow" promo_bar_text="Purchase now and Joyn the revolution!" promo_bar_text_size="standard" btn_text="Button Text" btn_color="accent" btn_type="standard" href="http://joyn.swiftideas.com/purchase" target="_self" bg_color="#f7f7f7" text_color="#252525" fullwidth="yes" width="1/1" el_position="first last"] [spb_row wrap_type="content-width" row_bg_type="color" row_bg_color="#ffffff" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="0.5" parallax_video_height="window-height" parallax_video_overlay="none" row_overlay_opacity="0" row_padding_vertical="0" row_margin_vertical="0" remove_element_spacing="no" vertical_center="true" width="1/1" el_position="first last"] [spb_blank_spacer height="120px" width="1/1" el_position="first last"] [spb_recent_posts display_type="standard" carousel="yes" item_columns="3" item_count="4" category="All" offset="0" posts_order="desc" excerpt_length="17" fullwidth="no" gutters="yes" button_enabled="no" width="1/1" el_position="first last"] [spb_blank_spacer height="90px" width="1/1" el_position="first last"] [/spb_row] [spb_row wrap_type="content-width" row_bg_type="color" row_bg_color="#f7f7f7" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="0.5" parallax_video_height="window-height" parallax_video_overlay="none" row_overlay_opacity="0" row_padding_vertical="0" row_margin_vertical="0" remove_element_spacing="no" vertical_center="false" width="1/1" el_position="first last"] [spb_blank_spacer height="90px" width="1/1" el_position="first last"] [spb_image image="13321" image_size="full" frame="noframe" intro_animation="fade-in" animation_delay="200" fullwidth="no" lightbox="no" link_target="_self" caption_pos="hover" width="1/6" el_position="first"] [spb_image image="13322" image_size="full" frame="noframe" intro_animation="fade-in" animation_delay="400" fullwidth="no" lightbox="no" link_target="_self" caption_pos="hover" width="1/6"] [spb_image image="13320" image_size="full" frame="noframe" intro_animation="fade-in" animation_delay="600" fullwidth="no" lightbox="no" link_target="_self" caption_pos="hover" width="1/6"] [spb_image image="13325" image_size="full" frame="noframe" intro_animation="fade-in" animation_delay="800" fullwidth="no" lightbox="no" link_target="_self" caption_pos="hover" width="1/6"] [spb_image image="13323" image_size="full" frame="noframe" intro_animation="fade-in" animation_delay="1000" fullwidth="no" lightbox="no" link_target="_self" caption_pos="hover" width="1/6"] [spb_image image="13324" image_size="full" frame="noframe" intro_animation="fade-in" animation_delay="1200" fullwidth="no" lightbox="no" link_target="_self" caption_pos="hover" width="1/6" el_position="last"] [spb_blank_spacer height="60px" width="1/1" el_position="first last"] [/spb_row] [spb_row wrap_type="full-width" row_bg_type="color" row_bg_color="#252525" bg_type="cover" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="0.5" parallax_video_height="window-height" parallax_video_overlay="none" row_overlay_opacity="0" row_padding_vertical="0" row_margin_vertical="0" remove_element_spacing="yes" vertical_center="false" width="1/1" el_position="first last"] [spb_image image="13220" image_size="full" frame="noframe" intro_animation="fade-from-right" animation_delay="200" fullwidth="no" lightbox="yes" link_target="_self" caption_pos="hover" width="1/2" el_position="first"] [spb_image image="13237" image_size="full" frame="noframe" intro_animation="fade-from-right" animation_delay="600" fullwidth="no" lightbox="yes" link_target="_self" caption_pos="hover" width="1/2" el_position="last"] [spb_testimonial_slider text_size="large" item_count="6" order="rand" category="All" autoplay="no" width="1/1" el_position="first last"] [/spb_row]

Hope it helps.

-Rui

[mrbme]

Thank you!

Just curious, where do these icons come from? Because for me they show up blank.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

They’re custom images that we uploaded to the demo site, they are not icons included in the theme

– Kyle