[container section_title=’Page Title’ fullwidth=’yes’ textalign=’center’ bgimage=’https://www.finahukuk.com/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 Helper Elements[/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’ scrolltype=’fixed’ bgtransparency=’0′ top=’70’ bottom=’10’ innerbottomshadowsize=’0′ bordertop=’0′ borderbottom=’0′ collapse=’true’][column type=’12’ last=’1′][title fontfamily=’Raleway’ fontsize=’28’ th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Title – Shortcode[/title][separator marginTop=’20’][/separator][text color=’#777′ fontsize=’16’ google_font=” fontfamily=” lineheight=’24’ fontweight=”]Title shortcode is most frequently used code that layouts the overall look & feel of your website. We have bundled it with powerful features and made really easy for you to even type and write your own styled title shortcode. The size can be set for [h1]…[h6[ with custom background color, pattern, border colors, transparency, Google Fonts and much more.[/text][separator marginTop=’50’][/separator][/column][column type=’6′][fancybox title=’Customization Options & Settings’ shadow=’2′ line=’left’ button=” bggradstart=’#fafafa’ bggradend=’#FFFFFF’][title size=” style=” google_font=” textcolor=” textshadowcolor=” fontsize=” fontweight=” th_height=” th_bordertop=” th_borderbottom=” th_bgpattern=” th_bgcolor=” th_bgtransparency=” th_margintop=” animation=” animation-delay=” animation-repeat=” animation-offset=” animation-duration=”][/fancybox][/column][column type=’6′ textalign=” lrpadding=” tbpadding=” textcolor=” bgimage=” bgpattern=” bgcolor=” bgtransparency=” last=’1′][title style=’none’ size=’1′ fontweight=’100′ th_height=’12’ th_margintop=’-12′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Plain [h1] Style – Without Any Style[/title][separator marginTop=’1′][/separator][title style=’1′ size=’1′ fontweight=’100′ th_height=’12’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Default Title Style – From Theme Options[/title][separator marginTop=’1′][/separator][title style=’1′ size=’1′ fontweight=’100′ th_height=’12’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’7′ animation=’default’]Custom Pattern (35 available)[/title][separator marginTop=’1′][/separator][title style=’1′ size=’1′ fontweight=’100′ th_bordertop=’#cccccc’ th_borderbottom=’#cccccc’ th_height=’8′ th_margintop=’4′ th_bgtransparency=’0′ animation=’default’]Top & Bottom Border[/title][separator marginTop=’1′][/separator][title style=’1′ size=’1′ google_font=’Kaushan Script’ textcolor=’accent’ fontsize=’22’ fontweight=’100′ th_bordertop=’accent’ th_borderbottom=’accent’ th_height=’2′ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Any Google Font[/title][/column][/container][container collapse=’true’ fullwidth=’no’][column type=’12’ last=’1′][separator marginTop=’80’][/separator][/column][/container][container collapse=’true’ fullwidth=’yes’ bgimage=’http://bravio.co/demos/default/wp-content/uploads/2016/02/blackboard-1.jpg’ bgpattern=’7′ top=’80’ bottom=’80’ textcolor=’#efefef’][column type=’6′][title style=’1′ size=’1′ google_font=’Seaweed Script’ textcolor=’#ffffff’ textshadowcolor=’#333333′ fontsize=’30’ fontweight=’400′ th_bordertop=’#cccccc’ th_borderbottom=’#cccccc’ th_height=’12’ th_margintop=’-2′ th_bgcolor=’#ffffff’ th_bgtransparency=’20’ th_bgpattern=’1′ animation=’default’][highlight color=’accent’]Background[/highlight] Transparency[/title][separator marginTop=’20’][/separator][text]In the above TITLE example we have used a custom background color #FFFFFF with transparency of 0.2 We have also used top and bottom border colors of #CCCCCC. The height is adjusted to 12px. The height and top margin can be customized.[/text][/column][column type=’6′ last=’1′][title style=’1′ size=’1′ google_font=’Seaweed Script’ textcolor=’#ffffff’ textshadowcolor=’#333333′ fontsize=’30’ fontweight=’400′ th_bordertop=’#cccccc’ th_height=’16’ th_margintop=’-2′ th_bgcolor=’accent’ th_bgtransparency=’40’ th_bgpattern=’2′ animation=’default’][highlight color=’accent’]Pattern[/highlight] & Background Color[/title][separator marginTop=’20’][/separator][text]In the above TITLE example we have used a custom background color #FFFFFF, a custom pattern (No. 2) with a background transparency of 0.4. Only TOP border color is set. The height of the design area is adjusted to 16px. Now it has all options visible.[/text][/column][/container][container collapse=’true’ fullwidth=’yes’ margintop=’60’ bottom=’90’][column type=’12’ last=’1′][title fontfamily=’Raleway’ fontsize=’28’ th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Touch Slider – Shortcode[/title][separator marginTop=’20’][/separator][text color=’#777′ fontsize=’16’ google_font=” fontfamily=” lineheight=’24’ fontweight=”]Slider shortcode is used to make slider and X number of slides, in which you can also set total number of slides and visible slides. The slider can contain any html/shortcode data to be slided in/out with custom CSS animated effects.[/text][separator marginTop=’50’][/separator][/column][column type=’6′][fancybox title=’Customization Options & Settings’ shadow=’2′ line=’left’ button=” bggradstart=’#fafafa’ bggradend=’#FFFFFF’][slider visible_slides=” autoplay=” autoplayhoverpause=” slide_speed=” animatein=” animateout=” margin=” autoheight=”][separator margintop=’5′][/separator][slide tbpadding=” lrpadding=” border=” bordercolor=” bgcolor=” bgtransparency=” textcolor=” textalign=”] Any Content [/slide] [/slider][/fancybox][/column][column type=’6′ textalign=” lrpadding=” tbpadding=” textcolor=” bgimage=” bgpattern=” bgcolor=” bgtransparency=” last=’1′][slider visible_slides=’2′ margin=’40’][slide tbpadding=’78’ lrpadding=’30’ bgcolor=’accent’ textcolor=’#ffffff’ textalign=’center’]Slide 1[/slide][slide tbpadding=’78’ lrpadding=’30’ bgcolor=’#f9f9f9′ textalign=’center’]Slide 2[/slide][slide tbpadding=’78’ lrpadding=’30’ bgcolor=’accent’ textcolor=’#ffffff’ textalign=’center’]Slide 3[/slide][slide tbpadding=’78’ lrpadding=’30’ bgcolor=’#f9f9f9′ textalign=’center’]Slide 4[/slide][slide tbpadding=’78’ lrpadding=’30’ bgcolor=’accent’ textalign=’center’]Slide 5[/slide][slide tbpadding=’78’ lrpadding=’30’ bgcolor=’#f9f9f9′ textalign=’center’]Slide 6[/slide][/slider][/column][/container][container collapse=’true’ fullwidth=’yes’ bgimage=’http://bravio.co/demos/default/wp-content/uploads/2016/02/blackboard-1.jpg’ bgpattern=’7′ top=’90’ bottom=’90’ textcolor=’#efefef’][column type=’12’ last=’1′][slider visible_slides=’5′ margin=” autoplay=’1′ autoplayhoverpause=’1′ slide_speed=’200′ pagination=” page_numbers=”][slide border=’1′ tbpadding=’10’ bordercolor=’#ffffff’ bgcolor=’#000000′ bgtransparency=’30’][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/client_dark2.png’ title=’Ultimax Clients’ link=’#’][/image][/slide][slide border=’1′ tbpadding=’10’ bordercolor=’#ffffff’ bgcolor=’#000000′ bgtransparency=’30’][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/client_dark6.png’ title=’Ultimax Clients’ link=’#’][/image][/slide][slide border=’1′ tbpadding=’10’ bordercolor=’#ffffff’ bgcolor=’#000000′ bgtransparency=’30’][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/client_dark5.png’ title=’Ultimax Clients’ link=’#’][/image][/slide][slide border=’1′ tbpadding=’10’ bordercolor=’#ffffff’ bgcolor=’#000000′ bgtransparency=’30’][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/client_dark4.png’ title=’Ultimax Clients’ link=’#’][/image][/slide][slide border=’1′ tbpadding=’10’ bordercolor=’#ffffff’ bgcolor=’#000000′ bgtransparency=’30’][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/client_dark3.png’ title=’Ultimax Clients’ link=’#’][/image][/slide][/slider][/column][/container][container collapse=’true’ fullwidth=’yes’ margintop=’60’ bottom=’10’][column type=’12’ last=’1′][title fontfamily=’Raleway’ fontsize=’28’ th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Rain Effect – Shortcode[/title][separator marginTop=’20’][/separator][text color=’#777′ fontsize=’16’ google_font=” fontfamily=” lineheight=’24’ fontweight=”]Rain effect shortcode is a beautifully shortcode do have an amazing rain drop effect. You can set background color that works as the base of droplets and you may also flip it to have a vertically (top or bottom) effect at the same time.[/text][separator marginTop=’30’][/separator][/column][column type=’6′][fancybox line=’left’ linecolor=’accent’ shadow=’2′ title=’Customization Options & Settings’ bgtransparency=’0′ bggradstart=’#fafafa’ bggradend=’#FFFFFF’ buttonlink=’#’ animation=’default’][radindrop bgcolor=” bgtransparency=” frquency=” flip=”][/fancybox][/column][column type=’6′ textalign=” lrpadding=” tbpadding=” textcolor=” bgimage=” bgpattern=” bgcolor=” bgtransparency=” last=’1′][separator margintop=’95’][/separator][raindrops bgcolor=’accent’][/raindrops][/column][/container][container collapse=’true’ fullwidth=’no’][column type=’12’ last=’1′][separator marginTop=’30’][/separator][raindrops bgcolor=’#ffffff’ flip=’1′][/raindrops][/column][/container][container collapse=’true’ fullwidth=’yes’ bgimage=’http://bravio.co/demos/default/wp-content/uploads/2016/02/blackboard-1.jpg’ bgpattern=’7′ top=’130′ bottom=’150′ textcolor=’#efefef’ textalign=’center’][column type=’12’ last=’1′][title style=’none’ size=’1′ google_font=’Kaushan Script’ textcolor=’#ffffff’ fontsize=’22’ fontweight=’100′ th_bordertop=’accent’ th_borderbottom=’accent’ th_height=’2′ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Rain Drop Effect from Both Sides[/title][/column][/container][container collapse=’true’ fullwidth=’no’][column type=’12’ last=’1′][raindrops bgcolor=’#ffffff’][/raindrops][/column][/container][container collapse=’true’ fullwidth=’yes’ margintop=’30’ bottom=’80’][column type=’12’ last=’1′][title fontfamily=’Raleway’ fontsize=’28’ th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Checklist – Shortcode[/title][separator marginTop=’20’][/separator][text color=’#777′ fontsize=’16’ google_font=” fontfamily=” lineheight=’24’ fontweight=”]Checklist shortcode gives you many options to design your lists the way you want with help of Font Awesome icons, background color, background transparency, icon color, text color etc. You can also make them round by settings radius.[/text][separator marginTop=’50’][/separator][/column][column type=’9′][fancybox title=’Customization Options & Settings’ shadow=’2′ line=’left’ button=” bggradstart=’#fafafa’ bggradend=’#FFFFFF’][checklist bgcolor=” bgtransparency=” iconcolor=” iconsize=” bottommargin=” radius=”][separator margintop=’5′][/separator][list_item icon=”] Text Content [/list_item] [/checklist][/fancybox][/column][column type=’3′ textalign=” lrpadding=” tbpadding=” textcolor=” bgimage=” bgpattern=” bgcolor=” bgtransparency=” last=’1′][separator margintop=’10’][/separator][checklist bgcolor=’accent’ bgtransparency=’0′ radius=’50%’ bottommargin=’8′][list_item icon=’fa-check’ animation=’default’]24/7 Heroic Support[/list_item][list_item icon=’fa-check’ animation=’default’]Regular Updates[/list_item][list_item icon=’fa-check’ animation=’default’]Unlimited Options[/list_item][list_item icon=’fa-check’ animation=’default’]Scalable Shortcodes[/list_item][/checklist][/column][/container][container collapse=’true’ fullwidth=’yes’ bgimage=’http://bravio.co/demos/default/wp-content/uploads/2016/02/blackboard-1.jpg’ bgpattern=’7′ top=’80’ bottom=’70’ textcolor=’#efefef’ textalign=”][column type=’3′][checklist bgcolor=’#000000′ bgtransparency=’1′ iconsize=’13’ bottommargin=’8′][list_item icon=’fa-check’ animation=’default’]Bravio is fully responsive[/list_item][list_item icon=’fa-support’ animation=’default’]24/7 Heroic Support[/list_item][list_item icon=’fa-star-o’ animation=’default’]Regular Updates[/list_item][list_item icon=’fa-thumbs-o-up’ animation=’default’]Unlimited Options[/list_item][list_item icon=’fa-user’ animation=’default’]Scalable Shortcodes[/list_item][/checklist][/column][column type=’3′][checklist bgcolor=’accent’ bgtransparency=’30’ radius=’50%’ bottommargin=’8′][list_item icon=’fa-check’ animation=’default’]Bravio is fully responsive[/list_item][list_item icon=’fa-check’ animation=’default’]24/7 Heroic Support[/list_item][list_item icon=’fa-check’ animation=’default’]Regular Updates[/list_item][list_item icon=’fa-check’ animation=’default’]Unlimited Options[/list_item][list_item icon=’fa-check’ animation=’default’]Scalable Shortcodes[/list_item][/checklist][/column][column type=’3′][checklist bgcolor=’#ffffff’ bgtransparency=’0′ radius=’4′ iconcolor=’primary’ bottommargin=’8′][list_item icon=’fa-check’ animation=’default’]Bravio is fully responsive[/list_item][list_item icon=’fa-check’ animation=’default’]24/7 Heroic Support[/list_item][list_item icon=’fa-check’ animation=’default’]Regular Updates[/list_item][list_item icon=’fa-check’ animation=’default’]Unlimited Options[/list_item][list_item icon=’fa-check’ animation=’default’]Scalable Shortcodes[/list_item][/checklist][/column][column type=’3′ last=’1′][checklist bgcolor=’#000′ bgtransparency=’30’ radius=’50%’ iconcolor=’#ffffff’ bottommargin=’8′][list_item icon=’fa-check’ animation=’default’]Bravio is fully responsive[/list_item][list_item icon=’fa-check’ animation=’default’]24/7 Heroic Support[/list_item][list_item icon=’fa-check’ animation=’default’]Regular Updates[/list_item][list_item icon=’fa-check’ animation=’default’]Unlimited Options[/list_item][list_item icon=’fa-check’ animation=’default’]Scalable Shortcodes[/list_item][/checklist][/column][/container][container collapse=’false’ fullwidth=’yes’ margintop=’60’ bottom=’80’][column type=’12’ last=’1′][title fontfamily=’Raleway’ fontsize=’28’ th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Contact Form – Shortcode[/title][separator marginTop=’20’][/separator][text color=’#777′ fontsize=’16’ google_font=” fontfamily=” lineheight=’24’ fontweight=”]This shortcode is used to skin cForm7 contact form plugin, you need to have it installed in order to use it. Once you have your form ready, you can change colors of input boxes, placeholder text color, error border colors, button active and hover states etc.[/text][separator marginTop=’50’][/separator][/column][column type=’8′][fancybox title=’Customization Options & Settings’ shadow=’2′ line=’left’ button=” bggradstart=’#fafafa’ bggradend=’#FFFFFF’][umform bgtransparency=” inputbg=” inputborder=” inputbordercolor=” inputborderradius=” inputtextsize=” placetextcolor=” inputtextcolor=” inputpadding=” btnbgcolor=” btnbgovercolor=” btntextcolor=” btntextovercolor=” btntransparency=” btnborder=” btnbordercolor=” inputbgfocus=” inputbordercolorfocus=”] CForm 7 Code [/umform][/fancybox][/column][column type=’4′ textalign=” lrpadding=” tbpadding=” textcolor=” bgimage=” bgpattern=” bgcolor=” bgtransparency=” last=’1′][umform cform=’2569′ inputbgfocus=’#f9f9f9′ inputpadding=’12’ placetextcolor=’accent’ inputborder=’1′ inputborderradius=’4′ inputbordercolor=’accent’ inputbordercolorfocus=’#888′ animation=’default’][/umform][/column][/container][container collapse=’false’ fullwidth=’yes’ bgimage=’http://bravio.co/demos/default/wp-content/uploads/2016/02/blackboard-1.jpg’ bgpattern=’7′ top=’80’ bottom=’70’ textcolor=’#efefef’ textalign=”][column type=’4′][title style=’none’ google_font=’Raleway:200,300,800′ textcolor=’#fff’ fontweight=’300′ th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Contact Us Now ![/title][separator margintop=’10’ align=’left’ animation=’default’][/separator][text color=’#ccc’ animation=’default’]At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi.[/text][separator marginTop=’30’][/separator][umform cform=’2542′ inputbg=’#fff’ inputbgfocus=’#000′ bgtransparency=’20’ inputpadding=’10’ inputtextcolor=’#efefef’ placetextcolor=’#ccc’ inputborder=’0′ inputbordercolorfocus=’#888′ btnbgcolor=’accent’ btntransparency=’30’ btnbgovercolor=’#000′ btntextcolor=’#efefef’ btntextovercolor=’#fff’ animation=’default’][/umform][/column][column type=’4′][title style=’none’ google_font=’Raleway:200,300,800′ textcolor=’#fff’ fontweight=’300′ th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Contact Us Now ![/title][separator margintop=’10’ align=’left’ animation=’default’][/separator][text color=’#ccc’ animation=’default’]At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi.[/text][separator marginTop=’30’][/separator][umform cform=’2542′ inputbg=’accent’ inputbgfocus=’#fff’ bgtransparency=’20’ inputpadding=’10’ inputtextcolor=’#efefef’ placetextcolor=’#ccc’ inputborder=’0′ inputbordercolorfocus=’#fff’ btnbgcolor=’accent’ btntransparency=’20’ btnbgovercolor=’primary’ btntextcolor=’#fff’ btntextovercolor=’#fff’ animation=’default’][/umform][/column][column type=’4′ last=’1′][title style=’none’ google_font=’Raleway:200,300,800′ textcolor=’#fff’ fontweight=’300′ th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’default’]Contact Us Now ![/title][separator margintop=’10’ align=’left’ animation=’default’][/separator][text color=’#ccc’ animation=’default’]At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi.[/text][separator marginTop=’30’][/separator][umform cform=’2542′ inputbg=’#000′ inputbgfocus=’accent’ bgtransparency=’15’ inputpadding=’10’ placetextcolor=’#ccc’ inputborder=’1′ inputbordercolorfocus=’#fff’ btnborder=’1′ btnbordercolor=’#fff’ btnbgcolor=’#000′ btntransparency=’10’ btnbgovercolor=’accent’ btntextcolor=’#fff’ btntextovercolor=’#fff’ animation=’default’][/umform][/column][/container][container collapse=’true’ fullwidth=’yes’ top=’65’ bottom=’65’ scrolltype=’scroll’ bgpattern=’7′ bgcolor=’accent’ bgtransparency=’65’ bgimage=’https://www.finahukuk.com/wp-content/uploads/2017/11/picjumbo.com_HNCK56ff44.jpg’][column type=’9′][text color=’#fff’ fontsize=’32’ fontweight=’300′ fontfamily=’Raleway’ lineheight=’38’ animation=’default’ top_space=’5′]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’][button size=’xlarge’ shape=’round’ target=’_blank’ link=’#’ bgtransparency=’30’ bordertransparency=’80’ iconposition=’before’ inset=’0′ fontweight=’300′ fontfamily=’Raleway’ hovereffect=’bounce-to-right’ border=’2′ textcolor=’#FFFFFF’ bordercolor=’#fff’ bgovercolor=’#fff’ textovercolor=’#FFFFFF’ animation=’default’ top_space=’13’]Explore Features[/button][/column][/container]