[container section_title=’Page Title’ fullwidth=’yes’ textalign=’center’ bgimage=’http://bravio.co/demos/default/wp-content/uploads/2017/11/header_bg3.jpg’ scrolltype=’scroll’ bgcolor=’accent’ bgtransparency=’40’ gradientstart=’#000000′ gradientend=’accent’ gradtype=’left’ top=’100′ bottom=’125′ innerbottomshadowsize=’0′ bordertop=’0′ borderbottom=’0′ bbcolor=’#efefef’ topseparator=’disable’ topseparatorshape=’clouds’ topseparatorcolor=’#ffffff’ bottomseparator=’enable’ bottomseparatorshape=’clouds’ bottomseparatorcolor=’#ffffff’ mobiletop=’70’ mobilebottom=’50’ collapse=’true’][column type=’12’ last=’1′][text color=’#ffffff’ fontsize=’16’ fontfamily=’Raleway’ letterspacing=’7′ animation=’fadeInUp’]Fastest & Easiest[/text][separator margintop=’10’ align=’left’ animation=’default’][/separator][text google_font=’Raleway:300,700′ color=’#ffffff’ fontsize=’50’ fontweight=’300′ lineheight=’60’ animation=’fadeInUp’ animation_delay=’0.1s’ mobilefontsize=’30’ mobilelineheight=’35’]Bravio Callout Box Element[/text][separator margintop=’15’ align=’left’ animation=’default’][/separator][text color=’#ffffff’ fontsize=’16’ animation=’fadeInUp’ animation_delay=’0.3s’]Drag and Drop Elements
Save & Load Layouts, Elements, Containers & Rows[/text][separator margintop=’30’ align=’left’ animation=’default’][/separator][button size=’xlarge’ shape=’flat’ link=’http://themeforest.net/item/bravio-ultimate-wordpress-theme/14231824?ref=Bravio’ bgtransparency=’10’ bordertransparency=’0′ iconposition=’before’ inset=’0′ lrpadding=’20’ border=’1′ bordercolor=’#ffffff’ bgovercolor=’#000000′ animation=’fadeInUp’ animation_delay=’0.4s’]Buy Bravio Today![/button][/column][/container][container section_title=’Container’ fullwidth=’yes’ bgtransparency=’0′ top=’60’ bottom=’60’ innerbottomshadowsize=’0′ bordertop=’0′ borderbottom=’0′ collapse=’true’][column type=’12’ last=’1′][title style=’none’ textalign=’center’ th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Without Thick Line – Using Custom Border Only[/title][separator marginTop=’30’][/separator][/column][column type=’6′][fancybox title=’Setting Border Thickness & No Specific Color !’ line=” linecolor=” border=’2′ bordercolor=’#efefef’][text]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/text][/fancybox][/column][column type=’6′ last=’1′][fancybox radius=’15’ bgcolor=’#fafafa’ title=’Radius & Background Color !’ textalign=’center’ titlecolor=’accent’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/fancybox][/column][/container][container section_title=’Thick border position’ fullwidth=’yes’ scrolltype=’fixed’ bgtransparency=’0′ top=’10’ innerbottomshadowsize=’0′ bordertop=’0′ borderbottom=’0′ topseparator=’disable’ topseparatorshape=’diagonal’ bottomseparator=’disable’ bottomseparatorshape=’diagonal’ collapse=’true’][column type=’12’ last=’1′][title]Thick Border Colors & Positions[/title][separator marginTop=’20’][/separator][fancybox bgcolor=’#fafafa’ title=’Thick Border at Top’ line=’top’ titlecolor=’accent’ bggradstart=’#fafafa’ bggradend=’#FFFFFF’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/fancybox][separator marginTop=’30’][/separator][/column][column type=’4′][fancybox title=’Thick Border Left’ line=’left’ linecolor=’accent’ bordercolor=” titlecolor=”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.[/fancybox][/column][column type=’4′][fancybox title=’Thick Border at Bottom’ line=’bottom’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.[/fancybox][/column][column type=’4′ last=’1′][fancybox line=’right’ linecolor=’accent’ shadow=’1′ title=’Thick Border at Right’ bgtransparency=’0′ buttonlink=’#’ animation=’default’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.[/fancybox][/column][column type=’12’ last=’1′][separator marginTop=’70’][/separator][title]5 CSS Shadow Styles[/title][separator marginTop=’20’][/separator][fancybox bgcolor=’#fafafa’ title=’CSS Shadow Requirement’ line=’top’ shadow=’1′]There are currently 5 different pure CSS shadows available, however there is only one mandatory requirement to use them, they will only work perfectly with solid background without setting background transparency, otherwise the shadow layer behind will be slightly visible.[/fancybox][separator marginTop=’30’][/separator][/column][column type=’4′][fancybox line=’left’ linecolor=’accent’ shadow=’3′ title=’Bottom Right Only’ bgtransparency=’0′ buttonlink=’#’ animation=’default’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.[/fancybox][/column][column type=’8′ last=’1′][fancybox line=’right’ linecolor=’accent’ shadow=’2′ title=’Bottom Left Only’ bgtransparency=’0′ buttonlink=’#’ animation=’default’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/fancybox][/column][column type=’12’ last=’1′][separator marginTop=’40’][/separator][/column][column type=’8′][fancybox title=’Left & Right Shadow’ shadow=’5′]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/fancybox][/column][column type=’4′ last=’1′][fancybox title=’Top & Bottom Shadow’ shadow=’4′]Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod.[/fancybox][/column][column type=’12’ last=’1′][separator marginTop=’70’][/separator][title]Button Colors & Positions[/title][separator marginTop=’20’][/separator][fancybox line=’top’ linecolor=’accent’ shadow=’1′ title=’Default Button Position & Color’ bgcolor=’#fafafa’ bgtransparency=’0′ button=’BUY BRAVIO – Very Long Text Button’ buttonlink=’#’ buttontextcolor=’#ffffff’ buttontextovercolor=’#ffffff’ buttonbgcolor=’accent’ buttonbgovercolor=’primary’ animation=’default’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/fancybox][separator marginTop=’30’][/separator][/column][column type=’6′][fancybox line=’left’ linecolor=’#768f1e’ shadow=’1′ title=’Button Bottom Aligned’ bgtransparency=’0′ button=’Buy This Theme’ buttonlink=’#’ buttonalign=’left’ buttonpos=’bottom’ buttontextcolor=’#ffffff’ buttontextovercolor=’#ffffff’ buttonbgcolor=’#768f1e’ buttonbgovercolor=’#990000′ animation=’default’]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/fancybox][/column][column type=’6′ last=’1′][fancybox line=’right’ linecolor=’accent’ shadow=’1′ title=’Button Right Aligned’ bgtransparency=’0′ button=’Buy This Theme’ buttonlink=’#’ buttonalign=’right’ buttonpos=’bottom’ buttontextcolor=’#ffffff’ buttontextovercolor=’#ffffff’ buttonbgcolor=’#2283c7′ buttonbgovercolor=’primary’ animation=’default’]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/fancybox][/column][/container][container collapse=’true’ fullwidth=’no’][column type=’12’ last=’1′][separator marginTop=’80’][/separator][/column][/container][container section_title=’Background Transparency’ fullwidth=’yes’ bgimage=’http://bravio.co/demos/default/wp-content/uploads/2016/02/bg_polygon_black.jpg’ scrolltype=’scroll’ bgpattern=’7′ bgcolor=’#000′ bgtransparency=’40’ top=’130′ bottom=’130′ innerbottomshadowsize=’0′ bordertop=’0′ borderbottom=’0′ topseparator=’enable’ topseparatorshape=’triangle’ topseparatorcolor=’#ffffff’ bottomseparator=’enable’ bottomseparatorshape=’clouds’ bottomseparatorcolor=’#ffffff’ mobiletop=’50’ mobilebottom=’50’ collapse=’true’][column type=’12’ last=’1′][fancybox title=’Background Transparency Example’ line=’left’ linecolor=’accent’ shadow=” border=’6′ bordercolor=’#999999′ textcolor=’#efefef’ titlecolor=’#ffffff’ bgcolor=’#000000′ bgtransparency=’30’]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.[/fancybox][/column][/container][container section_title=’Background Gradient’ fullwidth=’yes’ scrolltype=’fixed’ bgtransparency=’0′ top=’70’ bottom=’70’ innerbottomshadowsize=’0′ bordertop=’0′ borderbottom=’0′ topseparator=’enable’ topseparatorshape=’circle’ topseparatorcolor=’#ffffff’ bottomseparator=’enable’ bottomseparatorshape=’circle’ bottomseparatorcolor=’#ffffff’ mobiletop=’50’ mobilebottom=’50’ collapse=’true’][column type=’12’ last=’1′][title]Background Color & Gradient Color Types[/title][separator marginTop=’30’][/separator][text animation=’default’]Background gradient color are fully customizable. You can select any combination of colors you want.[/text][separator marginTop=’30’][/separator][/column][column type=’6′ last=”][fancybox line=’left’ linecolor=’accent’ shadow=’1′ title=’Gradient – Left to Right’ bgtransparency=’0′ bggradstart=’#ffffff’ bggradend=’#efefef’ gradtype=’left’ button=’STILL NEED MORE ?’ buttonlink=’#’ buttontextcolor=’#ffffff’ buttontextovercolor=’#ffffff’ buttonbgcolor=’primary’ buttonbgovercolor=’accent’ animation=’default’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat..[/fancybox][/column][column type=’6′ last=’1′][fancybox line=’right’ linecolor=’accent’ shadow=’1′ title=’Gradient – Left to Right’ bgtransparency=’0′ bggradstart=’#efefef’ bggradend=’#ffffff’ gradtype=’left’ button=’STILL NEED MORE ?’ buttonlink=’#’ buttontextcolor=’#ffffff’ buttontextovercolor=’#ffffff’ buttonbgcolor=’primary’ buttonbgovercolor=’accent’ animation=’default’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat..[/fancybox][/column][column type=’12’ last=’1′][separator margintop=’50’ align=’left’ animation=’default’][/separator][/column][column type=’6′ last=”][fancybox line=’left’ linecolor=’accent’ shadow=’1′ title=’Gradient – Left to Right’ bgtransparency=’0′ bggradstart=’#ffffff’ bggradend=’#efefef’ button=’STILL NEED MORE ?’ buttonlink=’#’ buttontextcolor=’#ffffff’ buttontextovercolor=’#ffffff’ buttonbgcolor=’primary’ buttonbgovercolor=’accent’ animation=’default’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat..[/fancybox][/column][column type=’6′ last=’1′][fancybox line=’right’ linecolor=’accent’ shadow=’1′ title=’Gradient – Left to Right’ bgtransparency=’0′ bggradstart=’#efefef’ bggradend=’#ffffff’ button=’STILL NEED MORE ?’ buttonlink=’#’ buttontextcolor=’#ffffff’ buttontextovercolor=’#ffffff’ buttonbgcolor=’primary’ buttonbgovercolor=’accent’ animation=’default’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat..[/fancybox][/column][/container][container section_title=’Combine with other Elements’ fullwidth=’yes’ scrolltype=’fixed’ bgtransparency=’0′ innerbottomshadowsize=’0′ bordertop=’0′ borderbottom=’0′ topseparator=’disable’ topseparatorshape=’diagonal’ bottomseparator=’disable’ bottomseparatorshape=’diagonal’ collapse=’true’][column type=’12’ last=’1′][separator marginTop=’70’][/separator][title th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Combining With Other Elements[/title][separator marginTop=’40’][/separator][/column][column type=’4′][fancybox line=’left’ shadow=’2′][content_boxes style=’2′][content_box size=’medium’ rollovericoncolor=’primary’ align=’left’ button=’Read More’ button_link=’#’ animation=’fadeInUp’ animation_duration=’.4s’ title=’FULLY RESPONSIVE’ icon=’fa-arrows-alt’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.[/content_box][/content_boxes][/fancybox][/column][column type=’4′][fancybox line=’top’ shadow=’1′][content_boxes style=’2′][content_box size=’medium’ rollovericoncolor=’#88b946′ align=’center’ button=’Customize’ button_link=’#’ iconbgcolor=’#444444′ animation=’fadeInUp’ animation_duration=’.4s’ animation_delay=’0.2s’ title=’SUPER ADMIN PANEL’ icon=’fa-cogs’]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.[/content_box][/fancybox][/column][column type=’4′ last=’1′][fancybox line=’right’ shadow=’3′][content_boxes style=’2′][content_box size=’medium’ rollovericoncolor=’primary’ align=’right’ rollovertextcolor=’accent’ button=’Buy Alona’ button_link=’#’ animation=’fadeInUp’ animation_duration=’.4s’ animation_delay=’0.3s’ title=’SHORTCODE DESIGNER’ icon=’fa-external-link’]TLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.[/content_box][/content_boxes][/fancybox][/column][/container][container collapse=’false’ fullwidth=’no’][column type=’12’ last=’1′][raindrops bgcolor=’#ffffff’ flip=’1′][/raindrops][/column][/container][container section_title=’Scalable Multipurpose Theme’ fullwidth=’yes’ bgimage=’http://bravio.co/demos/default/wp-content/uploads/2017/11/picjumbo.com_HNCK56ff44.jpg’ scrolltype=’scroll’ bgpattern=’8′ bgcolor=’accent’ bgtransparency=’45’ gradientstart=’#000000′ gradientend=’accent’ gradtype=’left’ top=’82’ bottom=’65’ innerbottomshadowsize=’0′ bordertop=’0′ borderbottom=’0′ topseparator=’disable’ topseparatorshape=’diagonal’ bottomseparator=’disable’ bottomseparatorshape=’diagonal’ collapse=’false’][column type=’9′][separator marginTop=’5′][/separator][text google_font=” fontfamily=’Raleway’ fontweight=’300′ textshadow=” fontsize=’32’ lineheight=’38’ color=’#fff’]Scalable Multipurpose Theme[/text][text google_font=” fontfamily=’Raleway’ fontweight=” textshadow=” fontsize=’22’ lineheight=’32’ color=’#fff’]Improve quality of your website by using its powerful features.[/text][/column][column type=’3′ last=’1′ align=’right’][separator margintop=’13’][/separator][button link=’#’ size=’xlarge’ shape=’round’ hovereffect=’bounce-to-right’ bgcolor=” bgovercolor=’#fff’ bgtransparency=’30’ bordertransparency=’80’ textcolor=’#FFFFFF’ textovercolor=’#FFFFFF’ textshadow=” fontweight=’300′ fontfamily=’Raleway’ border=’2′ bordercolor=’#fff’ borderovercolor=” bggradstart=” bggradend=” icon=” iconposition=” target=’_blank’]Explore Features[/button][/column][/container]