{"id":73,"date":"2014-02-08T21:03:57","date_gmt":"2014-02-08T21:03:57","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=2560"},"modified":"2023-03-15T16:24:12","modified_gmt":"2023-03-15T16:24:12","slug":"banner-grid","status":"publish","type":"post","link":"https:\/\/xcafe.com.vn\/?p=73","title":{"rendered":"Banner Grids"},"content":{"rendered":"

[section bg_color=\\”rgb(237, 239, 241)\\” border=\\”1px 0px 1px 0px\\” border_color=\\”rgba(0, 0, 0, 0.13)\\”]<\/p>\n

[title style=\\”center\\” text=\\”Banner Grid Element\\” size=\\”120\\”]<\/p>\n

[ux_banner_grid height=\\”600\\” depth=\\”1\\”]<\/p>\n

[col_grid span=\\”4\\” span__sm=\\”12\\”]<\/p>\n

[ux_banner bg=\\”18\\” bg_pos=\\”64% 30%\\” border_color=\\”rgba(0, 0, 0, 0.05)\\”]<\/p>\n

[text_box width=\\”70\\”]<\/p>\n

A Cute Title<\/h2>\n

This is a simple headline<\/span><\/strong><\/h2>\n

A Small text<\/span><\/p>\n

[button text=\\”Click me!\\” style=\\”outline\\” size=\\”xlarge\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”3\\” span__sm=\\”12\\”]<\/p>\n

[ux_banner bg=\\”18\\” bg_pos=\\”51% 56%\\” border_color=\\”rgba(0, 0, 0, 0.08)\\”]<\/p>\n

[text_box width=\\”69\\” width__sm=\\”60\\” position_y=\\”5\\”]<\/p>\n

This is a simple headline<\/strong><\/h2>\n

[button text=\\”Shop now\\” style=\\”outline\\” size=\\”larger\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”5\\” span__sm=\\”14\\” height=\\”1-3\\”]<\/p>\n

[ux_banner bg=\\”18\\” bg_size=\\”medium\\” bg_overlay=\\”rgba(255, 255, 255, 0.15)\\” bg_pos=\\”51% 30%\\” border_color=\\”rgba(0, 0, 0, 0.08)\\”]<\/p>\n

[text_box text_color=\\”dark\\” width=\\”42\\” position_x=\\”10\\” text_align=\\”left\\”]<\/p>\n

This is a simple headline<\/strong><\/h2>\n

[button text=\\”Shop now\\” style=\\”outline\\” size=\\”larger\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”5\\” span__sm=\\”12\\” height=\\”2-3\\”]<\/p>\n

[ux_banner bg=\\”18\\” bg_color=\\”rgb(0, 0, 0)\\” bg_overlay=\\”rgba(0, 0, 0, 0.3)\\” bg_pos=\\”71% 19%\\” border_color=\\”rgba(0, 0, 0, 0.07)\\”]<\/p>\n

[text_box width=\\”70\\” width__sm=\\”60\\”]<\/p>\n

SALE ENDS SOON<\/strong><\/h2>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]<\/p>\n

[\/ux_banner_grid]<\/p>\n

[\/section]
\n[row v_align=\\”middle\\”]<\/p>\n

[col span=\\”5\\” span__sm=\\”12\\”]<\/p>\n

DRAG AND DROP EDITING<\/h2>\n

Creating amazing Banner Grids is incredible easy with the new UX Builder<\/strong><\/p>\n

[\/col]
\n[col span=\\”7\\” span__sm=\\”12\\”]<\/p>\n

[ux_image id=\\”17\\” depth=\\”3\\”]<\/p>\n

[\/col]<\/p>\n

[\/row]
\n[section bg=\\”18\\” bg_color=\\”rgb(28, 28, 28)\\” bg_overlay=\\”rgba(0, 0, 0, 0.72)\\” parallax=\\”2\\” dark=\\”true\\”]<\/p>\n

[title style=\\”center\\” text=\\”Banner Grid With A Background\\” size=\\”undefined\\”]<\/p>\n

[ux_banner_grid height=\\”666\\” depth=\\”1\\”]<\/p>\n

[col_grid span=\\”4\\” span__sm=\\”13\\” height=\\”1-2\\”]<\/p>\n

[ux_banner height=\\”500px\\” bg=\\”18\\” bg_pos=\\”32% 58%\\” hover=\\”zoom\\”]<\/p>\n

[text_box width=\\”65\\” width__sm=\\”90\\” scale=\\”102\\” animate=\\”fadeInLeft\\” position_x=\\”10\\” text_align=\\”left\\”]<\/p>\n

Featured Vendor<\/h6>\n

This Week Featured Vendor<\/strong><\/h2>\n

Change this to anything.\u00a0Consectetuer adipiscing elit.<\/p>\n

[button text=\\”Go To Shop\\” style=\\”outline\\” radius=\\”99\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”4\\” span__sm=\\”13\\” height=\\”2-3\\”]<\/p>\n

[ux_banner height=\\”500px\\” bg=\\”18\\” bg_size=\\”medium\\” bg_overlay=\\”rgba(0, 0, 0, 0.16)\\” bg_pos=\\”47% 55%\\” hover=\\”zoom\\”]<\/p>\n

[text_box width=\\”74\\”]<\/p>\n

This is a simple banner<\/strong><\/h2>\n

[button text=\\”Shop now\\” style=\\”outline\\” size=\\”large\\” radius=\\”99\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”4\\” span__sm=\\”15\\” height=\\”2-3\\”]<\/p>\n

[ux_banner height=\\”500px\\” bg=\\”18\\” bg_size=\\”medium\\” bg_pos=\\”66% 22%\\” hover=\\”zoom\\”]<\/p>\n

[text_box text_color=\\”dark\\” width=\\”80\\” width__sm=\\”60\\” animate=\\”fadeInLeft\\” position_y=\\”85\\” text_align=\\”left\\”]<\/p>\n

Featured Vendor<\/h6>\n

Woo\u00a0Vendor Shop<\/strong><\/h2>\n

[button text=\\”Shop now\\” style=\\”outline\\” size=\\”larger\\” radius=\\”99\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”4\\” span__sm=\\”13\\” height=\\”1-2\\”]<\/p>\n

[ux_banner height=\\”500px\\” bg=\\”18\\” bg_size=\\”medium\\” hover=\\”zoom\\”]<\/p>\n

[text_box width=\\”80\\” position_x=\\”10\\” position_y=\\”85\\” text_align=\\”left\\”]<\/p>\n

This is a simple banner<\/strong><\/h2>\n

Change this text to anything<\/p>\n

[button text=\\”Shop now\\” style=\\”outline\\” size=\\”larger\\” radius=\\”99\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”8\\” span__sm=\\”15\\” height=\\”1-3\\”]<\/p>\n

[ux_banner height=\\”500px\\” bg=\\”18\\” bg_size=\\”medium\\” bg_overlay=\\”rgba(0, 0, 0, 0.09)\\” bg_pos=\\”61% 30%\\” hover=\\”zoom\\”]<\/p>\n

[text_box width=\\”79\\” position_y=\\”85\\” text_align=\\”left\\”]<\/p>\n

This is a simple headline<\/strong><\/h2>\n

[button text=\\”Shop now\\” style=\\”outline\\” size=\\”large\\” radius=\\”99\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]<\/p>\n

[\/ux_banner_grid]<\/p>\n

[\/section]
\n[title style=\\”center\\” text=\\”Use Banner Grids to Create Portfolio Grids\\” margin_top=\\”31px\\” size=\\”undefined\\”]<\/p>\n

[ux_banner_grid spacing=\\”collapse\\” height=\\”885\\” width=\\”full-width\\”]<\/p>\n

[col_grid span=\\”6\\” span__sm=\\”13\\” height=\\”2-3\\”]<\/p>\n

[ux_banner height=\\”500px\\” bg=\\”18\\” bg_overlay=\\”rgba(0, 0, 0, 0.2)\\” bg_pos=\\”53% 69%\\” hover=\\”zoom\\”]<\/p>\n

[text_box width=\\”37\\” animate=\\”fadeInRight\\” position_x=\\”10\\” position_y=\\”80\\” text_align=\\”left\\”]<\/p>\n

This is a simple banner<\/strong><\/h3>\n

A Website for Acme Company<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”6\\” span__sm=\\”15\\” height=\\”1-2\\”]<\/p>\n

[ux_banner height=\\”500px\\” bg=\\”18\\” bg_overlay=\\”rgba(0, 0, 0, 0.19)\\” bg_pos=\\”53% 69%\\” hover=\\”zoom\\”]<\/p>\n

[text_box width=\\”30\\” animate=\\”fadeInLeft\\” position_x=\\”90\\” text_align=\\”right\\”]<\/p>\n

This is a simple banner<\/strong><\/h3>\n

A Website for Acme Company<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”3\\” span__sm=\\”14\\” height=\\”1-2\\”]<\/p>\n

[ux_banner height=\\”500px\\” bg=\\”18\\” bg_size=\\”medium\\” bg_overlay=\\”rgba(0, 0, 0, 0.21)\\” hover=\\”zoom\\”]<\/p>\n

[text_box]<\/p>\n

This is a simple banner<\/strong><\/h3>\n

A Website for Acme Company<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”3\\” span__sm=\\”14\\” height=\\”1-2\\”]<\/p>\n

[ux_banner height=\\”500px\\” bg=\\”18\\” bg_size=\\”medium\\” bg_overlay=\\”rgba(0, 0, 0, 0.15)\\” bg_pos=\\”34% 46%\\” hover=\\”zoom\\”]<\/p>\n

[text_box hover=\\”fade-out\\” position_y=\\”95\\”]<\/p>\n

This is a simple banner<\/strong><\/h3>\n

A Website for Acme Company<\/p>\n

[\/text_box]
\n[text_box hover=\\”zoom-in\\”]<\/p>\n

[video_button size=\\”178\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”6\\” span__sm=\\”15\\” height=\\”1-3\\”]<\/p>\n

[ux_banner height=\\”500px\\” bg=\\”18\\” hover=\\”zoom\\”]<\/p>\n

[text_box text_color=\\”dark\\” width=\\”39\\” position_x=\\”5\\” position_y=\\”85\\” text_align=\\”left\\”]<\/p>\n

This is a simple banner<\/strong><\/h3>\n

A Website for Acme Company<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]<\/p>\n

[\/ux_banner_grid]
\n[title style=\\”center\\” text=\\”Add Slider to Banner Grids\\” margin_top=\\”28px\\” size=\\”undefined\\”]<\/p>\n

[ux_banner_grid]<\/p>\n

[col_grid span=\\”9\\” span__sm=\\”12\\”]<\/p>\n

[ux_slider]<\/p>\n

[ux_banner height=\\”500px\\” bg=\\”18\\” bg_overlay=\\”rgba(0, 0, 0, 0.06)\\” border_style=\\”dashed\\” border_radius=\\”undefined\\” border_color=\\”rgba(0, 0, 0, 0.12)\\”]<\/p>\n

[text_box width__sm=\\”80\\”]<\/p>\n

A cool Top header<\/h3>\n

Five Key Elements for your Living room<\/strong><\/span><\/h2>\n

[divider]<\/p>\n

[button text=\\”Browse Now\\” size=\\”large\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]
\n[ux_banner height=\\”500px\\” bg=\\”18\\” bg_overlay=\\”rgba(0, 0, 0, 0.06)\\” bg_pos=\\”64% 34%\\” border_style=\\”dashed\\” border_radius=\\”undefined\\” border_color=\\”rgba(0, 0, 0, 0.12)\\”]<\/p>\n

[text_box width=\\”54\\” width__sm=\\”80\\” position_x=\\”85\\” text_align=\\”right\\”]<\/p>\n

A cool Top header<\/h3>\n

Latest Fashion News for AutumN<\/strong><\/span><\/h2>\n

[divider]<\/p>\n

[button text=\\”Browse Now\\” size=\\”large\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]
\n[ux_banner height=\\”500px\\” bg=\\”18\\” bg_overlay=\\”rgba(0, 0, 0, 0.06)\\” border_style=\\”dashed\\” border_radius=\\”undefined\\” border_color=\\”rgba(0, 0, 0, 0.12)\\”]<\/p>\n

[text_box width__sm=\\”80\\”]<\/p>\n

A cool Top header<\/h3>\n

Five Key Elements for your Living room<\/strong><\/span><\/h2>\n

[divider]<\/p>\n

[button text=\\”Browse Now\\” size=\\”large\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/ux_slider]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”3\\” span__sm=\\”12\\” height=\\”2-3\\”]<\/p>\n

[ux_banner height=\\”160px\\” bg=\\”18\\” bg_size=\\”medium\\” bg_overlay=\\”rgba(0, 0, 0, 0.13)\\” bg_pos=\\”47% 55%\\” hover=\\”zoom\\”]<\/p>\n

[text_box width=\\”87\\”]<\/p>\n

Don\\’t Miss<\/h3>\n

Sale ends soon<\/strong><\/span><\/h2>\n

[button text=\\”Browse Now\\” size=\\”larger\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]
\n[col_grid span=\\”3\\” span__sm=\\”12\\” height=\\”1-3\\”]<\/p>\n

[ux_banner height=\\”160px\\” bg=\\”18\\” bg_size=\\”thumbnail\\” bg_overlay=\\”rgba(0, 0, 0, 0.17)\\” bg_pos=\\”47% 55%\\” hover=\\”zoom\\”]<\/p>\n

[text_box width=\\”87\\”]<\/p>\n

SUMMER SALE<\/strong><\/span><\/h2>\n

[button text=\\”Browse Now\\” size=\\”larger\\”]<\/p>\n

[\/text_box]<\/p>\n

[\/ux_banner]<\/p>\n

[\/col_grid]<\/p>\n

[\/ux_banner_grid]<\/p>\n","protected":false},"excerpt":{"rendered":"

[section bg_color=\\”rgb(237, 239, 241)\\” border=\\”1px 0px 1px 0px\\” border_color=\\”rgba(0, 0, 0, 0.13)\\”] [title style=\\”center\\” text=\\”Banner Grid Element\\” size=\\”120\\”] [ux_banner_grid height=\\”600\\” depth=\\”1\\”] [col_grid span=\\”4\\” span__sm=\\”12\\”] [ux_banner bg=\\”18\\” bg_pos=\\”64% 30%\\” border_color=\\”rgba(0, 0, 0, 0.05)\\”] [text_box width=\\”70\\”] A Cute Title This is a simple headline A Small text [button text=\\”Click me!\\” style=\\”outline\\” size=\\”xlarge\\”] [\/text_box] [\/ux_banner] [\/col_grid] [col_grid span=\\”3\\” […]<\/p>\n","protected":false},"author":1,"featured_media":17,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"page-blank.php","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-73","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/xcafe.com.vn\/index.php?rest_route=\/wp\/v2\/posts\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xcafe.com.vn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xcafe.com.vn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xcafe.com.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xcafe.com.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=73"}],"version-history":[{"count":0,"href":"https:\/\/xcafe.com.vn\/index.php?rest_route=\/wp\/v2\/posts\/73\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xcafe.com.vn\/index.php?rest_route=\/wp\/v2\/posts\/17"}],"wp:attachment":[{"href":"https:\/\/xcafe.com.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=73"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xcafe.com.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=73"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xcafe.com.vn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}