Homepage 6 – Simple Landing Page

COMBINATIONS

Vivacity comes with a ton of styling options called combinations that allow you to create unique designs so no two sites look alike. Here’s just a few of the combinations you can create.
[icon image="fa-star" size="large" color="#ffffff" animation="no-animation" scroll_animation="disable" delay="0" spin="false" background_size="98px" border_radius="100%" margins="0 5px" align="alignnone" background_color_1="#" background_color_2="#"][icon image="fa-rocket" size="large" color="#ffffff" animation="no-animation" scroll_animation="disable" delay="0" spin="false" background_size="98px" border_radius="100%" margins="0 5px" align="alignnone" background_color_1="#" background_color_2="#"][icon image="fa-tint" size="large" color="#ffffff" animation="no-animation" scroll_animation="disable" delay="0" spin="false" background_size="98px" border_radius="100%" margins="0 5px" align="alignnone" background_color_1="#" background_color_2="#"][icon image="fa-lightbulb-o" size="large" color="#ffffff" animation="no-animation" scroll_animation="disable" delay="0" spin="false" background_size="98px" border_radius="100%" margins="0 5px" align="alignnone" background_color_1="#" background_color_2="#"]
combination1

COMBINATION 1

Theme Layout: Wide

Header: Standard

[button text="View Combination" link="http://vivacity.wpengine.com" text_color="#ffffff" text_size="14px" background_color="#23a1b8" border_radius="3px" align="text-left" width="auto" padding="14px 20px" icon="fa-eye"]
combination2

COMBINATION 2

Theme Layout: Boxed

Header: Standard

[button text="View Combination" link="http://vivacity.wpengine.com/homepages/homepage-2/?theme_layout=gp-boxed-layout&header_link_hover_color=94C48D&footer_link_hover_color=94C48D&bottom_footer_link_hover_color=94C48D&primary_color=94C48D&header_bg_color=4E5A5F&footer_bg_color=4E5A5F&bottom_footer_bg_color=4E5A5F&logo=http://vivacity.wpengine.com/wp-content/themes/vivacity/lib/images/logo2.png&logo_width=122&logo_height=62&logo_top=20&logo_bottom=20&logo_right=20" text_color="#ffffff" text_size="14px" background_color="#23a1b8" border_radius="3px" width="auto" padding="14px 20px" icon="fa-eye"]
combination3

COMBINATION 3

Theme Layout: Wide

Header: Overlay

[button text="View Combination" link="http://vivacity.wpengine.com/homepages/homepage-7/?header_layout=gp-header-2&primary_color=FD47D9&header_link_color=FD47D9&header_link_hover_color=000&header_bg_color=fff&primary_font=Raleway&primary_font_size=14px&nav_font_size=14px&footer_bg_color=fff&footer_text_color=000&footer_heading_color=000&footer_link_color=000&footer_link_hover_color=FD47D9&bottom_footer_bg_color=fff&bottom_footer_bg_color=fff&bottom_footer_text_color=000&bottom_footer_heading_color=000&bottom_footer_link_color=FD47D9&bottom_footer_link_hover_color=000&logo=http://vivacity.wpengine.com/wp-content/themes/vivacity/lib/images/logo3.png&logo_width=122&logo_height=62&logo_right=50" text_color="#ffffff" text_size="14px" background_color="#23a1b8" border_radius="3px" width="auto" padding="14px 20px" icon="fa-eye"]
combination4

COMBINATION 4

Theme Layout: Boxed

Header: Multi

[button text="View Combination" link="http://vivacity.wpengine.com/blog/masonry-blog-fullwidth/?page_title_header=disable&theme_layout=gp-boxed-layout&top_header_link_hover_color=E286FF&header_layout=gp-header-3&top_header_bg_color=333&bottom_footer_bg=333&bg_color=333&header_bg_color=000&primary_text_color=bbb&primary_color=E286FF&secondary_color=fff&secondary_text_color=000&alt_bg_color=000&border_color=222&header_link_hover_color=E286FF&logo=http://vivacity.wpengine.com/wp-content/themes/vivacity/lib/images/logo2.png&logo_width=122&logo_height=62&logo_top=10&logo_bottom=10&logo_right=20" text_color="#ffffff" text_size="14px" background_color="#23a1b8" border_radius="3px" width="auto" padding="14px 20px" icon="fa-eye"]

THIS IS JUST A FEW EXAMPLES OF WHAT YOU CAN DO WITH VIVACITY – BUT THOUSANDS OF COMBINATIONS ARE POSSIBLE!

Add Comment Register



Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>