Mobius Grid

[vc_row css= ».vc_custom_1423932559805{padding-top: 70px !important;padding-bottom: 70px !important;} » to_equal_column= » » to_para_bg= »no_bg » to_parallax= » » to_side_img_position= »left » to_para_img_repeat= »no-repeat » to_para_blur= » » to_para_over_set= » » to_para_over_opacity= »0.8″][vc_column width= »1/1″][themeone_header type= »h2″ section= »true » txtalign= »txt-center » decor= »decor » decorcolor= »#dddddd » decorheight= »1px »]A Versatile Grid System[/themeone_header][vc_column_text]Mobius Grid Generator allows you to deeply customize the grid layout. The possibilities are really unlimited… A dedicated reorder plugin was created in order to facilitate the element order/size in the grid.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width= »1/3″][themeone_ul txtalign= »txt-left » boxed= » » txtcolor= » »][themeone_li licolor= »accent-color1″ anim= »swing » bullet= » » icon= »steadysets-icon-checkmark »]4 different sizes[/themeone_li][themeone_li licolor= »accent-color1″ anim= »swing » bullet= » » icon= »steadysets-icon-checkmark »]2 different styles for portfolio and blog[/themeone_li][themeone_li licolor= »accent-color1″ anim= »swing » bullet= » » icon= »steadysets-icon-checkmark »]Adjustable gutter width [/themeone_li][themeone_li licolor= »accent-color1″ anim= »swing » bullet= » » icon= »steadysets-icon-checkmark »]Grid layout and Masonry Layout[/themeone_li][/themeone_ul][/vc_column][vc_column width= »1/3″][themeone_ul txtalign= »txt-left » boxed= » » txtcolor= » »][themeone_li licolor= »accent-color1″ anim= »swing » bullet= » » icon= »steadysets-icon-checkmark »]Horizontal/Vertical layout grid[/themeone_li][themeone_li licolor= »accent-color1″ anim= »swing » bullet= » » icon= »steadysets-icon-checkmark »]Custom Number of element in the grid[/themeone_li][themeone_li licolor= »accent-color1″ anim= »swing » bullet= » » icon= »steadysets-icon-checkmark »]Custom reorder of each element[/themeone_li][themeone_li licolor= »accent-color1″ anim= »swing » bullet= » » icon= »steadysets-icon-checkmark »]One page setting for all elements[/themeone_li][/themeone_ul][/vc_column][vc_column width= »1/3″][themeone_ul txtalign= »txt-left » boxed= » » txtcolor= » »][themeone_li licolor= »accent-color1″ anim= »swing » bullet= » » icon= »steadysets-icon-checkmark »]Ajax or pagination grid system[/themeone_li][themeone_li licolor= »accent-color1″ anim= »swing » bullet= » » icon= »steadysets-icon-checkmark »]Ajustable aspect ratio of element[/themeone_li][themeone_li licolor= »accent-color1″ anim= »swing » bullet= » » icon= »steadysets-icon-checkmark »]Touch device compatibility[/themeone_li][themeone_li licolor= »accent-color1″ anim= »swing » bullet= » » icon= »steadysets-icon-checkmark »]Multi instance[/themeone_li][/themeone_ul][/vc_column][/vc_row][vc_row to_section_layout= »section-container » to_equal_column= » » to_para_bg= »no_bg » to_parallax= » » to_side_img_position= »left » to_para_img_repeat= »no-repeat » to_para_blur= » » to_para_over_set= » » to_para_over_opacity= »0.8″ css= ».vc_custom_1423932554092{padding-top: 70px !important;padding-bottom: 70px !important;} »][vc_column width= »1/1″][themeone_grid gridtype= »grid » type= »portfolio » orderby= »menu_order » postnb= »8″ postsize= » » portsize= »normal » portstyle= » » hlayout= »true » rownb= »1″ toggle= »true » controls= »true » pagination= »ajax » filters= »true » ratio= »0.7″ gutter= »0px » colsup= »4″ col1600= »4″ col1280= »3″ col1000= »2″][/vc_column][/vc_row][vc_row to_section_layout= »section-container » to_equal_column= » » to_para_bg= »no_bg » to_parallax= » » to_side_img_position= »left » to_para_img_repeat= »no-repeat » to_para_blur= » » to_para_over_set= » » to_para_over_opacity= »0.8″][vc_column width= »1/1″][themeone_divider style= »solid » position= »center » width= »100% » height= »1px » color= »#f3f5f8″][/vc_column][/vc_row][vc_row css= ».vc_custom_1423933287708{padding-top: 70px !important;padding-bottom: 70px !important;background-color: #f5f6fa !important;} » to_equal_column= » » to_para_bg= »no_bg » to_parallax= » » to_side_img_position= »left » to_para_img_repeat= »no-repeat » to_para_blur= » » to_para_over_set= » » to_para_over_opacity= »0.8″][vc_column width= »1/1″][themeone_header type= »h2″ txtalign= »txt-center » subtitle= » » txtcolor= » » decor= » » decorcolor= » » decorheight= » »]Different Styles[/themeone_header][/vc_column][/vc_row][vc_row css= ».vc_custom_1423932818692{padding-bottom: 70px !important;background-color: #f5f6fa !important;} » to_equal_column= » » to_para_bg= »no_bg » to_parallax= » » to_side_img_position= »left » to_para_img_repeat= »no-repeat » to_para_blur= » » to_para_over_set= » » to_para_over_opacity= »0.8″][vc_column width= »1/1″][themeone_grid gridtype= »grid » type= »portfolio » orderby= » » postnb= »6″ postsize= » » portsize= »normal » portstyle= »style2″ hlayout= » » rownb= »1″ toggle= » » controls= » » pagination= » » filters= » » ratio= »0.9″ gutter= »30px » colsup= »3″ col1600= »3″ col1280= »3″ col1000= »2″][/vc_column][/vc_row][vc_row css= ».vc_custom_1423933310242{padding-top: 70px !important;padding-bottom: 50px !important;} » to_equal_column= » » to_para_bg= »no_bg » to_parallax= » » to_side_img_position= »left » to_para_img_repeat= »no-repeat » to_para_blur= » » to_para_over_set= » » to_para_over_opacity= »0.8″][vc_column width= »1/1″][themeone_header type= »h2″ txtalign= »txt-center » subtitle= » » txtcolor= » » decor= »true » decorcolor= »#dddddd » decorheight= »1px »]Custom Aspect Ratio[/themeone_header][/vc_column][/vc_row][vc_row css= ».vc_custom_1423932830562{padding-bottom: 70px !important;} » to_section_layout= »section-container » to_equal_column= » » to_para_bg= »no_bg » to_parallax= » » to_side_img_position= »left » to_para_img_repeat= »no-repeat » to_para_blur= » » to_para_over_set= » » to_para_over_opacity= »0.8″][vc_column width= »1/1″][themeone_grid gridtype= »grid » type= »post » orderby= »menu_order » postnb= »7″ postsize= »tall » portsize= »tall » portstyle= » » hlayout= »true » rownb= »2″ toggle= » » controls= »true » pagination= » » filters= » » ratio= »0.9″ gutter= »4px » colsup= »5″ col1600= »4″ col1280= »3″ col1000= »3″][/vc_column][/vc_row]

Laisser un commentaire