[vc_row][vc_column][vc_column_text]
Accordion & Tabs
[/vc_column_text][vc_column_text el_class=”info”]
Accordions and Toggles are perfect for adding multiple sections of information with varying content and titles.
[/vc_column_text][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][accordions][accordion title=”First Accordion”]Ut iaculis lacinia diam, sed rutrum mi convallis eget. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu dictum ipsum, nec dictum mi. In sed mi rutrum, pellentesque neque quis, pellentesque diam.[/accordion][accordion title=”Second Accordion” opened=”true”]Sed aliquam suscipit nulla, sit amet eleifend ipsum molestie non. Aenean ex massa, varius eu porttitor non, lobortis sit amet sapien. Maecenas facilisis, diam in porttitor elementum, ante libero rutrum massa.[/accordion][accordion title=”Third Accordion”]Molestie diam arcu sit amet sapien. Integer convallis pulvinar felis, sit amet consequat ante eleifend et. Ut dui turpis, pharetra vel mi commodo, gravida iaculis erat. Sed semper felis ligula, ac accumsan.[/accordion][/accordions][/vc_column][vc_column width=”1/2″]
[/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”60px”][vc_column_text]Promotion Boxes
[/vc_column_text][vc_column_text el_class=”info”]
Royal’s promotion box is very versatile and has numerous meta options for easy customization.
[/vc_column_text][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column][promotion title=”These boxes are customizable with numerous options to choose from!” style=”one”]Mauris accumsan, massa rhoncus varius varius, tortor metus bibendum turpis, ut rhoncus felis ex pretium sem. Phasellus sagittis ex a ornare.[/promotion][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][promotion title=”This is a promo box in a one half column.” style=”two”]Cras tristique sed purus et fermentum. Pellentesque sed metus rhoncus ante vestibulum rhoncus eu ut mi. Maecenas sit amet erat hendrerit.[/promotion][/vc_column][vc_column width=”1/2″][promotion title=”This is a promo box in a one half column.” style=”three”]In pharetra vestibulum lacus, nec euismod nisl egestas vitae. Mauris semper ullamcorper blandit. Curabitur mattis ullamcorper malesuada.[/promotion][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”60px”][vc_column_text]
Alert Messages
[/vc_column_text][vc_column_text el_class=”info”]
Alert messages can be used throughout the site.
There are 4 styles – success, information, warning and danger.
[/vc_column_text][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][alert title=”Well done!”]Aliquam tincidunt libero vitae justo fringilla iaculis. Donec justo eros, rhoncus consequat pulvinar euismod, dignissim vel felis diam.[/alert][alert title=”Heads up!” type=”success”]Vivamus condimentum dapibus euismod. Pellentesque fermentum sodales lorem, eu bibendum nulla cursus. Nunc consectetur egestas.[/alert][/vc_column][vc_column width=”1/2″][alert title=”Warning!” type=”warning”]Suspendisse volutpat ultrices auctor. Vestibulum consequat porttitor tempor. Vivamus vel urna quis justo eleifend congue.[/alert][alert title=”Oh snap!” type=”danger”]Vestibulum ultrices purus imperdiet felis malesuada fringilla. Duis varius tincidunt nulla. Nullam eget venenatis tortor amet mattis.[/alert][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”60px”][vc_column_text]
Counters & Bars
[/vc_column_text][vc_column_text el_class=”info”]
Royal includes 2 different sets of animated counters: circles and bars.
[/vc_column_text][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column][bars][bar title=”Web Design” value=”90″ class=”col-md-offset-1 col-sm-offset-1″][bar title=”HTML5 / CSS3″ value=”96″][bar title=”Graphic Design” value=”85″][bar title=”Mobile Applications” value=”67″ class=”col-xs-offset-2 col-md-offset-0 col-sm-offset-0″][bar title=”UX / UI”][/bars][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column][progress title=”WordPress” value=”60″][progress title=”PHP / MySQL” value=”86″][progress title=”ASP.NET” value=”72″][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”60px”][vc_column_text]
Milestone Counters
[/vc_column_text][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column][milestone][counter title=”Projects Completed” icon=”fa fa-check-square-o” to=”350″][counter title=”Cups Consumed” icon=”fa fa-coffee” to=”863″][counter title=”Satisfied Clients” icon=”fa fa-thumbs-o-up” to=”172″][counter title=”Pizza’s Ordered” icon=”fa fa-cutlery” to=”456″][/milestone][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”60px”][vc_column_text]
Blockquote & Highlights
[/vc_column_text][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]In eget aliquam libero. Mauris neque arcu, consectetur semper odio vel, vulputate ornare nulla. Pellentesque at sapien placerat, tincidunt dui et, interdum ante. Duis placerat faucibus justo, vel pulvinar tortor. [highlight]Vivamus sed turpis[/highlight] lorem. Nam eu eleifend est, id commodo tortor. Integer porttitor at urna at consectetur. Fusce non ornare augue. Aliquam mollis quam quis massa consequat, eget auctor velit consectetur.[/vc_column_text]
Buttons
[/vc_column_text][vc_column_text el_class=”info”]
Royal includes several buttons to be used throughout your site.
[/vc_column_text][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column width=”1/4″]SmallStandardSmall [/vc_column][vc_column width=”1/4″]SmallStandardSmall [/vc_column][vc_column width=”1/4″]SmallStandardSmall [/vc_column][vc_column width=”1/4″]SmallStandardSmall [/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”60px”][vc_column_text]
List Styles
[/vc_column_text][vc_column_text el_class=”info”]
Lists can use all Font Awesome Icons.
[/vc_column_text][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_column_text el_class=”text-semibold offsetBottomS”]
Ordered List
[/vc_column_text][vc_column_text]
- Pellentesque a lectus lobortis, commodo
- Nulla quis nulla commodo, mattis lectus effic
- Vivamus posuere mauris et metus
- Duis pulvinar quam et metus sodales
[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text el_class=”text-semibold offsetBottomS”]
Unordered List
[/vc_column_text][vc_column_text]
- Curabitur interdum lectus ut urna porta
- Donec ultrices nisl in massa rutrum iaculis
- Quisque fermentum lectus eget
- Vestibulum facilisis tortor eget semper
[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text el_class=”text-semibold offsetBottomS”]
Custom List
[/vc_column_text][vc_column_text]
- Aenean at justo vitae erat vehicula
- Quisque sit amet metus vulputate
- Nullam at nulla porta, sagittis risus eget
- Cras eu lacus in eros
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”60px”][vc_column_text]
Stickers
[/vc_column_text][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text el_class=”text-semibold offsetBottomS”]
Sticker with Header
[/vc_column_text][sticker label=”Green” color=”green”][sticker label=”Dark”][sticker label=”Blue” color=”blue”][sticker label=”Orange” color=”orange”][sticker label=”Red” color=”red”][/vc_column][vc_column width=”1/2″][vc_column_text el_class=”text-semibold”]
Or, maybe with icons?
[/vc_column_text][sticker label=”90F” color=”green” icon=”fa fa-sun-o”][sticker label=”3K” color=”blue” icon=”fa fa-coffee”][sticker label=”7″ color=”orange” icon=”fa fa-thumbs-o-up”][sticker label=”Up!” color=”red” icon=”fa fa-dribbble”][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”60px”][vc_column_text]
Dropcaps
[/vc_column_text][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_raw_html]b25lYyUyMG1hZ25hJTIwZXN0JTJDJTIwY29uZGltZW50dW0lMjB2aXRhZSUyMHNvZGFsZXMlMjBhYyUyQyUyMGVnZXN0YXMlMjBhdCUyMHRlbGx1cy4lMjBDdXJhYml0dXIlMjBncmF2aWRhJTIwbmliaCUyMGxhY3VzLiUyMEludGVnZXIlMjBhY2N1bXNhbiUyMGFsaXF1ZXQlMjBmZWxpcyUyQyUyMGElMjBwbGFjZXJhdCUyMGVuaW0lMjBmYWNpbGlzaXMlMjBzZWQuJTIwTnVsbGFtJTIwZGFwaWJ1cyUyMGVyYXQlMjBhYyUyMGRpZ25pc3NpbSUyMGltcGVyZGlldC4lMjBNYXVyaXMlMjB0ZW1wdXMlMjBuaXNsJTIwb3JjaSUyQyUyMGF0JTIwZnJpbmdpbGxhJTIwc2FwaWVuJTIwZGljdHVtJTIwc2l0JTIwYW1ldC4lMjBEb25lYyUyMGFjJTIwbGFjdXMlMjBlZ2V0JTIwbWFzc2ElMjBtYWxlc3VhZGElMjBzYWdpdHRpcy4=[/vc_raw_html][/vc_column][vc_column width=”1/2″][vc_raw_html]dWxsYW0lMjBlZmZpY2l0dXIlMjBleCUyMGV0JTIwcHVydXMlMjBjb25kaW1lbnR1bSUyMHJ1dHJ1bS4lMjBGdXNjZSUyMGhlbmRyZXJpdCUyQyUyMG9kaW8lMjB1dCUyMGZhY2lsaXNpcyUyMGZpbmlidXMlMkMlMjBzZW0lMjBhbnRlJTIwZGFwaWJ1cyUyMGxlbyUyQyUyMGElMjBwZWxsZW50ZXNxdWUlMjBhcmN1JTIwYXJjdSUyMGV0JTIwZXN0LiUyME51bGxhbSUyMGZlcm1lbnR1bSUyQyUyMGFudGUlMjBxdWlzJTIwc2VtcGVyJTIwcGVsbGVudGVzcXVlJTJDJTIwYXJjdSUyMHNlbSUyMHZvbHV0cGF0JTIwbnVsbGElMkMlMjBub24lMjB0ZW1wdXMlMjBsYWN1cyUyMGZlbGlzJTIwbmVjJTIwbGVjdHVzLiUyMEludGVyZHVtJTIwZXQlMjBtYWxlc3VhZGElMjBmYW1lcyUyMGFjJTIwYW50ZSUyMGlwc3VtJTIwcHJpbWlzLg==[/vc_raw_html][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”60px”][vc_column_text]
Pricing Tables
[/vc_column_text][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column]
- Quisque suscipit imperdiet
- Praesent elementum
- Aenean porta dignissim
[/plan][plan title=”Professional” price=”39$/month” button=”Purchase” sticker=”New” sticker_color=”green” url=”url:%23|||”]
- Quisque suscipit imperdiet
- Praesent elementum
- Aenean porta dignissim
[/plan][plan title=”Business” price=”59$/month” button=”Purchase” url=”url:%23|||”]
- Quisque suscipit imperdiet
- Praesent elementum
- Aenean porta dignissim
[/plan]
Columns
[/vc_column_text][vc_empty_space height=”60px”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Half
[/vc_column_text][vc_column_text]Suspendisse congue accumsan diam sit amet dapibus. Cras in pulvinar lacus, nec ultricies lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut erat vitae quam maximus bibendum justo.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Half
[/vc_column_text][vc_column_text]Suspendisse congue accumsan diam sit amet dapibus. Cras in pulvinar lacus, nec ultricies lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed ut erat vitae quam maximus bibendum justo.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Third
[/vc_column_text][vc_column_text]Nulla facilisis lorem sed lorem varius porttitor. Fusce in augue finibus, venenatis lectus id, ornare velit. In dictum elementum quam quis aliquet.[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Third
[/vc_column_text][vc_column_text]Nulla facilisis lorem sed lorem varius porttitor. Fusce in augue finibus, venenatis lectus id, ornare velit. In dictum elementum quam quis aliquet.[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Third
[/vc_column_text][vc_column_text]Nulla facilisis lorem sed lorem varius porttitor. Fusce in augue finibus, venenatis lectus id, ornare velit. In dictum elementum quam quis aliquet.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Fourth
[/vc_column_text][vc_column_text]Proin sit amet lacinia massa. Cras at quam sit amet leo pretium varius vitae eu tortor. Interdum malesuada fames.[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Fourth
[/vc_column_text][vc_column_text]Proin sit amet lacinia massa. Cras at quam sit amet leo pretium varius vitae eu tortor. Interdum malesuada fames.[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Fourth
[/vc_column_text][vc_column_text]Proin sit amet lacinia massa. Cras at quam sit amet leo pretium varius vitae eu tortor. Interdum malesuada fames.[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Fourth
[/vc_column_text][vc_column_text]Proin sit amet lacinia massa. Cras at quam sit amet leo pretium varius vitae eu tortor. Interdum malesuada fames.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”30px”][/vc_column][/vc_row][vc_row][vc_column width=”1/6″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Sixth
[/vc_column_text][vc_column_text]Vivamus vitae erat nunc. Fusce at arcu ut augue interdum lobortis.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Sixth
[/vc_column_text][vc_column_text]Vivamus vitae erat nunc. Fusce at arcu ut augue interdum lobortis.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Sixth
[/vc_column_text][vc_column_text]Vivamus vitae erat nunc. Fusce at arcu ut augue interdum lobortis.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Sixth
[/vc_column_text][vc_column_text]Vivamus vitae erat nunc. Fusce at arcu ut augue interdum lobortis.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Sixth
[/vc_column_text][vc_column_text]Vivamus vitae erat nunc. Fusce at arcu ut augue interdum lobortis.[/vc_column_text][/vc_column][vc_column width=”1/6″][vc_column_text el_class=”text-semibold offsetBottomS”]
One Sixth
[/vc_column_text][vc_column_text]Vivamus vitae erat nunc. Fusce at arcu ut augue interdum lobortis.[/vc_column_text][/vc_column][/vc_row]