{"id":124,"date":"2014-02-08T21:03:57","date_gmt":"2014-02-08T21:03:57","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=2560"},"modified":"2014-02-08T21:03:57","modified_gmt":"2014-02-08T21:03:57","slug":"banner-grid","status":"publish","type":"page","link":"https:\/\/kb.lagonet.vn\/?page_id=124","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=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”68″ depth=”3″]<\/p>\n

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

[\/row]
\n[section bg=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”69″ 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=”69″ 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″ […]<\/p>\n","protected":false},"author":1,"featured_media":68,"parent":149,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-124","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=124"}],"version-history":[{"count":0,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages\/124\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/pages\/149"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=\/wp\/v2\/media\/68"}],"wp:attachment":[{"href":"https:\/\/kb.lagonet.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}