Getting Started




Welcome to edon


Hi,
We have a made a solid effort to provide as much documentation and information about edon Template, the way it was built, the way it works and its features. If, however, you find anything lacking from this document or you have any questions, do not hesitate to contact us at support@pixelsharmony.com or submit a ticket through our help desk located at http://www.support.pixelsharmony.com/?envato_item_id=17356091.

If you are unable to find your answer in this documentation, don’t hesitate to sign up & submit a support ticket here: edon's Support Channel with your site’s FTP and WordPress Admin details. Our top-notch support team are extremely enthusiastic to solve your issue as soon as possible, just give them a chance. Enjoy your time here.
Cheers,
Pixelsharmony.




Theme Requirements


To use edon, you must be running WordPress 4.0 or higher, PHP 5.6 or higher, and MySQL 5 or higher. We have tested it with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

  • Check to ensure that your web host has the minimum requirements to run WordPress.

  • Always make sure they are running the latest version of WordPress.

  • You can download the latest release of WordPress from official WordPress website.

  • Always create secure passwords for FTP and Database.

Hosting is more secure when PHP applications, like WordPress, are running using your account’s username instead of the server’s default shared username (www or www-data). The most common way for hosting companies to do this is using PHP. Just ask your potential host if they run PHP or something similar.

Recommended PHP Configuration Limits

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

  • Max_execution_time 180

  • Memory_limit 128M

  • Post_max_size 32M

  • Upload_max_filesize 32M




WordPress Knowledge Base


To install edon – your powerful Woocommerce theme, you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex. Below are all the useful links for WordPress information:







Installation




Theme Installation


After purchasing edon, please download the package from ThemeForest. All you need to do is moving your mouse over your login name at the right top corner – after you log in ThemeForest, and then click Downloads.

Here you will find all the items that you have purchased. Hover to Download button next to edon, you will see these download options:

  • Installable WordPress file only which you can upload when installing theme

  • All files & documentation (full zip folder). You will need to extract and locate the installable WordPress file to upload when installing theme

Install theme via WordPress

Step 1 - Navigate to Appearance > Themes

Step 2 - Click Add New, then click Upload Theme > Choose File

Step 3 - Navigate to the .zip file on your computer, then click Install Now


Step 4 - When the installation complete, click Activate. You will be redirected to Themes page with edon activated.

Install theme via FTP

Step 1 – Log into your server installation via FTP. You can use software such as Filezilla for this.
Step 2 – If you have downloaded Installable WordPress file only, please unzip the edon.zip file. If you have downloaded the All file & documentation package, please unzip the edon.zip file and then unzip the secondary edon.zip file which will give a edon folder.
Step 3 – Upload the extracted edon folder to the wp-content > themes folder on the server. Make sure the folder name is ‘edon’.
Step 4 – Log in to your WordPress Dashboard and navigate to Appearance > Themes and clicking the Activate button, for the edon theme.




Plugin Installation

Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and enable your chosen theme. Once you have enabled the theme, you need to make sure you have everything necessary to use it properly. To do this, please go to Appearance > Install Plugins to install the necessary plugins such as Visual Composer & edon Plugin

For the last step, navigate to Appearance > Themes Options and click on Save Options to make sure everything is workin fine.

You have completed the first step and you're good to go..! Start adding your Content and show off your Brand New Beautiful Website in style.




Warning!
While installing your theme through wordpress admin, you may encounter an error message saying “are sure you want to do this?”. This is mainly due to your hosting php settings. The theme zip file is roughly around 6mb and in some hosting providers, the default value for max_upload_limit left default which is 2mb. To solve this problem you should either increase your maximum upload size (to 10mb) on your hosting admin panel or ask your host to do it for you if you do not have the privilege to alter your server php settings. This is a very common request and they should be able to help you out. Once the limit is increased you can re-try the install and you’ll be all good to go.




Demo Installation


This theme comes with importable dummy content, such as pages, products blog posts, portfolio items, etc, to help you get started in case you're running on a fresh WordPress installation.

You can install the demo content from Appearance > Import Demo Data. Choose which demo you would like to import and click on Import button.





In case if Import fails or stalls?

If the import stalls and fails to respond after a few minutes, or it fails with a simple error message like “Import failed,” You are suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase those limits to a minimum as follows:

  1. max_execution_time 600
  2. memory_limit 128M
  3. post_max_size 32M
  4. upload_max_filesize 32M

You can verify your PHP configuration limits by installing a simple plugin found here: Wordpress php info . And you can also check your PHP error logs to see the exact error being returned.







Update




Before Updating


1. It Is Always Recommended To Backup Your Current Setup
We recommend you have a current backup of your site. Simply go to Theme Options >> Import / Export and export your backup.

2. Do Not Keep Older Copies of The Theme In WP Theme Folder
You should completely remove all previous theme folders before adding the new updated theme folder. Don't just rename the theme folder. If you rename your theme folder when you update, then the path will be no longer valid. Because WordPress stores menus and widget settings and some other settings by folder path, you will need to rename your theme folder back to what it was before, then your settings, menus, widgets will be restored. So the total renaming process has no meaning.

3. Reset Browser Cache, Server Cache And Plugin Cache
It is always recommended to reset your browser, plugin, and server cache when you update. Visual issues may happen and more often than not, its caused by caches, and they need to be emptied. Each browser allows you to remove cookies, history and other data. If your theme or Pixelsharmony Core version is not updated after uploading the new files, it is due to a server-side caching system. Some hosting providers have server-side cache systems installed to optimize the speed of content delivery, please clear any server-side cache or ask your host to do it. This is also true for google pagespeed setups or cloudflare setups.

4. Update Child Theme
If you have copied template files from parent theme to child theme, please make sure to revert to parent theme first to confirm if the issue exists there too. If it doesn’t, please update the templates copied to child theme with the parent theme.

5. Required & Recommended Plugins Must Be Updated
When you update the theme, you will see a notification message in your admin telling you the required and recommended plugins need to be updated. Follow the onscreen prompts to install the plugin updates. We have listed some required plugins and they have to be installed and activated for theme features to work. Make sure you are always using the most recent version of these plugins. You will be prompted to install it upon installing or updating your theme. If you dismiss the prompt or do not see it, then you can go to Plugins >> Installed Plugins >> Update Available (if have) and update the plugins there.




Updating the Theme


There are 2 methods to update our wordpress themes to newer version. These new updates are essential if you want to have a bug free website as we give new features and improvements to the theme over time. some of these updates might be needed in order to make the theme compatible with wordpress newer versions. there is no risk on losing your settings and pages. However if you have done modifications on core theme files, then they will be lost, so you should back up those files.

Update Through Wordpress Admin Panel

  • For this method you should first install Theme Upgrades Tool (http:// wordpress.org/plugins/easy-theme-and-plugin-upgrades/)
  • Unzip the file you just downloaded from ThemeForest and locate the WordPress Theme. (eg. edon.zip)
  • Log into your WordPress Dashboard.
  • Click on Appearance > Themes. Still within the Themes section, on header tab, click on Add New, then on header second tab click Upload Theme.
  • Click Browse… and locate the new theme file. (eg. edon.zip)
  • In the Upgrade existing theme? option choose Yes from the dropdown list.
  • Click ”Install Now”
  • Click ”Activate”

Updating using a FTP software

  • Login into your Themeforest account and go to downloads (Dashboard > Downloads)
  • Download the theme into your computer
  • Install an FTP program (Filezilla is free)
  • Retrieve your FTP login information from your hosting admin panel and login into your hosting via FTP
  • Unzip the item main file
  • Locate edon.zip and unzip it. make sure your unzipping software do not create extra directory with the same name nested into each other.
  • Drag and drop theme main folder into your FTP program with the destination : YOUR_HOSTING_ROOT/YOUR_SUBDIRECTORY/wpcontent/ themes/
  • FTP program will give a warning that there is an existing with the same directory name, choose replace all.

Also, remember to clear your browser cache after each update if you notice anything off. Old theme files can persist in your local cache and make you think something's wrong.







Page




Setting up your front page


To set up your front page, you need to create two pages:

Create a page using the integrated Visual Composer and name it “Home Default” Then go to Settings -> Reading and click on “A static page (select below)” as shown:




Create A New Page


Step 1 – Navigate to Pages in your admin sidebar and click Add New option.


Step 2 – Enter a new name for your page, then find the Page Attributes box on right side to set your Parent page.


Step 3 – Scroll down to Settings box and hit each tab of Page Intro Settings, Header Settings, Page Background, Page Border, Footer Settings to make settings.








Use Visual Composer To Build Page


To utilise this theme to the maximum, you need to get acquainted to using Visual Composer.

We have added custom Visual Composer Elements on top of the default ones to create unique layouts. You can find these extra elements under the by ph shortcodes tab inside Add Element window:







Shortcodes and most of the elements are self-explanatory, but we ‘ll show you the complex ones to get you started.



Step 1 – Choose Backend Editor or Frontend Editor to edit your page. Backend Editor gives you the backend interface while Frontend Editor gives you the user interface. Visual Composer works with both.
Step 2 – Choose Add Element to start adding our premade elements to your new page.

Step 3 – Choose elements you want to add to your new page in the element box and start editing them.

Explore more about Visual Composer here.




How To Change Page Title


Step 1 – Go to Pages > All Pages. Then point at the page you want to edit. You will see the Quick Edit option.


Step 2 – Edit the title as you want. Delete the current slug. Then hit Update. It will automatically generate new slug for your page.


You can also edit some other options such as parent, template, status... If you want to edit more options, hit Edit instead of Quick Edit.










Post




Create A New Post


Step 1 – Navigate to Posts > Add New in your WordPress admin sidebar.
Step 2 – Create a title, and insert your post content in the editing field.
Step 3 – For a video/audio post, head to Pixels Harmony Options tab and under Video Settings just simply paste the video/audio URL into the Embed Code field.
Step 4Add Categories from the right side. Categories is meta information you create for the post. Each category is a meta link that your viewer can click to view similar type of posts. To assign it to the post, check the box next to the Category name. You can also access and edit Categories from the Post sidebar item in your WordPress admin sidebar.
Step 5Add Tags from the right side. Tags is meta information you create for the post. Each tag is a link that your viewer can click to view similar type of posts. Type the name of the tag in the field, separate multiple tags with commas. You can also access and edit Tags from the Post sidebar item in your WordPress admin sidebar.
Step 6 – For a single image, click the first Featured Image Box, select an image and click the Set Featured Image button.
Step 7 – You can also customize Page Title & Sidebar Options in Settings.
Step 8 – For a Quote Post, do not forget to add a Quote in Pixels Harmony Options tab and under Quote Settings and select Quote Format as format of post.
Step 9 – For a Gallery Post, do not forget to add a Images in Pixels Harmony Options tab and under Gallery Settings and select Gallery Format as format of post.
Step 10 – You can choose color for every single post, just set color in Item color tab on right side.
Step 11 – Once you are finished, click Publish to save the post.
Here is the screenshot that shows the various areas of the blog post page:




WooCommerce




Set Up An Online Store


In this section, you’ll learn to set up an online store with WooCommerce plugin
Step 1 – Be sure that you’ve installed WooCommerce. Check the plugin section.

If you haven’t install or activate WooCommerce, get back to Plugin Installation section.
Step 2 – Configure general settings for your WooCommerce store such as currency, tax, checkout, shipping, etc. by navigating to WooCommerce > Settings

Step 3 – To create new order: Hit Orders > Add Order.

Step 4 – To create new Coupon: Hit Coupons >> Add Coupon.

For more settings of WooCommerce, click here.







Knowledge Base







Setting up Home and Blog pages


After activating edon theme you should add your first pages. Here are steps how to create your home and blog pages :

  1. Create a Front Page: In Pages choose Add New Page.
    • Title it "Home".
      1. If the WordPress Theme offers an option to change the look and feel of the front page, select the Template in the Page Attributes panel box.
      2. Add content you would like to see within the content area of the static front page, or leave it blank if it is a Dynamic front page.
      3. Publish the Page.
  2. Create a Blog Page: If choosing to add a blog, choose Add New Page again.
    • Title it "Blog," "News," "Articles," or an appropriate name.
      1. Do not use a custom Page template for this page. The template files home.php or index.php will be used to generate this page in the Theme.
      2. DO NOT add content. Leave it blank. Any content here will be ignored -- only the Title is used.
      3. Publish the Page.

        Reading panel

  3. Go to Administration > Settings > Reading panel.
    • Set Front page displays to a static page
      1. In the drop down menu for Front Page select "Home."
      2. In the drop down menu for Posts page select "Blog" or the name you created, or leave it blank if you will not feature posts on the site.
      3. Save changes.

While we are calling this a "static front page," you may edit the content on that web page at any time by editing the "Home"





Setting up and using theme and page options


Navigate to Appearance > Theme Options to set up your desired options. Most of these options are self-explanatory so you should just navigate to option you want to edit.

Under General Options you can find various options for page and general settings. First option is "Page Container Width" and here you can adjust your page container width, default is 1480px but you can adjust as you will. To turn page preloader on or off, check checkbox button and decide which style you want to use and it will show before loading entire page.

Choosing website main color is very easy, just scroll down to "Website Main Color Picker" and choose color which best suits you.

Setting up your logo is very important so to do that, navigate to "Header Settings" and upload your logo. Be sure to upload light(white) colored and dark(black) colored logo so when you choose which header you want to use to be able to show them properly. Also don't forget to adjust height of logo so it can fit perfectly. Default height of logo is set to be 30px, you can change that of course.

Also while you are under Header Settings, be sure to check every header type settings. We currently made 12 different styles of header just for you and every of these headers are unique and have it's own settings. Under each tab you can adjust it's header settings. It depends which you choose to use. Under "Footer Settings" you can customize settings for footer and copyrights, choose background color or image, text, link and heading color and also choose on of 8 different styles of footers.

To set typography navigate to "Typography" section. We have integrated all Google fonts so you can choose any you like or if you prefer to use Typekit fonts, just head to "Typekit Fonts" tab and instert your Typekit ID and your fonts will be integrated. Under "General Options" tab you can select which font you would like to use for headings as well as for paragraphs. Under "Advanced Options" are detailed options for customizing your preferred font style.

Under "Mobile Settings" you can choose which option you would like to show in mobile header, toggle which option you want to use.

Also if you want to use Google Maps in your website it is very important to insert you Google API key. Just head to "Google Settings" and insert your key there.

Also if you want to use Mailchimp in your website it is very important to insert you Mailchimp API key. Just head to "MailChimp Settings" and insert your key there.

Please do not forget to click "Save Options" button. Whichever change you made always save options in order to see them apply.

For every page you create we provided additional page options which you can use to customize your site layout. Under "Page Intro Settings" tab you can choose if you want to use minimal intro on your page to describe page features on beginning. Also you can customize that intro by choosing font color or background color or uploading and setting picture background, it is all up to you how you want to style your minimal intro.

For every page you can choose which header to use on that page. Do not forget to choose Header Style which is color of menu navigation. If you decided to use white background header or transparent with white background of page choose dark for header style to be able to see your navigation.

Page Border is great feature if you want add more color style to your page. If you decide to use page border on your page, do not forget to insert border size in pixels and which ever size you enter your content will fit perfectly. Also you can choose color of border and which style you want to use.

You can also choose if you want to show footer on page or not. Just toggle checkbox to get desired option.




Setting Up And Using Shop Options And Shortcodes


There are two ways to set Shop on your page. You can set it up through Theme Options or as shortcode, choose whichever option is best for you. In next images we will show you how to set up on both ways. First option is through Theme Option. Navigate to Appearance > Theme Options > Shop Settings and you'll get next screen.

Navigate to Product Page Settings tab to set settings for product page.

In next images we will show you how to set up Shop pages using Shortcodes. Navigate to page where you want to insert shop and through Visual Composer choose one of three different layouts which we provided for you. Each of these layouts is unique and shows your products in different order and style.

In next sample example we used Shop Grid as showcase layout. After choosing shop layout type, settings box will show up where you can choose settings for that layout.

  • Choose in how many columns you want to show your products, you can choose from 2 to 5 columns. Notice that these columns are for large screens only, for smaller screens we created columns to fit perfectly so on any screen your products are show in best view port.
  • Currently you can choose between two styles. Choose whichever you prefer most. In future we will provide more style layouts.
  • You can choose to show pagination if you have more products. We provided three style of pagination for you, be free to play around and to choose whichever suits you the best.
  • For shop items, enter how many you want to show in current page and rest of them can be divided using pagination.
  • We added transition on shop items so your products can smoothly show on page. Choose whichever suits you the best.
  • If you want you can show filter on page so customers can filter products. If you decide to use filter on your page
  • Also you use sorting option so customers can sort products.

You can also add shop pricing filter to filter your products by price. We crated pricing filter as separate shortcode so to use it just add it as shortcode.

And do not forget to click Save & Update link to show your changes on your page.




Using Blog Shortcode


Follow these steps :

  1. Add a Blog Grid VC Element to the Page
  2. Edit settings for Blog Grid
  3. Hit update to make changes to your site
 
  • Choose in how many columns you want to show your blog items, you can choose from 2 to 5 columns. Notice that these columns are for large screens only, for smaller screens we created columns to fit perfectly so on any screen your blog items are show in best view port.
  • Choose one of 3 different blog layouts
  • You can choose to show pagination if you have more blog items. We provided three style of pagination for you, be free to play around and to choose whichever suits you the best.
  • For items per page, enter how many you want to show in current page and rest of them can be divided using pagination.
  • We added transition on items so your blog items can smoothly show on page. Choose whichever suits you the best.
  • Also you use choose to use padding an extra space between items.



Using Blog List Shortcode


Follow these steps :

  1. Add a Blog List VC Element to the Page
  2. Select settings for Blog List
  3. Hit update to make changes to your site
 
  • For items per page, enter how many you want to show in current page and rest of them can be divided using pagination.
  • You can choose to show pagination if you have more blog items. We provided three style of pagination for you, be free to play around and to choose whichever suits you the best.
  • We added transition on items so your blog items can smoothly show on page. Choose whichever suits you the best.



Using Blog Masonry Shortcode


Follow these steps :

  1. Add a Blog Masonry VC Element to the Page
  2. Select settings for Blog Masonry
  3. Hit update to make changes to your site
 
  • Choose in how many columns you want to show your blog items, you can choose from 2 to 5 columns. Notice that these columns are for large screens only, for smaller screens we created columns to fit perfectly so on any screen your blog items are show in best view port.
  • Choose one of 3 different blog layouts
  • You can choose to show pagination if you have more blog items. We provided three style of pagination for you, be free to play around and to choose whichever suits you the best.
  • For items per page, enter how many you want to show in current page and rest of them can be divided using pagination.
  • We added transition on items so your blog items can smoothly show on page. Choose whichever suits you the best.
  • Also you use choose to use padding an extra space between items.



Using Call to Action Shortcode


Follow these steps :

    1. Add a Call to Action VC Element to the Page
    2. Edit settings for Call to Action
    3. Hit update to make changes to your site

Choose settings which best suits your desires.

  • Choose one of three provided layouts for your call to action. Each layout has different style so choose one which you like the most.
  • Choose between background image/video and color. If you choose background image/video to use then you should upload your image or choose one from image gallery.
  • Overlay Image/Video is option to use overlay background color to set it over image/video. You can also set color opacity to make your image/video visible. Default opacity is set to 30%. Choose whichever suits you the best.
  • CTA Padding Size is option set for you to choose between 3 options. Use one which is best for you. Default is medium.
  • In heading area you should add title for your call to action element
  • In Subheading add your desired content
  • To use button just choose from dropdown list button like shown in image and tab for button properties will show. In next image we will show button tab properties.



Using Hero Section Shortcode

Follow these steps :

  1. Add a Hero Section VC Element to the Page
  2. Edit settings for Hero Section Intro
  3. Hit update to make changes to your site

Choose settings which best suits your desires.

  • Check parallax option if you want to use it for your shortcode. It will only work if you choose to use image/video for background instead of image.
  • Choose between background image/video and color. If you choose background image/video to use then you should upload your image or choose one from image gallery.
  • Overlay Image/Video is option to use overlay background color to set it over image/video. You can also set color opacity to make your image/video visible. Default opacity is set to 30%. Choose whichever suits you the best.
  • Image/video intro height is option to set height of your shortcode. You can choose between three options, 50%, 70% or 100%. Percentage is height of the screen.
  • Inside Content Options tab insert your desired content.
  • Choose alignement of your content to be centered or lefted or righted.
  • Choose Text Style for color of text. You can choose between black and white color.
  • If you decide to add button, under General tab be shure to check Add Button check box and new tab with button options will apear. There you can customise your button settings.



Using Google Map Options and Shortcode


To use Google Map in theme you should provide google map api key and insert it into theme options settings. Find your google map api key and if do not have one, just register here on this site :

Google Map Api Key.

Navigate to Appearance > Theme Options > Google Settings and paste your code there.

After that just head to your page and find Google Map shortcode and be free to use it.

Edit settings for Google Map shortcode :

  • Width (in %) -> Insert your desired with of maps or leave it as it is. Don't forget to add "%" after number.
  • Height (px/vh) -> Add height for map. You can choose to add in pixels or vh. Whichever you choose just don't forget to add it at the end of number. Like 50vh.
  • Map type -> Choose which map type you want to use. You can choose between 4 types.
  • Latitude -> Choose to find your location. There is help tool bellow if you can't figure your latitude.
  • Longitude -> Choose to find your location. There is help tool bellow if you can't figure your longitude.
  • Map Zoom -> Choose to set zoom of your map.

Info window tab is place where you can add additional text if map icon is clicked.

Marker tab is is place where you can upload your custom map marker if you want or you can leave a default one.

In Advanced tab we have provided more additional options for your map settings. All options are self-explanatory so choose desired one.




Using Empty Space Shortcode


To add empty space between your shortcodes choose Empty Space shortcode and decide how much space you want to add between elements in px.

Just do not forget to add px after number size.




Contact Form







Contact Form Setup


Contact forms on edon use the Contact Form 7 plugin. It is very easy to set it up, you can download it from https://wordpress.org/plugins/contact-form-7/ and get the documentation from http://contactform7.com/docs/.

First head to Contact=>Add New and in Form tag enter html sample structure*

The sample form that we are using, uses the below html structure:

                                      
                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group">
                                        <label>Your name</label>[text* name]
                                        <div class="help-block with-errors"></div>
                                        </div>
                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 form-group">
                                        <label>Your email address</label>[email* your-email class:required]
                                        <div class="help-block with-errors"></div>
                                        </div>
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                        <label>What's your budget range?</label>
                                        <ul class="checkbox-list">
                                        <li><label>[checkbox* budget "Low Budget"]</label></li>
                                        <li><label>[checkbox* budget "$1,000 - $2,000"]</label></li>
                                        <li><label>[checkbox* budget "$3,000 - $5,000"]</label></li>
                                        <li><label>[checkbox* budget "$6,000 - $10,000"]</label></li>
                                        </ul>
                                        </div>
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                        <label>Your Message</label>[textarea* myText-area class:required rows:8 tabindex:11]
                                        <div class="help-block with-errors"></div>
                                        </div>
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group"><button type="submit" class="btn btn-md btn-default"><span>Send Email</span><span class="btn-reveal">Send Email</span></button></div>
                                      
                                    

In Mail section enter your mail details like :


Credits










CSS





Visual Composer


  • Text Rotator
  • Testimonial Slider
  • Testimonial Carousel
  • Testimonial
  • Team Members
  • Swiper Slider
  • Social Share
  • Shop Price Filter
  • Shop Masonry Mixed
  • Shop Masonry
  • Shop Grid
  • Promo Boxes
  • Progress Chart
  • Pricing Table
  • Modal Video
  • Message Boxes
  • MailChimp Newsletter
  • Latest Products Carousel
  • Latest Posts
  • Intro Text
  • Icon Box
  • Hero Section
  • Google Map
  • Flat Icon Box
  • Featured Box
  • Empty Space
  • Call To Action
  • Counter
  • Countdown
  • Clients Carousel
  • Clients
  • Blog List
  • BLog Masonry
  • Blog Grid
  • Blockquote
  • Background Image Box
  • Animated SVG Box