{"id":4096,"date":"2014-02-10T14:07:58","date_gmt":"2014-02-10T14:07:58","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=2585"},"modified":"2020-08-03T19:55:27","modified_gmt":"2020-08-03T16:55:27","slug":"sections","status":"publish","type":"page","link":"https:\/\/habibmakina.com.tr\/en\/elements\/sections\/","title":{"rendered":"Sections"},"content":{"rendered":"[section label=&#8221;Top Section&#8221; bg=&#8221;4036&#8243; bg_color=&#8221;rgb(41, 41, 41)&#8221; bg_overlay=&#8221;rgba(0, 0, 0, 0.19)&#8221; bg_pos=&#8221;65% 40%&#8221; parallax=&#8221;3&#8243; dark=&#8221;true&#8221; padding=&#8221;0px&#8221; height=&#8221;424px&#8221;]\n[row]\n[col span__sm=&#8221;12&#8243; padding=&#8221;5% 6% 0px 10%&#8221; align=&#8221;center&#8221;]\n<h1 class=\"uppercase\"><strong>Section Element<\/strong><\/h1>\n<p class=\"lead\">Sections are used for creating full width backgrounds with content inside it. You can have\u00a0Parallax Effects and Background Videos.<\/p>\n[\/col]\n[\/row]\n[\/section]\n[section bg_color=&#8221;rgb(233, 233, 233)&#8221; padding=&#8221;50px&#8221;]\n[row]\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]\n<h3>A Simple section with a two column row inside<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[\/section]\n[section bg_color=&#8221;rgb(41, 41, 41)&#8221; bg_overlay=&#8221;rgb(36, 36, 36)&#8221; dark=&#8221;true&#8221; padding=&#8221;60px&#8221;]\n[row]\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]\n<h3>A Dark section with a row inside<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[\/section]\n[section label=&#8221;Background Video&#8221; bg_color=&#8221;rgb(41, 41, 41)&#8221; bg_overlay=&#8221;rgba(0, 0, 0, 0.27)&#8221; dark=&#8221;true&#8221; padding=&#8221;128px&#8221; video_mp4=&#8221;http:\/\/flatsome.dev\/wp-content\/uploads\/2016\/02\/348462762.mp4&#8243;]\n[row]\n[col span=&#8221;4&#8243; span__sm=&#8221;12&#8243;]\n<h2>A section with a\u00a0background video<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[\/section]\n[section bg=&#8221;4036&#8243; bg_color=&#8221;rgb(0, 0, 0)&#8221; bg_overlay=&#8221;rgba(0, 0, 0, 0.51)&#8221; dark=&#8221;true&#8221; padding=&#8221;60px&#8221; height=&#8221;50vh&#8221;]\n[row style=&#8221;collapse&#8221; h_align=&#8221;center&#8221;]\n[col span=&#8221;6&#8243; align=&#8221;center&#8221;]\n<h2>A section can\u00a0have a background image or a background color<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[\/section]\n[section bg_color=&#8221;rgb(243, 243, 243)&#8221; padding=&#8221;61px&#8221;]\n[row v_align=&#8221;middle&#8221;]\n[col span=&#8221;6&#8243;]\n<h2>A Section\u00a0with a Image on the right<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[col span=&#8221;6&#8243;]\n[ux_image id=&#8221;4035&#8243;]\n[\/col]\n[\/row]\n[\/section]\n[section label=&#8221;Parallax Video&#8221; bg_color=&#8221;rgb(41, 41, 41)&#8221; bg_overlay=&#8221;rgba(0, 0, 0, 0.27)&#8221; parallax=&#8221;4&#8243; dark=&#8221;true&#8221; padding=&#8221;128px&#8221; video_mp4=&#8221;http:\/\/flatsome.dev\/wp-content\/uploads\/2016\/02\/348462762.mp4&#8243;]\n[row h_align=&#8221;center&#8221;]\n[col span=&#8221;4&#8243; span__sm=&#8221;9&#8243; align=&#8221;center&#8221;]\n<h2>A Parallax Background Video<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[\/section]\n[section bg_color=&#8221;rgb(255, 255, 255)&#8221; sticky=&#8221;true&#8221; padding=&#8221;61px&#8221;]\n[row v_align=&#8221;middle&#8221;]\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]\n[ux_image id=&#8221;4035&#8243; depth=&#8221;4&#8243; depth_hover=&#8221;5&#8243;]\n[\/col]\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]\n<h2>A sticky section with images left<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[button text=&#8221;Click me!&#8221;]\n[\/col]\n[\/row]\n[\/section]\n[section bg_color=&#8221;rgb(50, 50, 50)&#8221; dark=&#8221;true&#8221; sticky=&#8221;true&#8221; padding=&#8221;61px&#8221;]\n[row v_align=&#8221;middle&#8221;]\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]\n<h2>A sticky section with images\u00a0right<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[button text=&#8221;Click me!&#8221;]\n[\/col]\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]\n[ux_image id=&#8221;4035&#8243; depth=&#8221;4&#8243; depth_hover=&#8221;5&#8243;]\n[\/col]\n[\/row]\n[\/section]\n[section bg=&#8221;4036&#8243; bg_color=&#8221;rgb(243, 243, 243)&#8221; bg_overlay=&#8221;rgba(255, 255, 255, 0.9)&#8221; padding=&#8221;61px&#8221;]\n[row v_align=&#8221;middle&#8221;]\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]\n<h2>A\u00a0Section with Image\u00a0and a background<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]\n[ux_image id=&#8221;4035&#8243;]\n[\/col]\n[\/row]\n[\/section]\n[section bg_color=&#8221;rgb(255, 255, 255)&#8221; padding=&#8221;61px&#8221;]\n[row style=&#8221;collapse&#8221; width=&#8221;full-width&#8221; v_align=&#8221;middle&#8221;]\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243;]\n[ux_image id=&#8221;4035&#8243;]\n[\/col]\n[col span=&#8221;6&#8243; span__sm=&#8221;12&#8243; padding=&#8221;10%&#8221; align=&#8221;center&#8221; max_width=&#8221;520px&#8221;]\n<h2>A\u00a0Section with a large image left.<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[\/section]\n[section bg_color=&#8221;rgb(241, 241, 241)&#8221; padding=&#8221;61px&#8221;]\n[row style=&#8221;collapse&#8221; width=&#8221;full-width&#8221; v_align=&#8221;middle&#8221; h_align=&#8221;right&#8221;]\n[col span=&#8221;6&#8243; padding=&#8221;10%&#8221; align=&#8221;center&#8221; max_width=&#8221;520px&#8221;]\n<h2>A\u00a0Section with a large image right.<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[col span=&#8221;6&#8243;]\n[ux_image id=&#8221;4035&#8243;]\n[\/col]\n[\/row]\n[\/section]\n[section bg=&#8221;4036&#8243; bg_color=&#8221;rgb(0, 0, 0)&#8221; bg_overlay=&#8221;rgba(0, 0, 0, 0.51)&#8221; parallax=&#8221;1&#8243; dark=&#8221;true&#8221; padding=&#8221;97px&#8221; height=&#8221;300px&#8221;]\n[title text=&#8221;Section With a parallax background&#8221;]\n[row h_align=&#8221;center&#8221;]\n[col span=&#8221;4&#8243; span__sm=&#8221;12&#8243;]\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[col span=&#8221;4&#8243; span__sm=&#8221;6&#8243;]\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[col span=&#8221;4&#8243; span__sm=&#8221;6&#8243;]\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[row h_align=&#8221;center&#8221;]\n[col span=&#8221;4&#8243; span__sm=&#8221;6&#8243;]\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[col span=&#8221;4&#8243; span__sm=&#8221;6&#8243;]\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[col span=&#8221;4&#8243; span__sm=&#8221;12&#8243;]\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[\/section]\n[section bg=&#8221;4036&#8243; bg_color=&#8221;rgb(0, 0, 0)&#8221; bg_overlay=&#8221;rgba(255, 255, 255, 0.89)&#8221; bg_pos=&#8221;25% 0%&#8221; parallax=&#8221;1&#8243; padding=&#8221;60px&#8221; height=&#8221;300px&#8221;]\n[row style=&#8221;collapse&#8221; width=&#8221;full-width&#8221; h_align=&#8221;center&#8221;]\n[col span=&#8221;6&#8243; padding=&#8221;0 10%&#8221; align=&#8221;center&#8221;]\n<h2>A product slider inside a section<\/h2>\n[button text=&#8221;Click me now&#8221;]\n[\/col]\n[\/row]\n[\/section]\n[section bg_color=&#8221;rgb(63, 63, 63)&#8221; dark=&#8221;true&#8221; mask=&#8221;arrow&#8221; height=&#8221;365px&#8221;]\n[row]\n[col span=&#8221;6&#8243; span__sm=&#8221;10&#8243;]\n<h3>Section With A Arrow Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[\/section]\n[section bg_color=&#8221;rgb(160, 160, 160)&#8221; dark=&#8221;true&#8221; mask=&#8221;angled&#8221; height=&#8221;365px&#8221;]\n[row]\n[col span=&#8221;5&#8243; span__sm=&#8221;10&#8243;]\n<h3>Section with an Angled Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[\/section]\n[section bg_color=&#8221;rgb(77, 77, 77)&#8221; dark=&#8221;true&#8221; mask=&#8221;angled-right&#8221; height=&#8221;365px&#8221;]\n[row]\n[col span=&#8221;5&#8243; span__sm=&#8221;10&#8243;]\n<h3>Section with an Angled Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[\/section]\n[section bg=&#8221;4036&#8243; bg_color=&#8221;rgb(255, 255, 255)&#8221; bg_overlay=&#8221;rgba(117, 117, 117, 0.44)&#8221; dark=&#8221;true&#8221; mask=&#8221;angled-right&#8221; height=&#8221;365px&#8221;]\n[row]\n[col span=&#8221;6&#8243; span__sm=&#8221;9&#8243;]\n<h3>Section with Angled Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[\/section]\n[section bg_color=&#8221;rgb(77, 77, 77)&#8221; dark=&#8221;true&#8221; mask=&#8221;arrow-large&#8221; height=&#8221;365px&#8221;]\n[row]\n[col]\n<h3>Section with a Large Arrow Mask<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.<\/p>\n[\/col]\n[\/row]\n[\/section]","protected":false},"excerpt":{"rendered":"<p>[section label=&#8221;Top Section&#8221; bg=&#8221;4036&#8243; bg_color=&#8221;rgb(41, 41, 41)&#8221; bg_overlay=&#8221;rgba(0, 0, 0, 0.19)&#8221; bg_pos=&#8221;65% 40%&#8221; parallax=&#8221;3&#8243; dark=&#8221;true&#8221; padding=&#8221;0px&#8221; height=&#8221;424px&#8221;] [row] [col span__sm=&#8221;12&#8243; padding=&#8221;5% 6% 0px 10%&#8221; align=&#8221;center&#8221;] Section Element Sections are used for creating full width backgrounds with content inside it. You can have\u00a0Parallax Effects and Background Videos. [\/col] [\/row] [\/section] [section bg_color=&#8221;rgb(233, 233, 233)&#8221; padding=&#8221;50px&#8221;] [row] [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4035,"parent":4125,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-4096","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/habibmakina.com.tr\/en\/wp-json\/wp\/v2\/pages\/4096"}],"collection":[{"href":"https:\/\/habibmakina.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/habibmakina.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/habibmakina.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/habibmakina.com.tr\/en\/wp-json\/wp\/v2\/comments?post=4096"}],"version-history":[{"count":1,"href":"https:\/\/habibmakina.com.tr\/en\/wp-json\/wp\/v2\/pages\/4096\/revisions"}],"predecessor-version":[{"id":4167,"href":"https:\/\/habibmakina.com.tr\/en\/wp-json\/wp\/v2\/pages\/4096\/revisions\/4167"}],"up":[{"embeddable":true,"href":"https:\/\/habibmakina.com.tr\/en\/wp-json\/wp\/v2\/pages\/4125"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/habibmakina.com.tr\/en\/wp-json\/wp\/v2\/media\/4035"}],"wp:attachment":[{"href":"https:\/\/habibmakina.com.tr\/en\/wp-json\/wp\/v2\/media?parent=4096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}