Row Styles

[vc_row width=”full” p_top=”85″ p_bottom=”85″ m_bottom=”0″][vc_column width=”1/3″][/vc_column][vc_column width=”1/3″][pt_icon_box ico_family=”el el-” icon_style=”normal” size=”fa-4x” title=”Row Styles” title_tag=”h3″ animation_iteration=”1″ template=”primary-bg” c_id=”.vc_1488994566978″ icon_css=”color:#92aeb2;” ico=”pencil”]You can see now all the styles of our rows below, from solid backgrounds to video and parallax. Oh, and we have a few effects to show.[/pt_icon_box][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row][vc_row full_width=”stretch_row” width=”full” bg_color_row=”#f0f0f0″ p_top=”85″ p_bottom=”85″ m_bottom=”0″ cut_top=”top-right” cut_bottom=”bottom-right”][vc_column width=”1/3″][/vc_column][vc_column width=”1/3″][pt_icon_box ico_family=”el el-” icon_style=”normal” size=”fa-4x” title=”Row Cuts” title_tag=”h3″ animation_iteration=”1″ template=”dark-bg” c_id=”.vc_1488994608321″ icon_css=”color:#696b87;” ico=”scissors”]See that this row borders aren’t linear, these cuts are added to solid bgs rows and are beautiful.[/pt_icon_box][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row][vc_row width=”full” bg_type=”parallax” bg_image_url=”8635″ p_speed=”1.5″ overlay=”rgba(81,68,83,0.9)” p_top=”115″ p_bottom=”115″ m_bottom=”0″][vc_column width=”1/3″][/vc_column][vc_column width=”1/3″][pt_icon_box ico_family=”el el-” icon_style=”normal” size=”fa-4x” title=”Parallax Backgrounds” title_tag=”h3″ animation_iteration=”1″ template=”light-bg” c_id=”.vc_1488994615706″ ico=”circle-compass”]Yep, parallax effects are included and they are amazing. You’ll love it.[/pt_icon_box][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row][vc_row width=”full” bg_color_row=”#f0f0f0″ p_top=”85″ p_bottom=”85″ m_bottom=”0″ cut_top=”inverse-triangle” cut_bottom=”inverse-triangle”][vc_column width=”1/3″][/vc_column][vc_column width=”1/3″][pt_icon_box ico_family=”el el-” icon_style=”normal” size=”fa-4x” title=”Triangle Effects” title_tag=”h3″ animation_iteration=”1″ template=”dark-bg” c_id=”.vc_1488994624499″ icon_css=”color:#684a7a;” ico=”circle-compass”]These effects are amazing, you’ll love these effects, they are mobile-friendly.[/pt_icon_box][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row][vc_row width=”full” p_top=”115″ p_bottom=”115″ m_bottom=”0″ cut_bottom=”bottom-triangle” v_center=”yes” css=”.vc_custom_1486144412741{padding-right: 30px !important;padding-left: 30px !important;}”][vc_column width=”1/3″][pt_icon_box ico_family=”el el-” icon_style=”normal” size=”fa-4x” title=”Vertical Align” title_tag=”h3″ animation_iteration=”1″ template=”dark-bg” c_id=”.vc_1488994632038″ icon_css=”color:#514453;” ico=”magnifying-glass”]This effect is smart and worderful at same time. It’ll align the row content vertically and automatically for you. Perfect to a lot of purposes.[/pt_icon_box][/vc_column][vc_column width=”1/3″][vc_single_image image=”8635″ img_size=”full” alignment=”center” css_animation=”left-to-right”][/vc_column][vc_column width=”1/3″][pt_icon_box ico_family=”el el-” icon_style=”normal” size=”fa-4x” title=”Optimized to Mobile” title_tag=”h3″ animation_iteration=”1″ template=”dark-bg” c_id=”.vc_1488994637245″ icon_css=”color:#514453;” ico=”mobile”]Yes, mobile users will see the content normally. No margin errors, everything was carefully optimized.[/pt_icon_box][/vc_column][/vc_row][vc_row width=”full” bg_type=”video” webm=”https://demo.perfectlythemed.com/default/wp-content/uploads/sites/83/2017/03/hoverboard.webm” mp4=”https://demo.perfectlythemed.com/default/wp-content/uploads/sites/83/2017/03/hoverboard.mp4″ ogv=”https://demo.perfectlythemed.com/default/wp-content/uploads/sites/83/2017/03/hoverboard.ogv” preview=”1437″ overlay=”rgba(81,68,83,0.75)” p_top=”115″ p_bottom=”115″ m_bottom=”0″][vc_column width=”1/4″][/vc_column][vc_column width=”1/2″][pt_icon_box ico_family=”el el-” icon_style=”normal” size=”fa-4x” title=”Video Backgrounds” title_tag=”h3″ animation_iteration=”1″ template=”light-bg” c_id=”.vc_1488994644096″ ico=”video”]The new trend of video backgroud is fully supported by us.[/pt_icon_box][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row]