Elements of Reload

Reload comes with the Visual Composer (value $34), a visual layout builder that allows you to forget about syntax of shortcodes and create multiple layouts within minutes without writing a single line of code! You can edit, delete, increase and decrease the size of each item.
Furthermore, you can reorder the elements, copy-paste and save templates. It has very simple and instinctive interface!

Lets’s take a brief look at the elements:

1. Titles

This element will create a title that you can use to introduce a new section in a page or even an element. You can set the alignment, the header you prefer and the line-style(if you use a line).

2. Dividers – Gaps

With this element, you can create a divider (with line or only gap) to better separate your elements and sections. Additionally, you can split you pages by using full-width dividers.

3. Quotes

Reload comes with 2 styles for your quotes. Just add your text and choose your style.

4. Dropcaps

Two more styles for dropcaps. Add your text and choose your style. Just like Quote element.

5. Lists

You can simply create a list with the Font Awesome web icon font you prefer and choose the icon color as well.

6. Buttons

The button element is an easy way to add a styled button to your page. Just choose the appropriate type (simple, line, advanced), size and color, fill out the other fields (text, link, hover text for advanced) and off you go!

7. Icon Box

Reload comes with 2 basic styles for icon boxes, small and classic. You can use any Font Awesome web icon font, upload a png icon or even write a character(letter or number)! Give title, text, link, align, add the white background (if you wish).

8. Media Box

Media for Reload means image, video or map. Combine one of these with title, text, link and you’re ready!

9. Image Text

With this shortcode you can simply upload an image(with a video popup if you like), title, text and button(any type).

10. Slogan

The slogan element creates a slogan with two buttons. Simply add title, subtitle, text, line-style and buttons(1 or 2).

11. Call-Out

This shortcode comes with 2 different styles. Simply choose your preferred style, give a title, your test, button and off you go.

12. Single Image

Upload a single image and give the align, animation, the link you wish. Additionally, you can use a popup video.

13. Slider

This element is just a simple slider. Upload your images and that’s all! Keep in mind that you can expand element to full width.

The Gallery element has 3 different styles for showing your image galleries. Fitrows, Masonry and Stamp gallery. You can also create full-width galleries.

15. Message Box

With this element you create a message text with an icon and background color.

16. Google Map

Give the address you like and your map is ready. Upload the marker you like, set the height and type. Don’t miss to expand your map to full-width if you wish.

17. Video

You can just add a video(Youtube, Vimeo), even full-width video.

18. Accordion – Toggle

This element creates an accordion-toggle panel that expands when the user clicks on the title to reveal more information. Two different styles is provided.

19. Tabs

Simply add tabs as needed until you are ready. Choose among horizontal and vertical tabs.

20. Testimonial

This element creates a nice slider out of your testimonials items. Go Testimonial > Testimonial Items and create your testimonials. Additionally you can choose among horizontal or vertical navigation and the categories you want to show.

21. Pricing tables

Pricing tables is used to display any subscription options in an appropriate column. Create the tables you wish (don’t overdone with this,4 tables per row are enough) and add your data.

22. Progress Bars

This element creates horizontal bars that animate to the percent given. The best way of showing your skills in a visual way.

Upload photos(mainly logos) for the content of an attractive carousel. Define the number of images per screenshot and expand it to full width if you wish.

24. Social Share

With this element you can simply add social media icons anywhere in your pages.

25. Team Member

This element takes in a quick profile for a team member/employee and formats it attractively. Add the information you wish and select among two styles.

26. Promo Advanced

This is a unique element. You can easily create a nicely colored tabbed section with image (logo), text and button. Just create multiple Promo Advanced elements (in the same row) and define the color you prefer for this row. Automated opacity of the main background color (row background color) will be set in each element. This creates very appealing and interesting areas to show off your partners or anything else you wish.
Promo Advanced should only be used on pages without sidebars.

27. Blog

You can easily create a blog page or just insert a blog section in a page. Select the categories and the style you wish.

28. Portfolio

This element is just like Blog element. Make a nicely presentation of your portfolio. Simply select the style and categories you like.

29. Contact Form

With this element, you can simply use any contact form 7 you’ve created. *

In the majority of the elements, you can define CSS animations with time delay.
In each element, you can set the margin-bottom so you can easily define your spaces. Keep in mind that the default margin is 30px.
In case you 'd like to style your contact form 7 just like in Reload preview create a form by using the lines below:
<p class="grve-form">[text* grve-form-name placeholder "Name (required)"][email* grve-form-mail placeholder "E-mail (required)"][text grve-form-subject placeholder "Subject"][textarea grve-form-textarea class:grve-form-7][submit class:grve-btn "Send Message"]</p>

Additionally, don ‘t forget to update the mail fields just like the screenshot below in order to make the form work.