{"id":12424,"date":"2015-07-14T14:22:03","date_gmt":"2015-07-14T14:22:03","guid":{"rendered":"http:\/\/sw-themes.com\/porto_dummy\/?page_id=3004"},"modified":"2015-07-14T14:22:03","modified_gmt":"2015-07-14T14:22:03","slug":"sections-parallax","status":"publish","type":"page","link":"http:\/\/meccamall.jo\/english2\/shortcodes\/sections-parallax\/","title":{"rendered":"Sections & Parallax"},"content":{"rendered":"

Sections & Parallax Shortcodes<\/h2>\n\t
\n\t\t
\n\t\t\t

You can show the counters in different layout styles with Visual Composer Row, Column<\/strong> shortcode.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

<\/div><\/div><\/div><\/div>

Default Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Color Scale 1 Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Color Scale 2 Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Color Scale 3 Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Color Scale 4 Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Color Scale 5 Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Color Scale 6 Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Color Scale 7 Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Color Scale 8 Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Color Scale 9 Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Primary Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Secondary Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Tertiary Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>

Quaternary Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>
<\/div><\/div><\/div><\/div>

Removing Margin Top and Bottom<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>
<\/span><\/div>\n
<\/div><\/div><\/div><\/div>
<\/i><\/div>

With Divider<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>
<\/div><\/div><\/div><\/div>

Center-Aligned Content Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>
<\/div><\/div><\/div><\/div>

Custom Background Section<\/h4>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>
<\/div><\/div><\/div><\/div>

Custom Background Section<\/h4>

(WITH OVERLAY)<\/h5>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.<\/p>\n<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>
<\/div>
<\/div><\/div><\/div><\/div>

Video Section<\/h4>
<\/div><\/div>
\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
\nNulla consequat massa quis enim.Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.Aenean vulputate eleifend tellus.<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>

<\/div><\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div>
<\/div><\/div><\/div><\/div>

Default Parallax Section<\/h4>
<\/div><\/div>
\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
\nNulla consequat massa quis enim.Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.Aenean vulputate eleifend tellus.<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>

<\/div><\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div>

Parallax Section<\/h4>

(FIXED IMAGE)<\/h5>
<\/div><\/div>
\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
\nNulla consequat massa quis enim.Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.Aenean vulputate eleifend tellus.<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>

<\/div><\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div>

Parallax Section<\/h4>

(DARK TEXT)<\/h5>
<\/div><\/div>
\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
\nNulla consequat massa quis enim.Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.Aenean vulputate eleifend tellus.<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>

<\/div><\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div>
<\/div><\/div><\/div><\/div>
<\/div><\/div>

Half Section<\/h4>

(WITH CUSTOM BACKGROUND)<\/h5>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
\nNulla consequat massa quis enim.Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.Aenean vulputate eleifend tellus.<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div>

<\/div>
<\/div><\/div><\/div><\/div>

Half Section<\/h4>

(WITH PARALLAX)<\/h5>\n\t
\n\t\t
\n\t\t\t
\n
\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
\nNulla consequat massa quis enim.Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.Aenean vulputate eleifend tellus.<\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>

<\/div><\/div><\/div>
<\/div>
<\/div>\n","protected":false},"excerpt":{"rendered":"Sections & Parallax Shortcodes You can show the counters in different layout styles with Visual Composer Row, Column shortcode. Default Section Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Color Scale 1 Section Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis [...]","protected":false},"author":277,"featured_media":0,"parent":13,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-12424","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/pages\/12424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/users\/277"}],"replies":[{"embeddable":true,"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/comments?post=12424"}],"version-history":[{"count":0,"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/pages\/12424\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/pages\/13"}],"wp:attachment":[{"href":"http:\/\/meccamall.jo\/english2\/wp-json\/wp\/v2\/media?parent=12424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}