Content Toggle
Mempamerkan kandungan dengan suis togol ialah cara terbaik untuk memaparkan kandungan yang panjang dan penting dengan ringkas. Dengan suis togol, anda boleh memberi peluang kepada pelawat tapak untuk meneroka maklumat penting dengan cara yang kurang besar, mudah untuk berinteraksi dan menarik. Dengan modul Togol Kandungan Divi Pixel, anda boleh membuat kandungan dengan mudah dengan variasi. Modul ini bagus untuk memaparkan jadual harga, membandingkan produk atau perkhidmatan, memaparkan imej sebelum dan selepas dan banyak lagi!
[dipi_content_toggle first_text=”Monthly” first_divi_library=”54563″ second_text=”Yearly” second_divi_library=”54564″ toggle_alignment=”center” toggle_size=”16px” first_btn_color=”#FFFFFF” first_bg_color=”#15022A” second_btn_color=”#FFFFFF” second_bg_color=”#15022A” first_content_animation=”fadeInRightShort” first_content_speed=”1000ms” second_content_animation=”fadeInLeftShort” second_content_speed=”1000ms” _builder_version=”4.23.2″ _module_preset=”default” first_font=”|700||on|||||” first_text_color=”#15022A” first_font_size=”15px” first_letter_spacing=”1px” second_font=”|700||on|||||” second_font_size=”15px” second_letter_spacing=”1px” background_color=”RGBA(0,0,0,0)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_content_toggle]
[dipi_content_toggle first_text=”Board” first_divi_library=”54710″ second_text=”Team” second_divi_library=”54711″ toggle_alignment=”center” toggle_size=”15px” first_btn_color=”#FFFFFF” first_bg_color=”#CACDCF” first_content_animation=”zoomInShort” first_content_speed=”1000ms” second_content_animation=”zoomInShort” second_content_speed=”1000ms” second_disable_browser_lazyload=”on” second_disable_wprocket_lazyload=”on” _builder_version=”4.23.2″ _module_preset=”default” first_text_color=”#CACDCF” second_text_color=”#CACDCF” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_content_toggle]
[dipi_content_toggle first_text=”7 Days” first_divi_library=”25875644″ second_text=”30 Days” second_divi_library=”25875685″ first_bg_color=”#e3e5f4″ second_bg_color=”#6629e9″ first_content_animation=”fadeInRightShort” second_content_animation=”fadeInLeftShort” _builder_version=”4.23.2″ _module_preset=”default” background_color=”#FFFFFF” custom_padding=”30px|20px|30px|20px|false|false” border_radii=”on|20px|20px|20px|20px” box_shadow_style=”preset1″ box_shadow_vertical=”13px” box_shadow_blur=”25px” box_shadow_color=”rgba(68,0,153,0.09)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_content_toggle]
[dipi_content_toggle first_text=”Oculus VR Black” first_divi_library=”54806″ second_text=”Oculus VR White” second_divi_library=”54807″ first_btn_color=”#FFFFFF” first_bg_color=”#15022A” second_btn_color=”#FFFFFF” second_bg_color=”#15022a” first_content_animation=”rotateInDownRightShort” second_content_animation=”rotateInDownLeftShort” _builder_version=”4.16″ _module_preset=”default” first_font=”||||||||” first_text_color=”#15022A” second_text_color=”#15022A” first_text_align_tablet=”” first_text_align_phone=”right” first_text_align_last_edited=”on|phone” first_font_size_tablet=”” first_font_size_phone=”14px” first_font_size_last_edited=”on|phone” second_font_size_tablet=”” second_font_size_phone=”14px” second_font_size_last_edited=”on|phone” custom_css_toggle_button_container=”background-color: #00000012;||padding: 20px;||border-radius: 100px;||max-width: 600px;||margin:auto;” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_content_toggle]
[dipi_content_toggle first_text=”White” first_divi_library=”54851″ second_text=”Red” second_divi_library=”54852″ first_bg_color=”#FF4200″ first_content_animation=”jackInTheBoxShort” first_content_delay=”0ms” first_content_speed=”1000ms” second_content_animation=”jackInTheBoxShort” second_content_delay=”0ms” second_content_speed=”1000ms” second_disable_browser_lazyload=”on” second_disable_wprocket_lazyload=”on” _builder_version=”4.16″ _module_preset=”default” first_font=”|300|||||||” first_text_color=”#15022A” first_font_size=”22px” first_letter_spacing=”1px” second_font=”|300|||||||” second_text_color=”#15022A” second_font_size=”22px” second_letter_spacing=”1px” background_color=”#FFFFFF” max_width=”1200px” module_alignment=”center” custom_padding=”60px|20px|20px|20px|false|false” border_radii=”on|10px|10px|10px|10px” box_shadow_style=”preset3″ box_shadow_vertical=”15px” box_shadow_blur=”70px” box_shadow_color=”rgba(25,0,58,0.11)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_content_toggle]
[dipi_content_toggle first_text=”Breakfast” first_divi_library=”54876″ second_text=”Dinner” second_divi_library=”54877″ first_bg_color=”#15022A” second_bg_color=”#15022A” first_content_animation=”fadeInUpShort” first_content_speed=”1200ms” second_content_animation=”fadeInUpShort” second_content_speed=”1200ms” _builder_version=”4.23.2″ _module_preset=”default” first_font=”|700||on|||||” first_text_color=”#15022A” first_font_size=”18px” first_letter_spacing=”1px” second_font=”|700||on|||||” second_text_color=”#15022A” second_font_size=”18px” second_letter_spacing=”1px” custom_css_toggle_button_container=”box-shadow: 0px 5px 50px #f1eff7;||padding: 20px;||border-radius: 50px;||max-width: 400px;||margin: 0 auto 40px;” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_content_toggle]
Minimal Pricing Cards