[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 Image & Lightbox 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’ textalign=’center’ bgcolor=’#fff’ bgtransparency=’0′ top=’70’ bottom=’90’ innerbottomshadowsize=’0′ collapse=’true’][column type=’12’ last=’1′][title style=’none’ size=’6′ fontfamily=’Raleway’ textcolor=’#444444′ fontsize=’25’ fontweight=’300′ th_height=’10’ th_margintop=’5′ th_bgtransparency=’0′ th_bgpattern=’3′ animation=’bounceInLeft’]Overlapping Images & Animations[/title][separator marginTop=’1′][/separator][text color=’#444444′ fontsize=’14’ animation=’default’]Setting Z-Index, Top and Left Margins[/text][separator style=’1′ align=’center’ color=’#555555′ height=’2′ marginTop=’15’ marginBottom=’15’ width=’50’][/separator][text fontsize=’16’]Animation type and delay help you start animation with delay and set different types of animations[/text][separator marginTop=’40’][/separator][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/image_laptop.png’ float=’left’ zindex=’2′ animation_type=’slideInLeft’ animation_delay=’0.4′ bordercolor=’accent’ bordertrans=’0′ top=’90’ left=’140′][/image][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/image_mac.png’ float=’left’ zindex=’1′ animation_type=’flipInX’ bordercolor=’accent’ bordertrans=’0′ left=’-80′][/image][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/image_tablet.png’ float=’left’ zindex=’3′ animation_type=’slideInRight’ animation_delay=’0.7′ bordercolor=’accent’ bordertrans=’0′ top=’72’ left=’-50′][/image][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/image_mobile_horizontal.png’ float=’left’ zindex=’4′ animation_type=’slideInLeft’ animation_delay=’0.9′ bordercolor=’accent’ bordertrans=’0′ top=’147′ left=’-15′][/image][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/image_mobile_vertical.png’ float=’left’ zindex=’5′ animation_type=’slideInLeft’ animation_delay=’1′ bordercolor=’accent’ bordertrans=’0′ top=’206′ left=’-30′][/image][/column][/container][container section_title=’Container’ fullwidth=’yes’ textalign=’center’ scrolltype=’fixed’ bgtransparency=’0′ top=’70’ bottom=’80’ innerbottomshadowsize=’0′ bordertop=’1′ tbcolor=’#efefef’ borderbottom=’1′ topseparator=’disable’ topseparatorshape=’diagonal’ bottomseparator=’disable’ bottomseparatorshape=’diagonal’ collapse=’true’][column type=’12’ last=’1′][title size=’6′ fontsize=’25’ fontweight=’300′ style=’none’ animation=’bounceInLeft’ textcolor=’#444444′]Aligning Image Position[/title][separator marginTop=’1′][/separator][text color=’accent’ fontsize=’14’]Align Left, Right & Center[/text][separator style=’1′ align=’center’ color=’#555555′ height=’2′ marginTop=’15’ marginBottom=’15’ width=’50’][/separator][text fontsize=’16’]Images can be perfectly aligned to left / right and/or center with the text that gives a perfect look[/text][separator marginTop=’40’][/separator][/column][column type=’6′ textalign=’left’][text animation=’default’][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/mountain2_thumb.jpg’ title=’Image: Left Aligned’ float=’left’ animation_type=’fadeInRight’ bordercolor=’accent’ bordertrans=’0′ right=’12’][/image]Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.[/text][/column][column type=’6′ textalign=’left’ last=’1′][text animation=’default’][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/mountain1_thumb.jpg’ title=’Image: Right Aligned’ float=’right’ animation_type=’fadeInRight’ bordercolor=’accent’ bordertrans=’0′ left=’8′][/image]Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.[/text][/column][/container][container collapse=’true’ fullwidth=’yes’ top=’80’ bgcolor=’accent’ bgimage=’http://bravio.co/demos/default/wp-content/uploads/2016/02/bg_polygon_black.jpg’ bgpattern=’7′ bgtransparency=’50’ textalign=’center’][column type=’12’ last=’1′][text color=’#ffffff’ fontsize=’30’ lineheight=’30’ fontweight=’400′]Border Thickness & Transparency[/text][separator marginTop=’10’][/separator][text color=’#efefef’ fontsize=’18’ fontweight=’300′]You can set border, border color, radius, transparency and remove any side of border.[/text][separator marginTop=’30’][/separator][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/nature_bg.jpg’ float=’center’ lightbox=’1′ animation_type=’default’ border=’15’ bordercolor=’#000000′ bordertrans=’20’ noborder=’bottom’][/image][/column][/container][container collapse=’true’ fullwidth=’yes’ bgcolor=’#f9f9f9′ bgtransparency=’80’ bgimage=’http://bravio.co/demo/wp-content/uploads/2015/08/alona-parallax3.jpg’ top=’10’ bottom=’10’ bgpattern=”][column type=’12’ last=’1′][separator marginTop=’50’][/separator][/column][column type=’6′][title size=’6′ fontsize=’26’ fontweight=’400′ style=’none’ animation=’fadeInLeft’ animation_reset=’1′ textcolor=’#444444′]Overlapping Images between Fullwidth ![/title][separator marginTop=’20’][/separator][text]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.[/text][separator marginTop=’40’][/separator][progressbar text=’Professional Designers’ textcolor=’#ffffff’ textsize=’12’ textmargin=” percent=’95’ height=’30’ stripes=’1′ animate=’1′ radius=’2′ basecolor=’#ffffff’ barcolor=’000000′ icon=’fa-wordpress’ iconcolor=” border=” bordercolor=” gradstart=” gradend=” bgtransparency=’60’][/progressbar][separator marginTop=’10’][/separator][progressbar text=’Intermediate Designers’ textcolor=’#ffffff’ textsize=’12’ percent=’50’ height=’30’ stripes=’1′ animate=’1′ radius=’2′ basecolor=’#444444′ basecolor=’#ffffff’ barcolor=’accent’ icon=’fa-joomla’ iconcolor=” border=” bordercolor=” gradstart=’#286ce8′ gradend=’#ffde00′ gradtype=’left’ bgtransparency=’60’][/progressbar][separator marginTop=’10’][/separator][progressbar text=’Advance Designers’ textcolor=’#ffffff’ textsize=’12’ percent=’80’ height=’30’ stripes=’1′ animate=’1′ radius=’2′ basecolor=’#ffffff’ barcolor=’accent’ icon=’fa-drupal’ iconcolor=” border=” bordercolor=” gradstart=” gradend=” bgtransparency=’60’][/progressbar][/column][column type=’6′ last=’1′][/column][column type=’12’ last=’1′][separator marginTop=’60’][/separator][/column][/container][container collapse=’true’ fullwidth=’yes’ bgcolor=” containerbgcolor=’#ffffff’][column type=’12’ last=’1′][separator marginbottom=’60’ shadow=”][/separator][/column][column type=’4′][content_box style=’5′ size=’medium’ iconcolor=’accent’ rollovericoncolor=’primary’ rollovericonbgcolor=” button=” button_link=’#’ animation=’fadeInUp’ animation_duration=’.4s’ title=’Multiple Images’ icon=’fa-arrows-alt’]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.[/content_box][/column][column type=’4′][content_box size=’medium’ iconcolor=’accent’ rollovericoncolor=’primary’ button=” button_link=’#’ iconbgcolor=’#444444′ animation=’fadeInUp’ animation_duration=’.4s’ animation_delay=’0.2s’ title=’Animation Delay Start’ icon=’fa-cogs’]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.[/content_box][/column][column type=’4′ last=’1′][image float=’right’ lightbox=’1′ animation_type=’fadeInUp’ animation_duration=’.4′ top=’-350′ src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/bravio_mobile.png’][/image][/column][/container][container collapse=’true’ fullwidth=’no’][column type=’12’ last=’1′][separator marginTop=’30’][/separator][/column][/container][container collapse=’true’ fullwidth=’yes’][column type=’12’ last=’1′][content_box style=’5′ size=’medium’ iconcolor=’accent’ rollovericoncolor=’primary’ rollovericonbgcolor=” button=” button_link=’#’ animation=’fadeInUp’ animation_duration=’.4s’ title=’Grouping Images & Lightbox’ icon=’fa-arrows-alt’]By setting up the ‘group’ field, all images, videos, sites, flash movies associated with that specific group name will be loaded within the Lighbox. You can click one of the grouped images below and it will load other thumbs within the group. Photography by George[/content_box][/column][column type=’3′ border=” bordercolor=”][image float=” hovereffect=’1′ lightbox=’1′ group=’gal1′ animation_type=’fadeInUp’ animation_delay=’0.1′ top=” src=’http://bravio.co/demos/default/wp-content/uploads/2016/03/services.jpg’][/image][/column][column type=’3′ border=” bordercolor=”][image float=” hovereffect=’2′ lightbox=’1′ group=’gal1′ animation_type=’fadeInUp’ animation_delay=’0.2′ top=” src=’http://bravio.co/demos/default/wp-content/uploads/2016/03/free4.jpg’][/image][/column][column type=’3′ border=” bordercolor=”][image float=’ hovereffect=’3′ lightbox=’1′ group=’gal1′ animation_type=’fadeInUp’ animation_delay=’0.3′ top=” src=’http://bravio.co/demos/default/wp-content/uploads/2016/03/free3.jpg’][/image][/column][column type=’3′ border=” bordercolor=” last=’1′][image float=” hovereffect=’4′ lightbox=’1′ group=’gal1′ animation_type=’fadeInUp’ animation_delay=’0.4′ top=” src=’http://bravio.co/demos/default/wp-content/uploads/2016/03/free2.jpg’][/image][/column][column type=’12’ last=’1′][separator marginTop=’60’][/separator][/column][column type=’6′][content_box style=’5′ size=’medium’ iconcolor=’accent’ rollovericoncolor=’primary’ rollovericonbgcolor=” button=” button_link=’#’ animation=’fadeInUp’ animation_duration=’.4s’ title=’Play Youtube Video’ icon=’fa-arrows-alt’]You can directly play youtube videos with the lighbox.[/content_box][separator marginTop=’5′][/separator][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/youtube.jpg’ shadowdrop=’no’ position=’default’ lightbox=’1′ popsrc=’https://www.youtube.com/watch?v=npAh8CuQ-lU’ animation_type=’fadeInUp’ animation_delay=’0.1′ border=’5′ bordercolor=’#efefef’ bordertrans=’0′ radius=’30’][/image][/column][column type=’6′ last=’1′][content_box style=’5′ size=’medium’ iconcolor=’accent’ rollovericoncolor=’primary’ rollovericonbgcolor=” button=” button_link=’#’ animation=’fadeInUp’ animation_duration=’.2′ title=’Play Vimeo Video’ icon=’fa-arrows-alt’]You can directly play Vimeo videos with the lighbox.[/content_box][separator marginTop=’5′][/separator][image src=’http://bravio.co/demos/default/wp-content/uploads/2016/02/vimeo.jpg’ lightbox=’1′ popsrc=’http://vimeo.com/8245346′ animation_type=’fadeInUp’ animation_delay=’.2′ border=’5′ bordercolor=’#efefef’ bordertrans=’0′ radius=’30’][/image][/column][/container][container collapse=’true’ fullwidth=’no’][column type=’12’ last=’1′][separator marginTop=’40’][/separator][raindrops bgcolor=’#ffffff’ flip=’1′][/raindrops][/column][/container][container section_title=’Scalable Multipurpose Theme’ fullwidth=’yes’ bgimage=’https://www.finahukuk.com/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=’true’][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]