Shortcodes

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Guide[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

Uix Shortcodes makes it easy and quick to add the shortcode you need to achieve the page layout or function you desire. It provides easy to use over 26+ shortcodes. Currently, Uix Shortcodes supports: container, parallax, image slider, timeline, columns, buttons, progress bar, google maps, special heading, pricing table, icons, features boxes, testimonials carousel, team, list of clients, responsive video, audio, accordion, dividing line, tabs, code with highlighter, share buttons, contact form(use commenting form template), portfolio(support lightbox), recent posts with custom template and author card.

The content elements are the heart of any page builder. These are the elements shortcodes that come with theme. You may customize the shortcode by changing/adding the parameters. „Content Shortcode”, „Column Shortcode”, „Web Elements Shortcode”, „Container Shortcode”, and so on. They could be used together.

A variety of optional styles are available for Uix ShortCodes. Go to „Uix ShortCodes -> Settings -> General Settings”, you can choose the shortcodes style you want.

Online Documentation

[uix_video width=’560′ height=’315′ responsive=’true’ url=’https://www.youtube.com/watch?v=8bX2vyA5iT4′]

Note: This is a part of the shortcodes preview, not all. Viewing all shortcodes in the WordPress Admin Panel.

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Pricing Table[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_pricing]
[uix_pricing_item target=” class=” url=” period=’per month’ bcolor=’red’ imcolor=’#d59a3e’ col=’3′]
[uix_pricing_item_level]free[/uix_pricing_item_level]
[uix_pricing_item_price]$49[/uix_pricing_item_price]
[uix_pricing_item_desc][p]Some description text here.[/p][/uix_pricing_item_desc]
[uix_pricing_item_button]TRY FOR FREE[/uix_pricing_item_button]
[uix_pricing_item_detail][ul][li]Feature Description[/li][li]Another Feature Description[/li][li]Invalid Feature Description[/li][/ul][/uix_pricing_item_detail]
[/uix_pricing_item]
[uix_pricing_item target=” class=’uix-sc-price-important’ url=” period=’per month’ bcolor=’red’ imcolor=’#d59a3e’ col=’3′]
[uix_pricing_item_level]premium[/uix_pricing_item_level]
[uix_pricing_item_price]$69[/uix_pricing_item_price]
[uix_pricing_item_desc][p]Some description text here.[/p][/uix_pricing_item_desc]
[uix_pricing_item_button]BUY[/uix_pricing_item_button]
[uix_pricing_item_detail][ul][li]Feature Description[/li][li]Another Feature Description[/li][li]Another Feature Description[/li][li]Invalid Feature Description[/li][/ul][/uix_pricing_item_detail]
[/uix_pricing_item]
[uix_pricing_item target=” class=” url=” period=’per month’ bcolor=’red’ imcolor=’#d59a3e’ col=’3′ last=’1′]
[uix_pricing_item_level]professional[/uix_pricing_item_level]
[uix_pricing_item_price]$109[/uix_pricing_item_price]
[uix_pricing_item_desc][p]Some description text here.[/p][/uix_pricing_item_desc]
[uix_pricing_item_button]BUY[/uix_pricing_item_button]
[uix_pricing_item_detail][ul][li]Feature Description[/li][li]Another Feature Description[/li][li]Another Feature Description[/li][li]Invalid Feature Description[/li][li]Another Feature Description[/li][/ul][/uix_pricing_item_detail]
[/uix_pricing_item]
[/uix_pricing]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Team[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_team col=’4′ avatarfillet=’0%’ gray=’true’]
[uix_team_item col=’4′ name=’Haec Linla’ avatar=’https://uiux.cc/wp-theme-demo/shadower/wp-content/uploads/2016/09/avatar-r-1-300×300.jpg’ position=’UI Designer’ social_1=’facebook|#’ social_2=’|’ social_3=’|’]
[uix_team_item_desc][p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/p][/uix_team_item_desc]
[/uix_team_item]
[uix_team_item col=’4′ name=’Tery David’ avatar=’https://uiux.cc/wp-theme-demo/shadower/wp-content/uploads/2016/09/avatar-r-2-300×300.jpg’ position=’Andriod Developer’ social_1=’|’ social_2=’|’ social_3=’|’]
[uix_team_item_desc][p]Quamquam te quidem video minime esse deterritum. Ita multa dicunt, quae vix intellegam. [/p][/uix_team_item_desc]
[/uix_team_item]
[uix_team_item col=’4′ name=’Jimmy’ avatar=’https://uiux.cc/wp-theme-demo/shadower/wp-content/uploads/2016/09/avatar-r-3-300×300.jpg’ position=’Photographer’ social_1=’twitter|#’ social_2=’git|#’ social_3=’linkedin|#’]
[uix_team_item_desc][p]Lorem ipsum dolor sit amet.[/p][/uix_team_item_desc]
[/uix_team_item]
[uix_team_item col=’4′ name=’You are here’ avatar=” position=’Position’ social_1=’|’ social_2=’|’ social_3=’|’]
[uix_team_item_desc][p]The Introduction of this member.[/p][/uix_team_item_desc]
[/uix_team_item]
[/uix_team]

[uix_team col=’fullwidth’ avatarfillet=’0%’ gray=’true’]
[uix_team_item col=’fullwidth’ name=’Jone Smmith’ avatar=’https://uiux.cc/wp-theme-demo/shadower/wp-content/uploads/2016/09/avatar-r-1-300×300.jpg’ position=’CEO’ social_1=’twitter|#’ social_2=’facebook|#’ social_3=’|’]
[uix_team_item_desc][p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sin aliud quid voles, postea. Quamquam te quidem video minime esse deterritum. Ita multa dicunt, quae vix intellegam. Ergo hoc quidem apparet, nos ad agendum esse natos.[/p][/uix_team_item_desc]
[/uix_team_item]
[uix_team_item col=’fullwidth’ name=’Donny Kiu’ avatar=’https://uiux.cc/wp-theme-demo/shadower/wp-content/uploads/2016/09/avatar-r-2-300×300.jpg’ position=’Photographer’ social_1=’twitter|#’ social_2=’|’ social_3=’|’]
[uix_team_item_desc][p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sin aliud quid voles, postea. Quamquam te quidem video minime esse deterritum. Ita multa dicunt, quae vix intellegam. Ergo hoc quidem apparet, nos ad agendum esse natos. Utrum igitur tibi litteram videor an totas paginas commovere? Duo Reges: constructio interrete.[/p][p]Estne, quaeso, inquam, sitienti in bibendo voluptas? Nos commodius agimus. Semper enim ex eo, quod maximas partes continet latissimeque funditur, tota res appellatur. At quicum ioca seria, ut dicitur, quicum arcana, quicum occulta omnia? Immo vero, inquit, ad beatissime vivendum parum est, ad beate vero satis. Itaque in rebus minime obscuris non multus est apud eos disserendi labor. Haec bene dicuntur, nec ego repugno, sed inter sese ipsa pugnant. Non autem hoc: igitur ne illud quidem.[/p][/uix_team_item_desc]
[/uix_team_item]
[uix_team_item col=’fullwidth’ name=’Doky’ avatar=’https://uiux.cc/wp-theme-demo/shadower/wp-content/uploads/2016/09/avatar-r-3-300×300.jpg’ position=’Andriod Developer’ social_1=’|’ social_2=’|’ social_3=’|’]
[uix_team_item_desc][p]The Introduction of this member.[/p][/uix_team_item_desc]
[/uix_team_item]
[uix_team_item col=’fullwidth’ name=’You are here’ avatar=” position=’Position’ social_1=’|’ social_2=’|’ social_3=’|’]
[uix_team_item_desc][p]The Introduction of this member.[/p][/uix_team_item_desc]
[/uix_team_item]
[/uix_team]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Button[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

Control the size, font size, button and font color, icon, letter spacing, and link of a button within the promo box shortcode. The button is a great tool for a call-to-action. Add in an engaging button to get your users to click through! You can embed a shortcode to the button.

[uix_button icon=” fontsize=’12px’ letterspacing=’2px’ fillet=’50px’ paddingspacing=’3′ target=’0′ bgcolor=’green’ txtcolor=’#ffffff’ url=’#’]Small[/uix_button]

[uix_button icon=” fontsize=’12px’ letterspacing=’2px’ fillet=’50px’ paddingspacing=’2′ target=’0′ bgcolor=’green’ txtcolor=’#ffffff’ url=’#’]Medium[/uix_button]

[uix_button icon=” fontsize=’12px’ letterspacing=’2px’ fillet=’50px’ paddingspacing=’1′ target=’0′ bgcolor=’green’ txtcolor=’#ffffff’ url=’#’]Large[/uix_button]

[uix_button icon=’briefcase’ fontsize=’12px’ letterspacing=’2px’ fillet=’50px’ paddingspacing=’1′ target=’0′ bgcolor=’green’ txtcolor=’#ffffff’ url=’#’]Icon Button[/uix_button]

[uix_button icon=’briefcase’ fontsize=’16px’ letterspacing=’2px’ fillet=’50px’ paddingspacing=’1′ target=’0′ bgcolor=’green’ txtcolor=’#ffffff’ url=’#’]Icon Button[/uix_button]

[uix_button icon=” fontsize=’12px’ letterspacing=’2px’ fillet=’0′ paddingspacing=’3′ target=’0′ bgcolor=’green’ txtcolor=’#ffffff’ url=’#’]Small[/uix_button]

[uix_button icon=” fontsize=’12px’ letterspacing=’2px’ fillet=’0′ paddingspacing=’2′ target=’0′ bgcolor=’green’ txtcolor=’#ffffff’ url=’#’]Medium[/uix_button]

[uix_button icon=” fontsize=’12px’ letterspacing=’2px’ fillet=’0′ paddingspacing=’1′ target=’0′ bgcolor=’green’ txtcolor=’#ffffff’ url=’#’]Large[/uix_button]

[uix_button icon=” fontsize=’12px’ letterspacing=’2px’ fillet=’0′ paddingspacing=’1′ target=’0′ bgcolor=’green’ txtcolor=’rgb(255, 246, 26)’ url=’#’][uix_icons size=’16’ units=’px’ color=’rgb(255, 246, 26)’ name=’anchor’]Custom Icon[/uix_button]

[uix_button icon=” fontsize=’16px’ letterspacing=’2px’ fillet=’0′ paddingspacing=’1′ target=’0′ bgcolor=’green’ txtcolor=’#333′ url=’#’][uix_icons size=’16’ units=’px’ color=’#333′ name=’anchor’]Custom Icon[/uix_button]

[uix_button icon=” fontsize=’12px’ letterspacing=’2px’ fillet=’50px’ paddingspacing=’3′ target=’0′ bgcolor=’red’ txtcolor=’#ffffff’ url=’#’]RED[/uix_button]

[uix_button icon=” fontsize=’12px’ letterspacing=’2px’ fillet=’50px’ paddingspacing=’2′ target=’0′ bgcolor=’yellow’ txtcolor=’#ffffff’ url=’#’]ORANGE[/uix_button]

[uix_button icon=” fontsize=’12px’ letterspacing=’2px’ fillet=’50px’ paddingspacing=’1′ target=’0′ bgcolor=’darkblue’ txtcolor=’#ffffff’ url=’#’]DARKBLUE[/uix_button]

[uix_button icon=’briefcase’ fontsize=’12px’ letterspacing=’2px’ fillet=’50px’ paddingspacing=’1′ target=’0′ bgcolor=’cadetblue’ txtcolor=’#ffffff’ url=’#’]CADETBLUE BUTTON[/uix_button]

[uix_button icon=’briefcase’ fontsize=’16px’ letterspacing=’2px’ fillet=’50px’ paddingspacing=’1′ target=’0′ bgcolor=’black’ txtcolor=’#ffffff’ url=’#’]BLACK BUTTON[/uix_button]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Progress Bar[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

Choose unlimited colors for each individual progress segment. Animate the segment and/or text. Customize any sizes. It is great for displaying varying types of data and content to your viewers. The progress bar include Circular and Square types for easy customization.

[uix_progress_bar barcolor=’#a2bf2f’ trackcolor=’#f1f1f1′ preccolor=’#473f3f’ size=’120px’ shape=’circular’ percent=’75’ units=’%’ linewidth=’3′ precsize=’12px’ title=” top=’25’ bottom=’0′ left=’25’ right=’25’ ][/uix_progress_bar]

[uix_progress_bar barcolor=’#a2bf2f’ trackcolor=’#dcdcdc’ preccolor=’#bebebe’ size=’120px’ shape=’circular’ percent=’55’ units=’%’ linewidth=’3′ precsize=’12px’ title=’Web Design’ top=’25’ bottom=’0′ left=’25’ right=’25’ ][p]This is a description.[/p][/uix_progress_bar]

[uix_progress_bar barcolor=’#daa520′ trackcolor=’#f1f1f1′ preccolor=’#473f3f’ size=’200px’ shape=’circular’ percent=’66’ units=’%’ linewidth=’8′ precsize=’28px’ title=’Clock’ icon=’clock-o’][/uix_progress_bar]

[uix_progress_bar barcolor=’#dc143c’ trackcolor=’#f1f1f1′ preccolor=’#473f3f’ size=’120px’ shape=’circular’ percent=’75’ units=’%’ linewidth=’8′ precsize=’18px’ title=’Shop’ icon=’cart-plus’][/uix_progress_bar]

[uix_progress_bar barcolor=’#dc143c’ trackcolor=’#dcdcdc’ preccolor=’#bebebe’ size=’120px’ shape=’circular’ percent=’100′ units=’%’ linewidth=’3′ precsize=’12px’ title=’Painter’ top=’25’ bottom=’0′ left=’25’ right=’25’ ][p]This is a description.[/p][/uix_progress_bar]

[uix_progress_bar barcolor=’#a2bf2f’ trackcolor=’#f1f1f1′ preccolor=’#473f3f’ size=’100%’ shape=’square’ percent=’75’ units=’%’ linewidth=’3′ precsize=’12px’ title=’Painter’ top=’25’ bottom=’0′ left=’25’ right=’25’ ][/uix_progress_bar]

[uix_progress_bar barcolor=’#a2bf2f’ trackcolor=’#f1f1f1′ preccolor=’#473f3f’ size=’100%’ shape=’square’ percent=’35’ units=’%’ linewidth=’3′ precsize=’12px’ title=’Android Development’ top=’25’ bottom=’0′ left=’25’ right=’25’ ][/uix_progress_bar]

[uix_progress_bar barcolor=’#DD514C’ trackcolor=’rgb(222, 156, 142)’ preccolor=’#473f3f’ size=’100%’ shape=’square’ percent=’75’ units=’%’ linewidth=’15’ precsize=’12px’ title=’Painter’ top=’25’ bottom=’0′ left=’25’ right=’25’ ][/uix_progress_bar]

[uix_progress_bar barcolor=’#DD514C’ trackcolor=’#f1f1f1′ preccolor=’#473f3f’ size=’100%’ shape=’square’ percent=’35’ units=’%’ linewidth=’15’ precsize=’12px’ title=’Android Development’ top=’25’ bottom=’0′ left=’25’ right=’25’ ][/uix_progress_bar]

[uix_column_wrapper top=’20’ bottom=’20’ left=’0′ right=’0′]
[uix_column grid=’6′]

[uix_progress_bar barcolor=’#4BB1CF’ trackcolor=’#f1f1f1′ preccolor=’#473f3f’ size=’100%’ shape=’square’ percent=’75’ units=’%’ linewidth=’3′ precsize=’12px’ title=’Photoshop’ top=’25’ bottom=’0′ left=’25’ right=’25’ ][/uix_progress_bar]

[uix_progress_bar barcolor=’#4BB1CF’ trackcolor=’#f1f1f1′ preccolor=’#473f3f’ size=’100%’ shape=’square’ percent=’23’ units=’%’ linewidth=’3′ precsize=’12px’ title=’Front-End’ top=’25’ bottom=’0′ left=’25’ right=’0′ ][p]This is a description.[/p][/uix_progress_bar]

[uix_progress_bar barcolor=’#4BB1CF’ trackcolor=’#f1f1f1′ preccolor=’#dcdcdc’ size=’100%’ shape=’square’ percent=’100′ units=’%’ linewidth=’3′ precsize=’16px’ title=’Clock’ top=’25’ bottom=’0′ left=’25’ right=’25’ icon=’clock-o’][/uix_progress_bar]

[/uix_column]
[uix_column grid=’6′ last=’1′]

[uix_progress_bar barcolor=’#4BB1CF’ trackcolor=’#f1f1f1′ preccolor=’#473f3f’ size=’100%’ shape=’square’ percent=’88’ units=’%’ linewidth=’3′ precsize=’12px’ title=’User Interface’ top=’25’ bottom=’0′ left=’25’ right=’25’ ][/uix_progress_bar]

[uix_progress_bar barcolor=’#4BB1CF’ trackcolor=’#f1f1f1′ preccolor=’#473f3f’ size=’100%’ shape=’square’ percent=’23’ units=’%’ linewidth=’3′ precsize=’12px’ title=’Web Design’ top=’25’ bottom=’0′ left=’25’ right=’0′ ][p]This is a description.[/p][/uix_progress_bar]

[uix_progress_bar barcolor=’#4BB1CF’ trackcolor=’#f1f1f1′ preccolor=’#dcdcdc’ size=’100%’ shape=’square’ percent=’98’ units=’%’ linewidth=’3′ precsize=’16px’ title=’Shop’ top=’25’ bottom=’0′ left=’25’ right=’25’ icon=’cart-plus’][/uix_progress_bar]

[/uix_column]
[/uix_column_wrapper]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Tabs[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

You can control the transition effect, such as fade, slide or none. You can choose vertical tabs or horizontal tabs.

[uix_toggle style=’vertical’ tabs=’1′ effect=’2′]
[uix_toggle_item tabs=’1′]
[uix_toggle_item_title]Tab Title 1[/uix_toggle_item_title]
[uix_toggle_item_title]Tab Title 2[/uix_toggle_item_title]
[uix_toggle_item_title]Tab Title 3[/uix_toggle_item_title]
[/uix_toggle_item]
[uix_toggle_group]
[uix_toggle_item_content][p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duarum enim vitarum nobis erunt instituta capienda. Tamen aberramus a proposito, et, ne longius, prorsus, inquam, Piso, si ista mala sunt, placet. Quae fere omnia appellantur uno ingenii nomine, easque virtutes qui habent, ingeniosi vocantur. Ut proverbia non nulla veriora sint quam vestra dogmata.[/p][/uix_toggle_item_content]
[uix_toggle_item_content][p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duarum enim vitarum nobis erunt instituta capienda. Tamen aberramus a proposito, et, ne longius, prorsus, inquam, Piso, si ista mala sunt, placet. Quae fere omnia appellantur uno ingenii nomine, easque virtutes qui habent, ingeniosi vocantur. Ut proverbia non nulla veriora sint quam vestra dogmata. Ergo ita: non posse honeste vivi, nisi honeste vivatur? Duo Reges: constructio interrete. Obsecro, inquit, Torquate, haec dicit Epicurus? Sunt enim prima elementa naturae, quibus auctis vírtutis quasi germen efficitur.[/p][/uix_toggle_item_content]
[uix_toggle_item_content][p]Obsecro, inquit, Torquate, haec dicit Epicurus? Sunt enim prima elementa naturae, quibus auctis vírtutis quasi germen efficitur.[/p][/uix_toggle_item_content]
[/uix_toggle_group]
[/uix_toggle]

[uix_toggle style=’horizontal’ tabs=’1′ effect=’1′]
[uix_toggle_item tabs=’1′]
[uix_toggle_item_title]Tab Title 1[/uix_toggle_item_title]
[uix_toggle_item_title]Tab Title 2[/uix_toggle_item_title]
[uix_toggle_item_title]Tab Title 3[/uix_toggle_item_title]
[/uix_toggle_item]
[uix_toggle_group]
[uix_toggle_item_content][p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duarum enim vitarum nobis erunt instituta capienda. Tamen aberramus a proposito, et, ne longius, prorsus, inquam, Piso, si ista mala sunt, placet. Quae fere omnia appellantur uno ingenii nomine, easque virtutes qui habent, ingeniosi vocantur. Ut proverbia non nulla veriora sint quam vestra dogmata.[/p][/uix_toggle_item_content]
[uix_toggle_item_content][p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duarum enim vitarum nobis erunt instituta capienda. Tamen aberramus a proposito, et, ne longius, prorsus, inquam, Piso, si ista mala sunt, placet. Quae fere omnia appellantur uno ingenii nomine, easque virtutes qui habent, ingeniosi vocantur. Ut proverbia non nulla veriora sint quam vestra dogmata. Ergo ita: non posse honeste vivi, nisi honeste vivatur? Duo Reges: constructio interrete. Obsecro, inquit, Torquate, haec dicit Epicurus? Sunt enim prima elementa naturae, quibus auctis vírtutis quasi germen efficitur.[/p][/uix_toggle_item_content]
[uix_toggle_item_content][p]Obsecro, inquit, Torquate, haec dicit Epicurus? Sunt enim prima elementa naturae, quibus auctis vírtutis quasi germen efficitur.[/p][/uix_toggle_item_content]
[/uix_toggle_group]
[/uix_toggle]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Accordion[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

You can open the first one automatically if you like.

[uix_toggle tabs=’0′ effect=’1′]
[uix_toggle_item]
[uix_toggle_item_title]Accordion Title 1[/uix_toggle_item_title]
[uix_toggle_item_content][p]Sit hoc ultimum bonorum, quod nunc a me defenditur; Praeclare hoc quidem. [/p][/uix_toggle_item_content]
[/uix_toggle_item]
[uix_toggle_item]
[uix_toggle_item_title]Accordion Title 2[/uix_toggle_item_title]
[uix_toggle_item_content][p]Sit hoc ultimum bonorum, quod nunc a me defenditur; Praeclare hoc quidem. Qui potest igitur habitare in beata vita summi mali metus? Nam aliquando posse recte fieri dicunt nulla expectata nec quaesita voluptate. An eum discere ea mavis, quae cum plane perdidiceriti nihil sciat? Esse enim, nisi eris, non potes. Sed quae tandem ista ratio est? Ita relinquet duas, de quibus etiam atque etiam consideret. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet.[/p][/uix_toggle_item_content]
[/uix_toggle_item]
[uix_toggle_item]
[uix_toggle_item_title]Accordion Title 3[/uix_toggle_item_title]
[uix_toggle_item_content][p]Sit hoc ultimum bonorum, quod nunc a me defenditur; Praeclare hoc quidem. Qui potest igitur habitare in beata vita summi mali metus? Nam aliquando posse recte fieri dicunt nulla expectata nec quaesita voluptate. An eum discere ea mavis, quae cum plane perdidiceriti nihil sciat? Esse enim, nisi eris, non potes. Sed quae tandem ista ratio est? [/p][/uix_toggle_item_content]
[/uix_toggle_item]
[/uix_toggle]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Testimonials Carousel[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_testimonials]
[uix_testimonials_item name=’Name’ avatar=” position=’Position’]
[uix_testimonials_item_desc][p]Enter some details for the customer giving this testimonial., E.g., Thank you from the bottom of our hearts.[/p][/uix_testimonials_item_desc]
[/uix_testimonials_item]
[uix_testimonials_item name=’Name’ avatar=” position=’Position’]
[uix_testimonials_item_desc][p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duarum enim vitarum nobis erunt instituta capienda. Tamen aberramus a proposito, et, ne longius, prorsus, inquam, Piso, si ista mala sunt, placet. Quae fere omnia appellantur uno ingenii nomine, easque virtutes qui habent, ingeniosi vocantur. Ut proverbia non nulla veriora sint quam vestra dogmata. Ergo ita: non posse honeste vivi, nisi honeste vivatur? Duo Reges: constructio interrete. Obsecro, inquit, Torquate, haec dicit Epicurus? Sunt enim prima elementa naturae, quibus auctis vírtutis quasi germen efficitur.[/p][/uix_testimonials_item_desc]
[/uix_testimonials_item]
[/uix_testimonials]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Responsive Video[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_video width=’560′ height=’315′ responsive=’true’ url=’https://www.youtube.com/watch?v=5_pMx7IjYKE’]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Audio[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_audio width=’100%’ height=’150′ soundcloud=’true’ autoplay=’null’ loop=’null’ url=’https://soundcloud.com/globalmusic/klpetaltothemaxx’]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Container (divide the page into sections)[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_container parallax=’0.2′ class=” height=’350px’ margin_top=’25’ margin_bottom=’25’ margin_left=’0′ margin_right=’0′ padding_top=’70’ padding_bottom=’0′ padding_left=’45’ padding_right=’45’ bgimage=’https://uiux.cc/wp-theme-demo/shadower/wp-content/uploads/2016/09/paper.jpg’ bgimage_repeat=’no-repeat’ bgimage_position=’left’ bgimage_attachment=’scroll’ bgimage_size=’cover’ bgcolor=” layout=’fullwidth’ ]

Section Title

[uix_button icon=” fontsize=’12px’ letterspacing=’2px’ fillet=’50px’ paddingspacing=’1′ target=’0′ bgcolor=’green’ txtcolor=’#ffffff’ url=’#’]Try It[/uix_button]

[/uix_container]

[uix_container parallax=’0′ class=” height=’auto’ margin_top=’25’ margin_bottom=’25’ margin_left=’0′ margin_right=’0′ padding_top=’40’ padding_bottom=’40’ padding_left=’125′ padding_right=’125′ borderwidth=’3px’ borderstyle=’solid’ bordercolor=’rgb(226, 226, 226)’ bgcolor=’rgb(234, 234, 234)’ layout=’fullwidth’ ]

Center Text & Auto Height

[uix_dividing_line style=’gradient’ color=’dark’ width=’100%’ opacity=’17’]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Hoc etsi multimodis reprehendi potest, tamen accipio, quod dant. Teneo, inquit, finem illi videri nihil dolere. Esse enim, nisi eris, non potes. Cum audissem Antiochum, Brute, ut solebam, cum M. Dolor ergo, id est summum malum, metuetur semper, etiamsi non aderit; Duo Reges: constructio interrete. Nam si propter voluptatem, quae est ista laus, quae possit e macello peti? Respondeat totidem verbis. Sic enim censent, oportunitatis esse beate vivere.

[/uix_container]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Dividing Line[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

Thank you for viewing. You can control the width, styling, color and opacity. 🙂

solid line

[uix_dividing_line style=’solid’ color=’dark’ width=’100%’ opacity=’17’]

double line

[uix_dividing_line style=’double’ color=’dark’ width=’100%’ opacity=’17’]

dashed line

[uix_dividing_line style=’dashed’ color=’dark’ width=’100%’ opacity=’17’]

dotted line

[uix_dividing_line style=’dotted’ color=’dark’ width=’100%’ opacity=’17’]

shadow line

[uix_dividing_line style=’shadow’ color=’dark’ width=’100%’ opacity=’17’]

gradient line

[uix_dividing_line style=’gradient’ color=’dark’ width=’100%’ opacity=’17’]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Share Buttons[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_share_buttons color=’1′ size=’1′ fillet=’25px’ show=’facebook,twitter,google_plus,pinterest’]

[uix_share_buttons color=’1′ size=’2′ fillet=’25px’ show=’facebook,twitter,google_plus,pinterest’]

[uix_share_buttons color=’1′ size=’2′ fillet=’0′ show=’facebook,twitter,google_plus,pinterest’]

[uix_share_buttons color=’2′ size=’1′ fillet=’25px’ show=’facebook,twitter,google_plus,pinterest’]

[uix_share_buttons color=’2′ size=’2′ fillet=’25px’ show=’facebook,twitter,google_plus,pinterest’]

[uix_share_buttons color=’2′ size=’2′ fillet=’0px’ show=’facebook,twitter,google_plus,pinterest’]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Icon[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

You can control the size and color.

[uix_icons size=’14’ units=’px’ color=’#333333′ name=’area-chart’]

[uix_icons size=’34’ units=’px’ color=’#333333′ name=’area-chart’]

[uix_icons size=’54’ units=’px’ color=’#333333′ name=’area-chart’]

[uix_icons size=’74’ units=’px’ color=’#333333′ name=’area-chart’]

[uix_icons size=’14’ units=’px’ color=’#a2bf2f’ name=’briefcase’]

[uix_icons size=’34’ units=’px’ color=’#daa520′ name=’briefcase’]

[uix_icons size=’54’ units=’px’ color=’#4BB1CF’ name=’briefcase’]

[uix_icons size=’74’ units=’px’ color=’#dc143c’ name=’briefcase’]

…

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Google Map[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

You can choose a variety of styles.

[uix_map style=’normal’ width=’100%’ height=’325px’ latitude=’37.7770776′ longitude=’-122.4414289′ zoom=’14’ name=’SEO San Francisco, CA, Gough Street, San Francisco, CA’ marker=’https://uiux.cc/wp-theme-demo/nailme/wp-content/plugins/uix-shortcodes/assets/images/map/map-location.png’ ]

[uix_map style=’gray’ width=’100%’ height=’325px’ latitude=’37.7770776′ longitude=’-122.4414289′ zoom=’14’ name=’SEO San Francisco, CA, Gough Street, San Francisco, CA’ marker=’https://uiux.cc/wp-theme-demo/nailme/wp-content/plugins/uix-shortcodes/assets/images/map/map-location.png’ ]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Source Code[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_code language=’javascript’]

jQuery( document ).ready(function( $ ){

    $( document ).on('submit', '.register_form', function( event ){
        event.preventDefault();

        $.ajax({
            data: "action=register_submit&" + $( this ).serialize(),
            dataType: 'json',
            type: "POST",
            url: _ajax_login_settings.ajaxurl,
            success: function( msg ) {
                //
            }
        });
    });

});

[/uix_code]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Special Heading[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_heading color=” style=’grand-fill-yellow’ align=’center’ size=’52px’ uppercase=’true’ spacing=’2px’ fillbg=”]No change test[/uix_heading][uix_heading_line line=’false’ width=’100%’ height=’1px’]

[uix_heading color=” style=’grand’ align=’center’ size=’52px’ uppercase=’true’ spacing=’2px’ fillbg=”]No background[/uix_heading][uix_heading_line line=’false’ width=’100%’ height=’1px’]

[uix_heading color=” style=’grand-fill-yellow’ align=’center’ size=’52px’ uppercase=’true’ spacing=’2px’ fillbg=”]Background + Line[/uix_heading][uix_heading_line line=’true’ width=’35%’ height=’4px’]

[uix_heading color=” style=’grand-fill-yellow’ align=’center’ size=’52px’ uppercase=’true’ spacing=’2px’ fillbg=”]Background + Desc[/uix_heading][uix_heading_sub color=” align=’center’ size=’12px’ uppercase=’true’ spacing=’2px’ opacity=’65’][p]This is a description for heading. do you like it?[/p][/uix_heading_sub][uix_heading_line line=’true’ width=’35%’ height=’4px’]

[uix_heading color=” style=’grand-fill-yellow’ align=’left’ size=’52px’ uppercase=’true’ spacing=’2px’ fillbg=’https://uiux.cc/wp-theme-demo/shadower/wp-content/uploads/2016/09/paper.jpg’]Left Background Text[/uix_heading][uix_heading_sub color=” align=’left’ size=’12px’ uppercase=’true’ spacing=’2px’ opacity=’65’][p]This is a description for heading. Do you like it?[/p][/uix_heading_sub][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_heading color=” style=’grand’ align=’left’ size=’52px’ uppercase=’true’ spacing=’2px’ fillbg=”]Left Text[/uix_heading][uix_heading_sub color=” align=’left’ size=’12px’ uppercase=’true’ spacing=’2px’ opacity=’65’][p]This is a description for heading. Do you like it?[/p][/uix_heading_sub][uix_heading_line line=’true’ width=’100%’ height=’3px’]

[uix_heading color=’#DD514C’ style=’grand’ align=’left’ size=’52px’ uppercase=’true’ spacing=’2px’ fillbg=”]Red text[/uix_heading][uix_heading_sub color=’#d59a3e’ align=’left’ size=’12px’ uppercase=’true’ spacing=’2px’ opacity=’65’][p]This is a description for heading. Do you like it?[/p][/uix_heading_sub][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_heading color=” style=’grand’ align=’left’ size=’52px’ uppercase=’false’ spacing=’2px’ fillbg=”]Normal case[/uix_heading][uix_heading_sub color=” align=’left’ size=’12px’ uppercase=’false’ spacing=’2px’ opacity=’65’][p]This is a description for heading. do you like it?[/p][/uix_heading_sub][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Column[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

[uix_column_wrapper top=’20’ bottom=’20’ left=’0′ right=’0′]
[uix_column grid=’3′]

One Fourth (1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a mi ac diam varius commodo sit amet a eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/uix_column]
[uix_column grid=’3′]

One Fourth (2)

Aliquam congue dignissim tellus, vel eleifend urna rutrum nec. Morbi et mauris vitae quam venenatis imperdiet. Proin et rutrum magna. Nulla sed venenatis leo. Suspendisse potenti. Proin faucibus cursus luctus.

[/uix_column]
[uix_column grid=’3′]

One Fourth (3)

[/uix_column]
[uix_column grid=’3′ last=’1′]

One Fourth (4)

Morbi et mauris vitae quam venenatis imperdiet. Proin et rutrum magna. Nulla sed venenatis leo. Suspendisse potenti. Proin faucibus cursus luctus.

[/uix_column]
[/uix_column_wrapper]

[uix_column_wrapper top=’20’ bottom=’20’ left=’0′ right=’0′]
[uix_column grid=’4′]

One Third

[/uix_column]
[uix_column grid=’4′]

One Third

[/uix_column]
[uix_column grid=’4′ last=’1′]

One Third

[/uix_column]
[/uix_column_wrapper]

[uix_column_wrapper top=’20’ bottom=’20’ left=’0′ right=’0′]
[uix_column grid=’6′]

One Half

[/uix_column]
[uix_column grid=’6′ last=’1′]

One Half

[/uix_column]
[/uix_column_wrapper]

[uix_column_wrapper top=’20’ bottom=’20’ left=’0′ right=’0′]
[uix_column grid=’3′]

One Third

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/uix_column]
[uix_column grid=’9′ last=’1′]

Two Third

[/uix_column]
[/uix_column_wrapper]

[uix_column_wrapper top=’20’ bottom=’20’ left=’0′ right=’0′]
[uix_column grid=’9′]

Two Third

[/uix_column]
[uix_column grid=’3′ last=’1′]

One Third

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/uix_column]
[/uix_column_wrapper]

[uix_column_wrapper top=’20’ bottom=’20’ left=’0′ right=’0′]
[uix_column grid=’4′]

One Fourth

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/uix_column]
[uix_column grid=’8′ last=’1′]

Three Fourth

[/uix_column]
[/uix_column_wrapper]

[uix_column_wrapper top=’20’ bottom=’20’ left=’0′ right=’0′]
[uix_column grid=’8′]

Three Fourth

[/uix_column]
[uix_column grid=’4′ last=’1′]

One Fourth

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

[/uix_column]
[/uix_column_wrapper]

[uix_heading color=” style=’grand’ align=’left’ size=’2em’ uppercase=’true’ spacing=’2px’ fillbg=”]Contact Form[/uix_heading][uix_heading_line line=’true’ width=’100%’ height=’1px’]

Válasz megszakítása

Hozzászólás küldéséhez be kell jelentkezni.