[box type="custom-boxed-item" align="center" text_align="textcenter"]
[row padding="0" gaps="1" convert="phone-width-100"]
[col width="70"]
[fancy_header icon="far fa-images" size="huge" font_size="35" text_align="textleft" animation="fadeIn" margin_top="20" margin_bottom="15" letter_spacing="-1" unit="px" bold="1"]Discover Portfolios[/fancy_header][fancy_header tag="h5" size="small" text_align="textleft" animation="fadeIn" margin_top="-25" margin_bottom="0"]Find the portfolio you like, copy and paste the code and modify using the editor[/fancy_header]
[/col]
[col width="30" class="textcenter"]
[lightbox width="853" padding_top="0" padding_right="0" padding_bottom="0" padding_left="0"]
[lightbox_trigger]
[section_break type="blank" margin_top="30" margin_bottom="0" hide="hide-phone-ptr,hide-phone" /]
[button icon="far fa-play-circle" size="med" radius="big-corners" hover_puff="tcs-puff-dark" animation="fadeIn" animation_delay="400" text_align="textleft" custom_margin="1" margin_top="10"]How to install[/button]
[/lightbox_trigger]
[lightbox_content]
[/lightbox_content]
[/lightbox]
[/col]
[/row]
[icon icon="fas fa-angle-down" description="See examples below" font_size="15" position="center" boxed="1" link="#content" class="infinite wobble" margin_top="20px" margin_bottom="-40px"]
[/box]
[section_break type="blank" type_css_design="no-detail" margin_top="0" margin_bottom="0" /][row padding="0" gaps="1"]
[col width="33"][menu type="menu" menu="121" grouped="1" /][/col]
[col width="33"][menu type="menu" menu="122" grouped="1" /][/col]
[col width="33"][menu type="menu" menu="123" grouped="1" /][/col]
[/row]
[section_break type_css_design="no-detail" margin_top="40" margin_bottom="60" /]
[row padding="0" gaps="1" convert="mobile-width-100"]
[col width="50"]
[block text_align="textcenter" rounded="rounded" border="border" padding_top="20" padding_right="20" padding_bottom="20" padding_left="20" palette="6" animation="fadeIn" animation_offset="200"]
[icon icon="fa-life-saver" font_size="40" color="style-prime" position="center" margin_top="15px" margin_bottom="25px"]
[fancy_header size="medium" text_align="textcenter" margin_bottom="-20" uppercase="1" bold="1"]Help for portfolios[/fancy_header]
[h4 class="textcenter fw-500"]Learn how to use portfolios[/h4]
[button animation="fadeIn" size="full med" custom_margin="1" margin_top="25" popup="1" href="https://support.themecatcher.net/react-wordpress-v2/global-customisation/portfolio" class="bold" icon="fas fa-external-link-square-alt" icon_location="ico-inline i-after" color="style-dark blank-btn"]Visit support[/button]
[/block]
[/col]
[col width="50"]
[block text_align="textcenter" rounded="rounded" border="border" padding_top="20" padding_right="20" padding_bottom="20" padding_left="20" palette="6" animation="fadeIn" animation_offset="200"]
[icon icon="fa-play-circle" font_size="40" color="style-prime" position="center" margin_top="15px" margin_bottom="25px"]
[fancy_header size="medium" text_align="textcenter" uppercase="1" bold="1" margin_bottom="-20"]Video introduction[/fancy_header]
[h4 class="textcenter fw-500"]Watch a short video on using portfolios[/h4]
[lightbox width="853" padding_top="0" padding_right="0" padding_bottom="0" padding_left="0"]
[lightbox_trigger]
[button animation="fadeIn" size="full med" custom_margin="1" margin_top="25" class="bold" icon="fa-play-circle" icon_location="ico-inline i-after" color="style-dark blank-btn"]Launch video[/button]
[/lightbox_trigger]
[lightbox_content]
[/lightbox_content]
[/lightbox]
[/block]
[/col]
[/row]
