Shortcodes

We include some useful elements can help you to rich your content. If you’re planning to develop a CMS template, let’s say WordPress, then you can integrate these elements into shortcodes collection. All CSS of elements are separate from the main style file, it’s called shortcodes.css in the CSS folder. By the way, we will develop WordPress version of this template and include more elements in our shortcodes collection and integrate all elements into Visual Composer page builder, so it will more easy to use.

[alaya_heading size=”h2″ heading=”Features”]
[alaya_one_fourth][alaya_feature_item title=”Responsive” image_url=”http://demo.themevan.com/wonders-light/wp-content/uploads/sites/12/2014/10/icon_1_black.png” href=”” target=”_self”]Lorem ipsum dolor sit amet nec, consectetuer adipisc. Aeneanelit commodo ligula eget dolor. Aenean massar cum sociis. Lorem ipsum dolor sit amet nec, consectetuer adipisc.[/alaya_feature_item][/alaya_one_fourth][alaya_one_fourth][alaya_feature_item title=”Elengant” image_url=”http://demo.themevan.com/wonders-light/wp-content/uploads/sites/12/2014/10/icon_2_black.png” href=”” target=”_self”]Lorem ipsum dolor sit amet nec, consectetuer adipisc. Aeneanelit commodo ligula eget dolor. Aenean massar cum sociis. Lorem ipsum dolor sit amet nec, consectetuer adipisc.[/alaya_feature_item][/alaya_one_fourth][alaya_one_fourth][alaya_feature_item title=”Powerful” image_url=”http://demo.themevan.com/wonders-light/wp-content/uploads/sites/12/2014/10/icon_3_black.png” href=”” target=”_self”]Lorem ipsum dolor sit amet nec, consectetuer adipisc. Aeneanelit commodo ligula eget dolor. Aenean massar cum sociis. Lorem ipsum dolor sit amet nec, consectetuer adipisc.[/alaya_feature_item][/alaya_one_fourth][alaya_one_fourth_last][alaya_feature_item title=”Support” image_url=”http://demo.themevan.com/wonders-light/wp-content/uploads/sites/12/2014/10/icon_4_black.png” href=”” target=”_self”]Lorem ipsum dolor sit amet nec, consectetuer adipisc. Aeneanelit commodo ligula eget dolor. Aenean massar cum sociis. Lorem ipsum dolor sit amet nec, consectetuer adipisc.[/alaya_feature_item][/alaya_one_fourth_last]

[alaya_heading size=”h3″ heading=”Members” top=”” bottom=””]

[alaya_one_third][alaya_member name=”Ane” avatar=”” job=”Designer” gender=”lady”]Aenean malesuada diam ac urna pulvinar posuere fringilla magna congue. Mauris a eros felis.[/alaya_member][/alaya_one_third][alaya_one_third][alaya_member name=”Johnny” avatar=”” job=”CEO” gender=”gentle”]Aenean malesuada diam ac urna pulvinar posuere fringilla magna congue. Mauris a eros felis.[/alaya_member][/alaya_one_third][alaya_one_third_last][alaya_member name=”Andy” avatar=”” job=”Developer” gender=”gentle”]Aenean malesuada diam ac urna pulvinar posuere fringilla magna congue. Mauris a eros felis.[/alaya_member][/alaya_one_third_last]

[alaya_heading size=”h4″ heading=”Progress Bar” top=”” bottom=””]

[alaya_skills][alaya_skill title=”Web Design” percent=”90%” text=”” hide_percent=0 color=”#21aaff”][alaya_skill title=”illustrator” percent=”50%” text=”” hide_percent=0 color=”#21aaff”][alaya_skill title=”Graphic Design” percent=”70%” text=”” hide_percent=0 color=”#21aaff”][/alaya_skills]

[alaya_heading size=”h3″ heading=”Toggle” top=”” bottom=””]

[alaya_one_half][alaya_toggle status=”off” title=”Van Toggle Title”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.[/alaya_toggle][alaya_toggle status=”off” title=”Van Toggle Title”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.[/alaya_toggle][alaya_toggle status=”off” title=”Van Toggle Title”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.[/alaya_toggle][/alaya_one_half][alaya_one_half_last][alaya_toggle status=”open” title=”Van Toggle Title”]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel.[/alaya_toggle][/alaya_one_half_last]

[alaya_heading size=”h3″ heading=”Tabs” top=”” bottom=””]

[alaya_tabs][alaya_tab title=”Tab1″]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.[/alaya_tab][alaya_tab title=”Tab2″]Aenean malesuada diam ac urna pulvinar posuere fringilla magna congue. Mauris a eros felis.Aenean malesuada diam ac urna pulvinar posuere fringilla magna congue. Mauris a eros felis.[/alaya_tab][/alaya_tabs]

[alaya_heading size=”h4″ heading=”Message Box” top=”” bottom=””]

[alaya_one_half][alaya_messagebox type=”notification”]THIS IS A NOTIFICATION OF SOME SORT.[/alaya_messagebox][alaya_messagebox type=”question”]THIS IS A QUESTION OF SOME SORT.[/alaya_messagebox][/alaya_one_half][alaya_one_half_last][alaya_messagebox type=”warning”]THIS IS A WARNING OF SOME SORT.[/alaya_messagebox][alaya_messagebox type=”goodchoice”]THIS IS A GOOD CHOICE OF SOME SORT.[/alaya_messagebox][/alaya_one_half_last]

[alaya_heading size=”h3″ heading=”Social Meida Icons” top=”” bottom=””]

[alaya_social_icon size=”big” facebook=”#” twitter=”#” dribbble=”#” flickr=”#” instagram=”#” googleplus=”#” linkedin=”#” tumblr=”#” deviantart=”#” behance=”#” pinterest=”#” youtube=”#” vimeo=”#” xing=”#” yelp=”#” wechat=”#” vk=”#” github=”#” rss=”#”]

[alaya_heading size=”h4″ heading=”Button” top=”” bottom=””]
[alaya_button text=”button” href=”” target=”_self” anchor=0 align=”left” size=”small” color=”black” bg_color=”” text_color=”” border_color=”#333″][alaya_button text=”button” href=”#” target=”_self” anchor=0 align=”left” size=”small” color=”grey” bg_color=”” text_color=”” border_color=”none”][alaya_button text=”button” href=”” target=”_self” anchor=0 align=”left” size=”small” color=”blue” bg_color=”” text_color=”” border_color=”none”][alaya_button text=”button” href=”#” target=”_self” anchor=0 align=”left” size=”large” color=”orange” bg_color=”” text_color=”#fff” border_color=”none”][alaya_button text=”button” href=”#” target=”_self” anchor=0 align=”left” size=”large” color=”pink” bg_color=”” text_color=”#fff” border_color=”none”][alaya_button text=”button” href=”#” target=”_self” anchor=0 align=”left” size=”large-x” color=”” bg_color=”none” text_color=”#000″ border_color=”#000″]

[alaya_clear]

[alaya_heading size=”h3″ heading=”Columns” top=”” bottom=””]
[alaya_one_half][alaya_dropcap]1/2[/alaya_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium[/alaya_one_half][alaya_one_half_last][alaya_dropcap]1/2[/alaya_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium[/alaya_one_half_last]

[alaya_line color=””][alaya_one_third][alaya_dropcap]1/3[/alaya_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium[/alaya_one_third][alaya_one_third][alaya_dropcap]1/3[/alaya_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium[/alaya_one_third][alaya_one_third_last][alaya_dropcap]1/3[/alaya_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium[/alaya_one_third_last]

[alaya_line color=””][alaya_two_third][alaya_dropcap]2/3[/alaya_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium[/alaya_two_third][alaya_one_third_last][alaya_dropcap]1/3[/alaya_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut[/alaya_one_third_last]

[alaya_line color=””][alaya_one_fourth][alaya_dropcap]1/4[/alaya_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium[/alaya_one_fourth][alaya_one_fourth][alaya_dropcap]1/4[/alaya_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium[/alaya_one_fourth][alaya_one_fourth][alaya_dropcap]1/4[/alaya_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium[/alaya_one_fourth][alaya_one_fourth_last][alaya_dropcap]1/4[/alaya_dropcap]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium[/alaya_one_fourth_last]

Leave a comment