
[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=“10″ bg_pos=“64% 30%“ border_color=“rgba(0, 0, 0, 0.05)“]
[text_box width=“70″]
A Small text
[button text=“Click me!“ style=“outline“ size=“xlarge“]
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=“3″ span__sm=“12″]
[ux_banner bg=“10″ bg_pos=“51% 56%“ border_color=“rgba(0, 0, 0, 0.08)“]
[text_box width=“69″ width__sm=“60″ position_y=“5″]
[button text=“Shop now“ style=“outline“ size=“larger“]
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=“5″ span__sm=“14″ height=“1-3″]
[ux_banner bg=“10″ bg_size=“medium“ bg_overlay=“rgba(255, 255, 255, 0.15)“ bg_pos=“51% 30%“ border_color=“rgba(0, 0, 0, 0.08)“]
[text_box text_color=“dark“ width=“42″ position_x=“10″ text_align=“left“]
[button text=“Shop now“ style=“outline“ size=“larger“]
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=“5″ span__sm=“12″ height=“2-3″]
[ux_banner bg=“10″ 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)“]
[text_box width=“70″ width__sm=“60″]
[/text_box]
[/ux_banner]
[/col_grid]
[/ux_banner_grid]
[/section]
[row v_align=“middle“]
[col span=“5″ span__sm=“12″]
Creating amazing Banner Grids is incredible easy with the new UX Builder
[/col]
[col span=“7″ span__sm=“12″]
[ux_image id=“9″ depth=“3″]
[/col]
[/row]
[section bg=“10″ bg_color=“rgb(28, 28, 28)“ bg_overlay=“rgba(0, 0, 0, 0.72)“ parallax=“2″ dark=“true“]
[title style=“center“ text=“Banner Grid With A Background“ size=“undefined“]
[ux_banner_grid height=“666″ depth=“1″]
[col_grid span=“4″ span__sm=“13″ height=“1-2″]
[ux_banner height=“500px“ bg=“10″ bg_pos=“32% 58%“ hover=“zoom“]
[text_box width=“65″ width__sm=“90″ scale=“102″ animate=“fadeInLeft“ position_x=“10″ text_align=“left“]
Change this to anything. Consectetuer adipiscing elit.
[button text=“Go To Shop“ style=“outline“ radius=“99″]
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=“4″ span__sm=“13″ height=“2-3″]
[ux_banner height=“500px“ bg=“10″ bg_size=“medium“ bg_overlay=“rgba(0, 0, 0, 0.16)“ bg_pos=“47% 55%“ hover=“zoom“]
[text_box width=“74″]
[button text=“Shop now“ style=“outline“ size=“large“ radius=“99″]
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=“4″ span__sm=“15″ height=“2-3″]
[ux_banner height=“500px“ bg=“10″ bg_size=“medium“ bg_pos=“66% 22%“ hover=“zoom“]
[text_box text_color=“dark“ width=“80″ width__sm=“60″ animate=“fadeInLeft“ position_y=“85″ text_align=“left“]
[button text=“Shop now“ style=“outline“ size=“larger“ radius=“99″]
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=“4″ span__sm=“13″ height=“1-2″]
[ux_banner height=“500px“ bg=“10″ bg_size=“medium“ hover=“zoom“]
[text_box width=“80″ position_x=“10″ position_y=“85″ text_align=“left“]
Change this text to anything
[button text=“Shop now“ style=“outline“ size=“larger“ radius=“99″]
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=“8″ span__sm=“15″ height=“1-3″]
[ux_banner height=“500px“ bg=“10″ bg_size=“medium“ bg_overlay=“rgba(0, 0, 0, 0.09)“ bg_pos=“61% 30%“ hover=“zoom“]
[text_box width=“79″ position_y=“85″ text_align=“left“]
[button text=“Shop now“ style=“outline“ size=“large“ radius=“99″]
[/text_box]
[/ux_banner]
[/col_grid]
[/ux_banner_grid]
[/section]
[title style=“center“ text=“Use Banner Grids to Create Portfolio Grids“ margin_top=“31px“ size=“undefined“]
[ux_banner_grid spacing=“collapse“ height=“885″ width=“full-width“]
[col_grid span=“6″ span__sm=“13″ height=“2-3″]
[ux_banner height=“500px“ bg=“10″ bg_overlay=“rgba(0, 0, 0, 0.2)“ bg_pos=“53% 69%“ hover=“zoom“]
[text_box width=“37″ animate=“fadeInRight“ position_x=“10″ position_y=“80″ text_align=“left“]
A Website for Acme Company
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=“6″ span__sm=“15″ height=“1-2″]
[ux_banner height=“500px“ bg=“10″ bg_overlay=“rgba(0, 0, 0, 0.19)“ bg_pos=“53% 69%“ hover=“zoom“]
[text_box width=“30″ animate=“fadeInLeft“ position_x=“90″ text_align=“right“]
A Website for Acme Company
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=“3″ span__sm=“14″ height=“1-2″]
[ux_banner height=“500px“ bg=“10″ bg_size=“medium“ bg_overlay=“rgba(0, 0, 0, 0.21)“ hover=“zoom“]
[text_box]
A Website for Acme Company
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=“3″ span__sm=“14″ height=“1-2″]
[ux_banner height=“500px“ bg=“10″ bg_size=“medium“ bg_overlay=“rgba(0, 0, 0, 0.15)“ bg_pos=“34% 46%“ hover=“zoom“]
[text_box hover=“fade-out“ position_y=“95″]
A Website for Acme Company
[/text_box]
[text_box hover=“zoom-in“]
[video_button size=“178″]
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=“6″ span__sm=“15″ height=“1-3″]
[ux_banner height=“500px“ bg=“10″ hover=“zoom“]
[text_box text_color=“dark“ width=“39″ position_x=“5″ position_y=“85″ text_align=“left“]
A Website for Acme Company
[/text_box]
[/ux_banner]
[/col_grid]
[/ux_banner_grid]
[title style=“center“ text=“Add Slider to Banner Grids“ margin_top=“28px“ size=“undefined“]
[ux_banner_grid]
[col_grid span=“9″ span__sm=“12″]
[ux_slider]
[ux_banner height=“500px“ bg=“10″ bg_overlay=“rgba(0, 0, 0, 0.06)“ border_style=“dashed“ border_radius=“undefined“ border_color=“rgba(0, 0, 0, 0.12)“]
[text_box width__sm=“80″]
[divider]
[button text=“Browse Now“ size=“large“]
[/text_box]
[/ux_banner]
[ux_banner height=“500px“ bg=“10″ 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)“]
[text_box width=“54″ width__sm=“80″ position_x=“85″ text_align=“right“]
[divider]
[button text=“Browse Now“ size=“large“]
[/text_box]
[/ux_banner]
[ux_banner height=“500px“ bg=“10″ bg_overlay=“rgba(0, 0, 0, 0.06)“ border_style=“dashed“ border_radius=“undefined“ border_color=“rgba(0, 0, 0, 0.12)“]
[text_box width__sm=“80″]
[divider]
[button text=“Browse Now“ size=“large“]
[/text_box]
[/ux_banner]
[/ux_slider]
[/col_grid]
[col_grid span=“3″ span__sm=“12″ height=“2-3″]
[ux_banner height=“160px“ bg=“10″ bg_size=“medium“ bg_overlay=“rgba(0, 0, 0, 0.13)“ bg_pos=“47% 55%“ hover=“zoom“]
[text_box width=“87″]
[button text=“Browse Now“ size=“larger“]
[/text_box]
[/ux_banner]
[/col_grid]
[col_grid span=“3″ span__sm=“12″ height=“1-3″]
[ux_banner height=“160px“ bg=“10″ bg_size=“thumbnail“ bg_overlay=“rgba(0, 0, 0, 0.17)“ bg_pos=“47% 55%“ hover=“zoom“]
[text_box width=“87″]
[button text=“Browse Now“ size=“larger“]
[/text_box]
[/ux_banner]
[/col_grid]
[/ux_banner_grid]
| Cookie | Dauer | Beschreibung |
|---|---|---|
| cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
| cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
| cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
| cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
| cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
| viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |