Grid Row

[av_layout_row border=” min_height_percent=” min_height=’300px’ color=’main_color’ mobile=’av-flex-cells’ id=” av_element_hidden_in_editor=’0′]
[av_cell_one_fourth vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#2a2a2a’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_heading tag=’h1′ padding=’15’ heading=’The Grid Row’ color=’custom-color-heading’ style=’blockquote modern-quote modern-centered’ custom_font=’#ffffff’ size=’40’ subheading_active=” subheading_size=’15’ custom_class=” admin_preview_bg=”][/av_heading]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#757575′ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_textblock size=” font_color=’custom’ color=’#ffffff’ admin_preview_bg=”]

An element that allows you to build interesting layout grids

[/av_textblock]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#cacaca’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_textblock size=” font_color=’custom’ color=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’]

Grid Rows are fullwidth elements and you can place any number of rows below each other

[/av_textblock]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align=’top’ padding=’30px’ padding_sync=’true’ background_color=” src=’http://www.kriesi.at/themes/enfold-2017/files/2015/07/portfolio-4.jpg’ attachment=’863′ attachment_size=’full’ background_attachment=’scroll’ background_position=’center center’ background_repeat=’stretch’ mobile_display=”]

[/av_cell_one_fourth]
[/av_layout_row]

[av_layout_row border=” min_height_percent=” min_height=’300px’ color=’main_color’ mobile=’av-flex-cells’ id=” av_element_hidden_in_editor=’0′]
[av_cell_one_third vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#cacaca’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_textblock size=” font_color=’custom’ color=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’]

You can set background color and image for each cell individually

[/av_textblock]

[/av_cell_one_third][av_cell_one_third vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=” src=’http://www.kriesi.at/themes/enfold-2017/files/2015/07/portfolio-1.jpg’ attachment=’866′ attachment_size=’full’ background_attachment=’scroll’ background_position=’center center’ background_repeat=’stretch’ mobile_display=”]

[/av_cell_one_third][av_cell_one_third vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#757575′ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_textblock size=” font_color=’custom’ color=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’]

A row can hold up to 5 cells that are aligned beside each other

[/av_textblock]

[/av_cell_one_third]
[/av_layout_row]

[av_layout_row border=” min_height_percent=” min_height=’300px’ color=’main_color’ mobile=’av-flex-cells’ id=” av_element_hidden_in_editor=’0′]

[av_cell_one_half vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#2a2a2a’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_textblock size=” font_color=’custom’ color=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’]

Use your imagination when it comes to using this element and you can build really interesting stuff

[/av_textblock]

[/av_cell_one_half][av_cell_one_half vertical_align=’middle’ padding=’60px’ padding_sync=’true’ background_color=’#cacaca’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[av_textblock size=” font_color=’custom’ color=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’]

As seen bellow (the 4 blue bars) you can even use the element for pure styling

[/av_textblock]

[av_button label=’Check out another example of a Grid Page’ link=’page,644′ link_target=” size=’x-large’ position=’center’ icon_select=’no’ icon=’ue800′ font=’entypo-fontello’ color=’light’ custom_bg=’#444444′ custom_font=’#ffffff’ admin_preview_bg=’rgb(34, 34, 34)’]

[/av_cell_one_half][/av_layout_row][av_layout_row border=” min_height_percent=” min_height=’10px’ color=’main_color’ mobile=’av-fixed-cells’ id=” av_element_hidden_in_editor=’0′]
[av_cell_one_fourth vertical_align=’middle’ padding=’0px’ padding_sync=’true’ background_color=’#bad3e6′ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align=’middle’ padding=’0px’ padding_sync=’true’ background_color=’#9cc2df’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align=’middle’ padding=’0px’ padding_sync=’true’ background_color=’#84bbe4′ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align=’middle’ padding=’0px’ padding_sync=’true’ background_color=’#67a2ce’ src=” attachment=” attachment_size=” background_attachment=’scroll’ background_position=’top left’ background_repeat=’no-repeat’ mobile_display=”]

[/av_cell_one_fourth]
[/av_layout_row]

زر الذهاب إلى الأعلى