Shortcode – Engage

Section First When Love Arises

For showing section first love begins on home page use below code

Get The Code

[column_content type="one_half" subcls="wedimg-box"][wedding_couple image="'.get_template_directory_uri().'/images/bride.jpg" title="Nancy Elizabeth" social_icon_1="facebook-f" social_link_1="#" social_icon_2="twitter" social_link_2="#" social_icon_3="instagram" social_link_3="#"]Integer lobortis eu urna ac rutrum. Nullam interdum, orci id consequat sagittis, turpis erat tristique nulla, at venenatis sem nisi sed justo.[/wedding_couple][/column_content][column_content type="one_half_last"][wedding_couple image="'.get_template_directory_uri().'/images/groom.jpg" title="Harry Willliam" social_icon_1="facebook-f" social_link_1="#" social_icon_2="twitter" social_link_2="#" social_icon_3="instagram" social_link_3="#"]Integer lobortis eu urna ac rutrum. Nullam interdum, orci id consequat sagittis, turpis erat tristique nulla, at venenatis sem nisi sed justo.[/wedding_couple][/column_content]

Section Second Save The Date Wedding Countdown

For showing section second wedding countdown timer on home page use below code

Get The Code

[wedding-countdown]

Section Third Our Engage Story

For showing section third our engage story on home page use below code

Get The Code

[engage_story showposts="4"]<a class="buttonstyle1" href="http://localhost/alexa/engage/story/">View More Story</a>

Section Fourth What We Do

For showing section fourth what we do on home page use below code

Get The Code

[column_content type="one_third"][what_we_do icon="gift" icon_style="light" title="Wedding Registry" subtitle="Wedding" link="#"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula.[/what_we_do][/column_content][column_content type="one_third"][what_we_do icon="rings-wedding" icon_style="light" title="Our Lovely Bands" subtitle="Engagement" link="#"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula.[/what_we_do][/column_content][column_content type="one_third_last"][what_we_do icon="birthday-cake" icon_style="light" title="The Perfect Cake" subtitle="Anniversary" link="#"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula.[/what_we_do][/column_content][clear][column_content type="one_third"][what_we_do icon="biohazard" icon_style="light" title="Toast & Dance" subtitle="Wedding Events" link="#"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula.[/what_we_do][/column_content][column_content type="one_third"][what_we_do icon="dove" icon_style="light" title="The Ceremony" subtitle="Enjoyment" link="#"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula.[/what_we_do][/column_content][column_content type="one_third_last"][what_we_do icon="camera-retro" icon_style="light" title="Photography" subtitle="Functions" link="#"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula.[/what_we_do][/column_content][clear]

Section Fifth The Wedding Events

For showing section fifth the wedding events on home page use below code

Get The Code

[wedding_events show="2" type="grid" column="2"]

Section Sixth Our Best Groomsmen

For showing section sixth our best groomsmen on home page use below code

Get The Code

[groomsmen]

Section Eighth Our Best Bridesmaid

For showing section eighth our best bridesmaid on home page use below code

Get The Code

[bridesmaid]

Section Seventh Counter

For showing section seventh counter on home page use below code

Get The Code

[column_content type="one_fourth"][counter title="Flower Arrangements" title_color="#ffffff" count="1942" number_color="#ffffff"][/column_content][column_content type="one_fourth"][counter title="Ceremony" title_color="#ffffff" count="1200" number_color="#ffffff"][/column_content][column_content type="one_fourth"][counter title="Types Of Cakes" title_color="#ffffff" count="110" number_color="#ffffff"][/column_content][column_content type="one_fourth_last"][counter title="Happy Couples" title_color="#ffffff" count="4020" number_color="#ffffff"][/column_content][clear]

Section Nine Our Video

For showing section nine our video on home page use below code

Get The Code

[popup_video icon="play-circle" icon_style="light" video_url="https://www.youtube.com/embed/kSElYuzU_X0"]

Section Ten Photo Gallery Grid View

For showing section ten photo gallery grid view on home page use below code

Get The Code

[photo-gallery show="6" type="grid" column="3"]

Photo Gallery Slider View

For showing photo gallery slider view on gallery page use below code

Get The Code

[photo-gallery show="6" type="slider"]

Section Eleven What Clients Say Testimonials

For showing section eleven what client say testimonials on home page use below code

Get The Code

[testimonials show="4"]

All Testimonials Listing

Vestibulum convallis, leo ullamcorper lacinia tempor, lectus tortor mollis ipsum, fermentum tempus leo libero at est. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean vel urna sit amet diam…

Raymond Myers

Vivamus ullamcorper felis id vestibulum aliquet. Donec vulputate dignissim dolor vitae ultricies. Aenean iaculis id felis vel imperdiet. Nulla id finibus sapien. Curabitur hendrerit, lectus sed semper pellentesque, est magna sollicitudin lorem, in auctor…

Flora Smith

Get The Code

[testimonials-listing show="2"]

Sidebar Testimonials Rotator

Raymond Myers

Flora Smith

Praesent a tincidunt nisl. Nam ultrices dolor quis turpis luctus egestas. Vestibulum convallis, leo ullamcorper lacinia tempor, lectus tortor mollis ipsum, fermentum tempus leo libero at est. Orci varius natoque penatibus et magnis dis…

Linda Grant

Duis luctus sodales augue, non tempus orci convallis vel. Nunc vel ligula condimentum, venenatis enim quis, cursus odio. Mauris scelerisque nec quam vitae ullamcorper. Proin facilisis felis vitae venenatis pulvinar. Vestibulum ante ipsum primis…

Jenny Olsen

Get The Code

[sidebar-testimonials]

Section Twelve Latest Blog

For showing section twelve latest blogs on home page use below code

Get The Code

[latest-news show="3" type="grid" column="3" comment="show" date="show" author="show" category="show"]

<h5>Latest Blog Slider View</h5>

[latest-news show="6" type="slider" comment="show" date="show" author="show" category="show"]

Meet Our Team Member Slider View

For showing team member slider view on about us page use below code

Get The Code

[our-team type="slider" show="-1"]

Meet Our Team Member Grid View

For showing team member grid view on about us page use below code

Get The Code

[our-team type="grid" show="4" column="4"]

Portfolio

For showing portfolio on portfolio page use below code

Get The Code

[our-portfolio]

RSVP Form View

For showing rsvp form view on rsvp page use below code

Get The Code

[rsvp_form form_name="Add form name here" form_id="Add contact form 7 form id here"]

Contact Us Form

For showing contact us form view on contact us page use below code

Get The Code

[contact_us_form cform_name="Add form name here" cform_id="Add contact form 7 form id here"]

Icon Box View

For showing icon box view on about us page use below code

Get The Code

[icon_box icon="Add fontawesome icon here" title="Add title here" link="#"] Here can be your content [/icon_box]

Infobox View

For showing infobox view on about us page use below code

Get The Code

[infobox image="Add your image path here" front_title="Add title here" back_title="Add back title here" button_text="Read More" button_link="#"] Here can be your content [/infobox]

Section Shortcode

For use section shortcode ( NOTE : This shortcode will only work with “full-screen” page template. ) use below code

Get The Code

[section container_class="container/full-container" animation_type="fadeIn" background_image="Add background image path" background_color="#ffffff" section_title="Add section title" section_text="Add sub text here" section_class="Add class to this section"][/section]

Section Title Shortcode

For use section title shortcode use below code

Get The Code

[section_title highlighted="Add title here" title="Add Section Title"]

Skill Bar

Decoration

45%

Planning

65%

Catering

50%

Location

70%

Get The Code

[skill title="Decoration" percent="45"][skill title="Planning" percent="65"][skill title="Catering" percent="50"][skill title="Location" percent="70"]

Accordion Tab

Curabitur non maximus

Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.

Cras eleifend vitae

Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.

Get The Code

[accordion][accordion_content title="Curabitur non maximus"]Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.[/accordion_content][accordion_content title="Cras eleifend vitae"]Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.[/accordion_content][/accordion]

Toggle Content

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula.

Proin a lacus erat

Proin a lacus erat. Sed vehicula, nibh et hendrerit facilisis, turpis dui sodales mauris, ut auctor lacus nisl at quam.

Cras placerat lacus id

Pellentesque tincidunt suscipit lobortis. Fusce eleifend orci nec pulvinar lacinia. Curabitur nec velit ante.

Get The Code Toggle Content

[toggle_content title="Toggle Title 1"]Toggle content 1...[/toggle_content][toggle_content title="Toggle Title 2"]Toggle content 2...[/toggle_content][toggle_content title="Toggle Title 3"]Toggle content 3...[/toggle_content]

Tabs

TAB TITLE 1
TAB CONTENT 1
TAB TITLE 2
TAB CONTENT 2
TAB TITLE 3
TAB CONTENT 3

Get The Code Tabs

[tabs][tab title="TAB TITLE 1"]TAB CONTENT 1[/tab][tab title="TAB TITLE 2"]TAB CONTENT 2[/tab][tab title="TAB TITLE 3"]TAB CONTENT 3[/tab][/tabs]

Miscellaneous Shortcode

2 Column Shortcode

Get The Code

[column_content type="one_half" subcls="Add sub class here"]Column 1 Content goes here...[/column_content][column_content type="one_half_last" subcls="Add sub class here"]Column 2 Content goes here...[/column_content]

3 Column Shortcode

Get The Code

[column_content type="one_third" subcls="Add sub class here"]Column 1 Content goes here...[/column_content][column_content type="one_third" subcls="Add sub class here"]Column 2 Content goes here...[/column_content][column_content type="one_third_last" subcls="Add sub class here"]Column 3 Content goes here...[/column_content]

4 Column Content

Get The Code

[column_content type="one_fourth" subcls="Add sub class here"]Column 1 Content goes here...[/column_content][column_content type="one_fourth" subcls="Add sub class here"]Column 2 Content goes here...[/column_content][column_content type="one_fourth" subcls="Add sub class here"]Column 3 Content goes here...[/column_content][column_content type="one_fourth_last" subcls="Add sub class here"]Column 4 Content goes here...[/column_content]

5 Column Content

Get The Code

[column_content type="one_fifth" subcls="Add sub class here"]Column 1 Content goes here...[/column_content][column_content type="one_fifth" subcls="Add sub class here"]Column 2 Content goes here...[/column_content][column_content type="one_fifth" subcls="Add sub class here"]Column 3 Content goes here...[/column_content][column_content type="one_fifth" subcls="Add sub class here"]Column 4 Content goes here...[/column_content][column_content type="one_fifth_last" subcls="Add sub class here"]Column 5 Content goes here...[/column_content]

Social Icon

( Note: More social icons can be found at: http://fortawesome.github.io/Font-Awesome/icons/)

Get The Code

[social_area][social icon="facebook-f" link="#"][social icon="twitter" link="#"][social icon="google-plus-g" link="#"][social icon="linkedin-in" link="#"][social icon="pinterest-p" link="#"][social icon="youtube-square" link="#"][/social_area]

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula.

Get The Code

[blockquote align="left/right"] Your quote text... [/blockquote]

Dropcap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros. Proin a lacus erat. Sed vehicula, nibh et hendrerit facilisis, turpis dui sodales mauris, ut auctor lacus nisl at quam.

Get The Code

[dropcap]L[/dropcap]

List Style

( Note: You can choose style from list-1 to list-10)

List Style 1

List style 1
List style 1
List style 1

Get The Code

[unordered_list style="list-1"]<li>List style 1</li><li>List style 1</li><li>List style 1</li>[/unordered_list]

List style 2

List style 2
List style 2
List style 2

Get The Code

[unordered_list style="list-2"]<li>List style 2</li><li>List style 2</li><li>List style 2</li>[/unordered_list]

List style 3

List style 3
List style 3
List style 3

Get The Code

[unordered_list style="list-3"]<li>List style 3</li><li>List style 3</li><li>List style 3</li>[/unordered_list]

List style 4

List style 4
List style 4
List style 4

Get The Code

[unordered_list style="list-4"]<li>List style 4</li><li>List style 4</li><li>List style 4</li>[/unordered_list]

List style 5

List style 5
List style 5
List style 5

Get The Code

[unordered_list style="list-5"]<li>List style 5</li><li>List style 5</li><li>List style 5</li>[/unordered_list]

List style 6

List style 6
List style 6
List style 6

Get The Code

[unordered_list style="list-6"]<li>List style 6</li><li>List style 6</li><li>List style 6</li>[/unordered_list]

List style 7

List style 7
List style 7
List style 7

Get The Code

[unordered_list style="list-7"]<li>List style 7</li><li>List style 7</li><li>List style 7</li>[/unordered_list]

List style 8

List style 8
List style 8
List style 8

Get The Code

[unordered_list style="list-8"]<li>List style 8</li><li>List style 8</li><li>List style 8</li>[/unordered_list]

List style 9

List style 9
List style 9
List style 9

Get The Code

[unordered_list style="list-9"]<li>List style 9</li><li>List style 9</li><li>List style 9</li>[/unordered_list]

List style 10

List style 10
List style 10
List style 10

Get The Code

[unordered_list style="list-10"]<li>List style 10</li><li>List style 10</li><li>List style 10</li>[/unordered_list]

Alert Boxes

This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode

This is a sample of the ‘error’ style message box shortcode. To use this style use the following shortcode.

This is a sample of the ‘warning’ style message box shortcode. To use this style use the following shortcode.

This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode.

This is a sample of the ‘about’ style message box shortcode. To use this style use the following shortcode.

Get The Code

[message type="success"]This is a sample of the 'success' style message box shortcode. To use this style use the following shortcode[/message][message type="error"]This is a sample of the 'error' style message box shortcode. To use this style use the following shortcode.[/message]
[message type="warning"]This is a sample of the 'warning' style message box shortcode. To use this style use the following shortcode.[/message][message type="info"]This is a sample of the 'info' style message box shortcode. To use this style use the following shortcode.[/message][message type="about"]This is a sample of the 'about' style message box shortcode. To use this style use the following shortcode.[/message]

Button

Gradient Button

Medium Gradient Button

Large Gradient Button

Extra Large Simple Button

Get The Code

[gradient_button size="small/medium/large/x-large" bg_color="#e00" color="#fff" text="Medium Gradient Button" title="Medium Gradient Button" url="" position="left"]

Simple Button

Small Simple Button

Medium Simple Button

Large Simple Button

Extra Large Simple Button

Get The Code

[simple_button size="small/medium/large/x-large" bg_color="#e00" color="#fff" text="Medium Simple Button" title="Medium Gradient Button" url="" position="left"]

Round Button

Get The Code

[round_button style="light" text="Round Button" title="Round Button" url="" position="left"]

Round Button

Get The Code

[round_button style="dark" text="Round Button" title="Round Button" url="" position="left"]