{"id":29,"date":"2013-12-17T10:26:42","date_gmt":"2013-12-17T10:26:42","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=29"},"modified":"2013-12-17T10:26:42","modified_gmt":"2013-12-17T10:26:42","slug":"columns","status":"publish","type":"page","link":"http:\/\/alabshar.com\/ar\/columns\/","title":{"rendered":"Columns"},"content":{"rendered":"

[vc_row css=”.vc_custom_1423907703513{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″]

<\/span><\/span>

Column Layouts<\/h2><\/span><\/span><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″]

I<\/span> Column<\/h3>[vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue. Aliquam a lectus enim, eu mattis lorem. Sed suscipit felis ac lectus rutrum eget ultrices libero tempor. Donec posuere justo quis libero rutrum pulvinar. Pellentesque eu arcu et justo adipiscing mattis. Nulla interdum, felis quis tincidunt vehicula, diam quam fringilla lorem, sed euismod ante enim vel lacus. Praesent at dolor mauris, ut imperdiet elit. Donec condimentum condimentum neque, eu sodales ante aliquam nec.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″]

II<\/span> Columns<\/h3>[vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue. Aliquam a lectus enim, eu mattis lorem. Sed suscipit felis ac lectus rutrum eget ultrices libero tempor.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue. Aliquam a lectus enim, eu mattis lorem. Sed suscipit felis ac lectus rutrum eget ultrices libero tempor.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″]

III<\/span> Columns<\/h3>[vc_row_inner][vc_column_inner width=”1\/3″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/3″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/3″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″]

I<\/span> Third \/ \u00a0II<\/span> Thirds Column<\/h3>[vc_row_inner][vc_column_inner width=”1\/3″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue. Aliquam a lectus enim, eu mattis lorem. Sed suscipit felis ac lectus rutrum eget ultrices libero tempor.\u00a0Donec posuere justo quis libero rutrum pulvinar. Pellentesque eu arcu et justo adipiscing mattis.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″]

IV<\/span> Columns<\/h3>[vc_row_inner][vc_column_inner width=”1\/4″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/4″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/4″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/4″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″]

I<\/span> \u00a0Fourth \/ III<\/span> \u00a0Fourths Column<\/h3>[vc_row_inner][vc_column_inner width=”1\/4″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”3\/4″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue. Aliquam a lectus enim, eu mattis lorem. Sed suscipit felis ac lectus rutrum eget ultrices libero tempor. Donec posuere justo quis libero rutrum pulvinar. Pellentesque eu arcu et justo adipiscing mattis.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1423907703513{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″]
<\/span><\/span>

Animated Columns<\/h2><\/span><\/span><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/4″ anim=”from-left” delay=”300ms”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″ anim=”from-top” delay=”300ms”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″ anim=”from-bottom” delay=”300ms”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″ anim=”from-right” delay=”300ms”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/4″ anim=”from-left” delay=”601ms”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″ anim=”from-top” delay=”600ms”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″ anim=”from-bottom” delay=”600ms”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″ anim=”from-right” delay=”600ms”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/4″ anim=”grow-in” delay=”900ms”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″ anim=”grow-in” delay=”1000ms”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″ anim=”grow-in” delay=”1100ms”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″ anim=”grow-in” delay=”1200ms”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1423907703513{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″]
<\/span><\/span>

Full Width Column Layout<\/h2><\/span><\/span><\/div>[\/vc_column][\/vc_row][vc_row to_equal_column=”equal_height” 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″ to_section_layout=”section-container”][vc_column width=”1\/3″ css=”.vc_custom_1423923928366{padding-top: 4% !important;padding-right: 4% !important;padding-bottom: 4% !important;padding-left: 4% !important;background-color: #ff6863 !important;}” delay=”299ms” anim=”grow-in”]

Full Width 1\/3 Col<\/h3>[vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue. Aliquam a lectus enim, eu mattis lorem. Sed suscipit felis ac lectus rutrum eget ultrices libero tempor.<\/span>[\/vc_column_text][\/vc_column][vc_column width=”1\/3″ css=”.vc_custom_1423923939616{padding-top: 4% !important;padding-right: 4% !important;padding-bottom: 4% !important;padding-left: 4% !important;background-color: #36d7b7 !important;}” delay=”298ms” anim=”flip-in”]

Full Width 1\/3 Col<\/h3>[vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue. Aliquam a lectus enim, eu mattis lorem. Sed suscipit felis ac lectus rutrum eget ultrices libero tempor.<\/span>[\/vc_column_text][\/vc_column][vc_column width=”1\/3″ css=”.vc_custom_1423923955366{padding-top: 4% !important;padding-right: 4% !important;padding-bottom: 4% !important;padding-left: 4% !important;background-color: #8976eb !important;}” delay=”299ms” anim=”flip-in”]

Full Width 1\/3 Col<\/h3>[vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue. Aliquam a lectus enim, eu mattis lorem. Sed suscipit felis ac lectus rutrum eget ultrices libero tempor.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row to_equal_column=”equal_height” 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″ to_section_layout=”section-container”][vc_column width=”1\/3″ css=”.vc_custom_1423923964945{padding-top: 4% !important;padding-right: 4% !important;padding-bottom: 4% !important;padding-left: 4% !important;background-color: #2b2d2f !important;}” delay=”299ms” anim=”flip-in”]

Full Width 1\/3 Col<\/h3>[vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue. Aliquam a lectus enim, eu mattis lorem.<\/span>[\/vc_column_text][\/vc_column][vc_column width=”2\/3″ css=”.vc_custom_1423923973029{padding-top: 4% !important;padding-right: 4% !important;padding-bottom: 4% !important;padding-left: 4% !important;background-color: #515151 !important;}” delay=”299ms” anim=”flip-in”]

Full Width 2\/3 Col<\/h3>[vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue. Aliquam a lectus enim, eu mattis lorem. Sed suscipit felis ac lectus rutrum eget ultrices libero tempor. Donec posuere justo quis libero rutrum pulvinar. Pellentesque eu arcu et justo adipiscing mattis. Nulla interdum, felis quis tincidunt vehicula, diam quam fringilla lorem, sed euismod ante enim vel lacus. Praesent at dolor mauris, ut imperdiet elit. Donec condimentum condimentum neque, eu sodales ante aliquam nec.<\/span>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row css=”.vc_custom_1423907703513{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″][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue. Aliquam a lectus enim, eu mattis lorem. Sed suscipit felis ac lectus rutrum eget ultrices libero tempor. Donec posuere justo quis libero rutrum pulvinar. Pellentesque eu arcu et justo adipiscing mattis. Nulla interdum, felis quis tincidunt vehicula, diam quam fringilla lorem, sed euismod ante enim vel lacus. Praesent at dolor mauris, ut imperdiet elit. Donec condimentum condimentum neque, eu sodales ante aliquam nec.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/1″][vc_row_inner][vc_column_inner width=”1\/2″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod fermentum tincidunt. Duis iaculis leo ut urna rutrum aliquam. Proin non fringilla erat. Integer at neque ante, non volutpat lacus. Sed nec ornare augue. Aliquam a lectus<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/alabshar.com\/ar\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/alabshar.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/alabshar.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"http:\/\/alabshar.com\/ar\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":0,"href":"http:\/\/alabshar.com\/ar\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"wp:attachment":[{"href":"http:\/\/alabshar.com\/ar\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}