ZAP FAQ

Hi, now that you are using our AWESOME Zap Theme, you might be having some questions...


Q: My SVG images don't appear on my website...What is happening?!

A1: This is a problem relative to your webserver that doesn't support this kind of mime-type... So you can manage that issue, you'll have to contact your webserver provider and ask if they can set "mime-type sag" that is missing on your apache. You can fix it by yourself if your provider doesn't do that for you, just by adding that mime-type to your httpd.conf to your server and then the icons should appear fine!

A2: You can also manage that by adding the following code to your .htaccess file in WordPress:

AddType image/svg+xml .svg .svgz

AddEncoding x-gzip .svgz



Q: When installing this theme, I got the following error: "Are you sure you want to do this? Please try again." What should i do to fix this?!

A: Just follow the next steps here!

Q: When installing this theme, I got the following error: "Warning: POST Content-Length of xxxxxxx bytes exceeds the limit of xxxxxx bytes in Unknown on line 0. Are you sure you want to do this? Please try again." What should i do to fix this?!

A: Just follow the next steps here!

Q: I'm using Child-Theme option and my website's not changing when I make some modification...

A: If you changed the name from the theme folder, you'll have to follow the next steps here!

Q: Images resizing and bad ratio control on images with flexslider shortcode when importing XML.

A: This is not a problem with the XML, or even with slider. The problem resides on WP, that, when importing XML, he gets all the flexslider id's, and he groups them together. You can fix that, just by replacing the provided shortcode, and inserting a new flexslider slider shortcode. You can try the next shorcode, and see the changes:

[custom_slider id='slider_collection:21' height='' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='4500']



Q: When trying to activate some of the plug-ins I get the following message. Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 30720 bytes) in /public_html/wp-content/plugins/

A:If you have your theme currently installed on your local server, you need to edit your php.ini file. See on this link how to do it!

If you have it installed on a webserver, you have to contact your server provider, so they can make that change to your server files.

Q: On the footer area (left side) i can't set the copyright links working fine.

They always return "http://www.mywebsite.com/\"http:/www.mywebsite.com\"

A: You need to set that link on your href like this < a href=mywebsite.com > MyWebsite < / a >.

You need to set the href without any ", or '.

Getting started

We assume you have your own WordPress installation, so let's get started! if not, and if you don't know how to do that, check this link



1. Installationtop

There are 2 ways to install wordpress theme: upload unzipped theme via FTP or use the zipped file directly by on the wordpress theme installer .
You have to setup Wordpress first. (download it at : link)


1.1 Upload via FTP
  • Log into your site via FTP . (if you don't have any FTP program you can use FileZilla )
  • Browse to your folder located at yoursite.com/wp-content/themes
  • Upload the un-zipped theme folder
  • Login to Wordpress, in Left Menu go to Apperance -> Themes
  • Find & Activate the theme

1.2 Upload via Wordpress
  • Login to Wordpress
  • go to Appearance -> Themes
  • you will see Install Theme tabs. click Upload right below the tab
  • Click choose file, browse to theme folder and choose the file zap-installable.zip, click Install and wait for a seccond.
  • Activate the theme

Notice: Install Error
If you notice the following error when you install the theme "Are you sure you want to do this? Please try again." use this zip instead of the other zap-noplugins.zip. After that, when the theme is installed, upload the plugins, you can find them on the folder "Plugins".

Notice: Install Warning
If you notice the following warning when you try installing the theme with the zip file "Warning: POST Content-Length of xxxxxxx bytes exceeds the limit of xxxxxx bytes in Unknown on line 0. Are you sure you want to do this? Please try again." it is probably the configuration of your php.ini. If you are installing the theme locally please configure your php.ini file and change value of the variables upload_max_filesize and post_max_size to something bigger like 32M. If you are installing the theme online you should contact your web host provider and ask them for this changes.

Notice: ZAP Child
In case you change the folder's name, you need to edit the themes-child style.css file (located <in your themes folder>/zap-child/style.css) and set the the exact same name (case-sensitive) in lines 5 and 8 in order to use the child theme.

2. Import & Setup Sample Datatop

The theme comes with Sample data (just like the theme preview) that allow you to create some dummy content to your site to help you get started with the theme.


2.1 How to Import the sample data?
  • You can find the zap.wordpress.2013-08-12.xml file in theme package in the folder Preview Demo Contents -> XML Demo Content.
  • Login to Wordpress, in Left Menu go to Tools -> Import
  • Choose Wordpress, if the plugin haven't not been installed , the popup window will show up and just click Install Now.
  • Click Activate Plugin & Run Importer
  • Click choose and browse to the zap.wordpress.2013-07-31.xml
  • Click upload file and import,
  • Wait a few seconds .


2.2 Importing Options

After installing the Sample Data through the XML provided, you'll have to install another XML, relative to the options.

These options let you have your website just like ours. and you dont have to upload all the content... This is awesome!! :D

Just take a look at the these easy steps:


  • 1. Go to Appearance > Zap Options Panel and select Import/Export Options.
  • 2. Now, just go to the Import section and click Upload.
  • 3. Browse your computer for the files, and locate Preview Demo Contents folder.
  • 4. Select zap_original_panel_options XML file.
  • 5. Click Apply Settings, and you'll have our Template settings!


2.3 Setting up the menu

Now go to Apperance -> Menus, box Theme Locations select the menu as the following image




  • 1. Create your new menus.
  • 2. Select the main menu you've already created.
  • 3. Select the footer menu you've already created.


2.4 Importing Sliders

You can also have the same sliders has we have on our template.

When importing the sample data XML, you'll be having the same preferences on Designare slider and FlexSlider.

So you can have also the Layer Slider and the Revolution Slider, you'll need to follow the next steps:


    Layer Slider

  • 1. Go to Layer Slider menu.
  • 2. Browse your computer for the file layerslider.txt, located on Preview Demo Contents / Plugins folder.
  • 3. Now, just copy the text file and paste it to Import Sliders, and click Import.

  • Revolution Slider

  • 1. Click on the button called Import Slider.
  • 2. Browse your computer for the file home-rev-slider.txt, located on Preview Demo Contents / Plugins folder.
  • 3. Click Import and you'll set your Revolution slider to work.


2.5 Setting up the Homepage & Blog page (post page).

You can easily use a static page as a homepage. Go to Settings -> Reading . In this case, I choose Home (static page) for my home page, and Blog for posts page.




3. Designare Admin Paneltop

This theme comes with a very powerful options panel. After the theme is installed you can access the options panel by logging into the Wordpress dashboard and clicking ZAP Options. All options are covered in the images below. Go to menu Appearance -> ZAP Options and discover it!



3.1 General

General options are the main settings you can choose to get your theme.



1. Main Settings

On Main Settings you have many options relative to your website definitions:

  • Logo
  • Slogan
  • Favicon

2. SEO

Seo makes your Website becomes more searcheable. Take a look on these options:

  • Google Analytics
  • Website Info

3. Archives

Some important definitions:

  • HomePage with Posts Listing
  • Blog Archive
  • Projects Archive

4. Blog

Blog settings:

  • Blog Reading Option
  • Blog - Single Post Options

5. Projects

Awesome displaying options for your projects:

  • Projects Display

6. Search

On this settings you can have search results on posts and pages or only on posts:

  • Search Results

7. Twitter

Twitter options so you can show your news on the fly.



3.2 Style Options

Manage some colors to your website making it absolutely awesome:



1. General

The global colors of your website:

  • Global

2. Fonts

You can set awesome buttons in your Zap template. Check it out:

  • Google API Fonts
This is an important feature:
  • Enable Google Fonts;
  • You have to select the font you want to use from Google Fonts;
  • Click "Add Font" Button;
  • Click "Save Changes" so your new fonts become selectable on the "6. Typography" options;

3. Menu

Your website body options:

  • Menu Style Options

4. Header

You can set awesome headers with plenty of options:

  • Header Style

5. Body

Your website body options.


6. Typography

You can also stylize your Typography:

  • Links
  • Paragraphs
  • H1 Tag
  • H2 Tag
  • H2 Tag
  • H3 Tag
  • H4 Tag
  • H5 Tag
  • H6 Tag


3.3 Top Panel

You can have a nice top panel with plenty of options:



1. Top Panel

You have a nice top panel you can had to your website:

  • Top Panel Settings


3.4 Widgets Area

Widgets you can add to your website



1. Footer

You can create till four columns and add there the widgets. You also can have a twitter scroller and set there your footer options

  • Footer Settings
  • Twitter Scroller
  • Others

    2. Sidebards

  • Create new sidebars (explained in step 7).




3.5 Newsletter

Check out all the step you need to take so you can have your newsletter on your website:



1. Newsletter Code

Check 19. Setting MailChimp Newsletter

  • Mail Chimp Newsletter


3.6 Language Settings

You can define your language into various places:



1. General


2. Projects


3. Blog


4. Comments


5. Search


6. Contact Form



3.7 Social

Are you registered in any social networks?! Add them here, where you have 25 places you can show on your theme




3.8 Slider Settings

There's a bunch of options you can set in your sliders, and have it working on your website:



1. Camera Slider

  • Show timeline
  • Show Controls
  • Show thumbnails
  • Transition Effect
  • Transition Duration
  • Slide Duration
  • Autoplay
  • Pause on Hover
  • Slider Height

2. Flex Slider

  • Show Direction Controls
  • Show Controls
  • Transition Effect
  • Transition Duration
  • Slide Duration
  • Autoplay
  • Pause on Hover
  • Slider Height

3. Revolution Slider

  • Revolution Slider Settings

There is a link where you are sent to Revolution Slider menu page where you can adjust the settings indivually for each created Revolution Slider.


4. Layer Slider

  • LayerSlider Settings

There is a link where you are sent to LayerSlider menu page where you can adjust the settings indivually for each created LayerSlider.



3.9 Import / Export Options

This is an Awesome feature that enables you to add your content preferences...

You dont wan't to be making your own content?! No problem, we deliver you that also... Just edit it as you'd like to!




4. Plugins Includedtop

In this theme you can find some featured plugins such as:



1. So you can use these features, you'll have to upload it to your website server through an FTP program such as Filezilla.

2. Upload them to plugins folder which is located in /wp-content/plugins/ .

3. On your wordpress admin panel, you need to go to plugins and activate them.

4. When active, they'll appear on your Custom Post Types menu.

5. Now you'll be able to use those nice plugins on your website. Just follow the documentation so you can use it well.



* WPML plugin isn't contained on this theme, but it's perfectly compatible with Zap Theme.

5. Designare Shortcodestop

This theme comes with a completely range of shortcodes.

    5.1 Buttons

    You can set awesome buttons in your Zap template. Check it out:



    You can check the result in our online preview


    GET THE CODE:
    								button
    							

    5.2 Addthis

    You have and account on Addthis?! Set it on too!




    This are the steps you need to take for adding Addthis feature:


    How to create it:

    1. Select your style in Addthis page.

    2. Pick your code by copying it.

    3. Go to shorcodes > Addthis and paste the code in here.


    GET THE CODE:
    									[addthis code='youraddthiscode']
    							

    5.3 Icon Font-Awesome

    300+ icons you can use!!



    GET THE CODE:
    									[i class='icon-search' color='#a114a1' font_size='12px']
    							

    5.4 Icon Designare

    48 custom made icons that you can also use!!



    GET THE CODE:
    									[desicon icon='icon27' size='big' css='noclass']
    							

    5.5 Tooltip

    You can have fantastic tooltips!!



    GET THE CODE:
    									[tooltip tooltip_content='I LOVE DESIGNARE THEMES' style='Light']
    									    Tooltip text trigger goes here.
    									[/tooltip]
    							

    5.6 Title Zap Style

    Customize your Zap Title!



    GET THE CODE:
    									[zaptitle title='Designare Themes are the Best']
    							

    5.7 Section Fullwidth Background

    Create a range of backgrounds.


    You can pick between color, pattern or image!


    GET THE CODE:
    									[fullwidth_section type='Color' color='#c20ec2'] Your content goes here. [/fullwidth_section]
    							

    5.8 Columns Layout

    You can set some collumns for better show your info!



    5.9 Typography

    Check out all of typography you can use:


    Headings typography





    Drop Cap typography


    You can have a nice Drop Cap in the beginning of your texts!




    Quotes typography





    Highlight typography


    1. Select a word you want to highlight in the midle of a text.

    2. Click on shortcodes > Typography > Highlight.

    3. You're ready to go! See how easy it was?!




    Custom typography





    Abbreviation typography






    5.10 Info Box

    The info boxes which you can use to display what you are feeling!!



    GET THE CODE:
    									
    Error box
    Information box
    Download box
    Note box
    Check box

    5.11 Featured Box

    You can have fantastic tooltips!!



    GET THE CODE:
    									[featured_box style='Fancy Border'] Your content goes here. [/featured_box]
    							

    5.12 Features

    Check out all our AWESOME features:


    Custom Sidebar



    GET THE CODE:
    									[custom_sidebar id='test']
    							



    Content Toggle



    GET THE CODE:
    									[toggle title_open="Close Me" title_closed="Open Me" hide="yes" include_excerpt_html="yes"]
    									    Content to be toggled.
    									[/toggle] 
    							



    Pricing Table



    GET THE CODE:
    									[css3_grid id='medicenter_blue'] 
    							



    Special Tabs



    You can check the result in our online preview


    GET THE CODE:
    									[special_tabs]
    									    [special_tab title="nice" icon="icon1" endoftab] Your Special Tab Content Here. [/special_tab]
    									    [special_tab title="really nice" icon="plus-sign" endoftab] Your Special Tab Content Here. [/special_tab]
    									[/special_tabs] 
    							



    Tabs


    You can create tabs easily to display your stuff!!


    You can check the result in our online preview


    GET THE CODE:
    									[tabs title="name"]
    									    [tab title="name" icon="icon-glass" id="tab-1"]name content goes here.[/tab]
    									    [tab title=" " icon="icon-icon1" id="tab-2"] content goes here.[/tab]
    									[/tabs]
    							



    Accordion



    You can check the result in our online preview


    GET THE CODE:
    								[acc]
    								    [section title="Section 1" icon="icon-icon1" id="sec-1"] Section 1 content goes here. [/section]
    								    [section title="Section 2" icon="icon-icon1" id="sec-2"] Section 2 content goes here. [/section]
    								[/acc]
    							



    Designare Icon


    Explain your services and add them a little bit more of visibility with Designare self-made icons!!



    You can check the result in our online preview


    GET THE CODE:
    								[desicon icon='icon1' size='big' css='s']
    							



    Font Awesome Icon


    Explain your services and add them a little bit more of visibility with font-awsome icons!!



    You can check the result in our online preview


    GET THE CODE:
    								[i class='icon-smile' color='#26b596' font_size='12px' ]
    							



    Service Balls


    You don't have a clue on what is that?!



    You can check the result in our online preview


    GET THE CODE:
    								[serviceballs title=""]
    								    [ball title="Service #1" color="#066d7f" icon="icon340" icon_url="" ][/ball]
    								    [ball title="Service #2" color="#08a7cc" icon="icon339" icon_url=""][/ball]
    								    [ball title="Service #3" color="#3fc6e2" icon="icon369" icon_url=""][/ball]
    								    [ball title="Service #3" color="#68cae5" icon="icon352" icon_url=""][/ball]
    								[/serviceballs]
    							



    Testimonials


    Show everyone what people say about you...




    GET THE CODE:
    								[testimonials title="testimonials" nshow="" hideauthor="no" hidecompany="no"]
    							

    You can check the result in our online preview


    5.13 Percentage Graphs

    Donuts Graphic


    Nice way to show your skills!



    You can check the result in our online preview


    GET THE CODE:
    								[donuts]
    								    [donut Percent="1"]Your text here.[/donut]
    								    [donut Percent="2"]Your text here.[/donut]
    								[/donuts]
    							



    Sliding Bars


    I think you know this one...No?! Take a look!



    You can check the result in our online preview


    GET THE CODE:
    								[bars_container]
    								    [bars Title="BACKGROUNDS" Percent="80"]
    								    [bars Title="COLORS" Percent="95"]
    								    [bars Title="SLIDES" Percent="100"]
    								[/bars_container]
    							



    Numerical Increment


    Another neat way to demonstrate your skills!



    You can check the result in our online preview


    GET THE CODE:
    								[numerical_container ]
    								    [numerical_item percent="30" unit="€" value_font_size="12" unit_font_size="12" jump="1"] Your text here. [/numerical_item]
    								    [numerical_item percent="50" unit="€" value_font_size="12" unit_font_size="12" jump="1"] Your text here. [/numerical_item]
    								[/numerical_container]
    							



    Circular Diagram


    I think you know this one...No?! Of course not... IT'S A NEW ITEM!! Take a look!



    You can check the result in our online preview


    GET THE CODE:
    								[diagram_container title="undefined"]
    								    [diagram color="#732873" percent="20"] Your text here. [/diagram]
    								    [diagram color="#4f494f" percent="100"] Your text here. [/diagram]
    								[/diagram_container]
    							



    5.14 Contacts

    Contact Form



    GET THE CODE:
    								[contact_form email="designarethemes@gmail.com" subject="Message from:" name_error="name is wrong." email_error="email is wrong." message_error="message field is wrong." success_message="email was sent successfully." unsuccess_message="email was not sent."] 
    							

    You can check the result in our online preview




    Google Maps


    • Go to Google Maps.
    • Enable "LatLng Tooltip" and "LatLng Marker".
    • To drop a LatLng marker, right-click and select "Drop LatLng Marker" in the contextial menu (then you can select and copy/paste the Latitude and Longitude from the marker).
    • This is much nicer and easier than looking for the Latitude and Longitude in the URL.


    GET THE CODE:
    								[googlemaps lat='38.706932' long='-9.135632' border='yes' width='590' height='300']
    							

    You can check the result in our online preview



5.15 Media

Images



You can check the result in our online preview


Youtube Video



GET THE CODE:
								[yvideo id="3i9f9W5vzQU" width="" height="" resize="no"]
							

You can check the result in our online preview


Vimeo Video



GET THE CODE:
								[vvideo id="69445362" width="" height="" resize="no"]
							

You can check the result in our online preview


Slider



GET THE CODE:
								[custom_slider id='slider_collection:2' height='' effect='fade' navigation='false' control_navigation='false' pause_on_hover='false' speed='3000']
							

You can check the result in our online preview


5.16 Recent Posts


GET THE CODE:
								[rposts title='title' category='all' total='' scroller='yes' posts_per_row='3' orderby='title' order='asc' link_to_blog='' title_to_blog_link='']
							

You can check the result in our online preview


5.17 Recent Projects

Style 1



GET THE CODE:
								[rp_style1 title='stuff' portfolio='all' total='' orderby='title' order='asc' scroller='yes' proj_per_row='3' ]
							

You can check the result in our online preview


Style 2



GET THE CODE:
							[rp_style2 title="style2" portfolio="all" total="" scroller="yes" proj_per_row="3" orderby="title" order="asc" view_more_text="" ]
						

You can check the result in our online preview


5.18 Team Layout

Easily add your team...


You can check the result in our online preview


5.19 Partners List

Easily add your partners list...



GET THE CODE:
							[partners scroller="yes" partners_per_row="3" effect="opacity" title="our team"]
						

You can check the result in our online preview


5.20 List Generator

Really great feature where you can set your lists sound awesome


Unordered List




Ordered List





5.21 Dividers

Some Dividers


1. Simple Line

2. Double Line




5.22 Social Buttons

You can set your prefered social networks over here. Those are the Socials we present you:


1. Social Icons

2. Twitter

3. Twitter Follow Button

4. Tweet Me

5. Digg

6. Like on Facebook

7. Share on Facebook

8. Share on LinkedIN

9. Google +1 Button




6. Pre-Defined Layoutstop

Our Pre-Defined Layouts not only make setting up your theme super easy, but also saves you lots of time. Think of Pre-Defined Layouts as snippets or starter layouts. Whenever you create a new Page or Post in WordPress, you can insert a Pre-Defined Layouts specific XML to your theme’s styles, without having need to install all the theme XML.


Just copy/paste inside the wordpress editor tab HTML the page style you wish to have in your own website.



ZAP come with 38 Pre-Defined Layouts:

GET THE CODE:
							

Welcome to Zap, a Strong & Powerful Wordpress Theme.

We bring a personal and effective approach to this project, we hope that you enjoy it.

 
  [service items_per_row="3" icons_size="big"][item title="Tons of layout options" icon="icon38_big"]Praesent et mi eu magna viverra lobortis. Integer luctus ac massa in.[/item][item title="Strong & Full Featured WP" icon="icon11_big"]Praesent et mi eu magna viverra lobortis. Integer luctus.[/item][item title="4 Premium plugins included" icon="icon17_big"]Praesent et mi eu magna viverra lobortis. Integer luctus ac massa in[/item][/service]   [rp_style1 title='Recent Work' portfolio='all' total='' orderby='title' order='asc' scroller='yes' proj_per_row='3' link_to_projects="http://designarethemes.com/themes/zap/portfolio-v2-3columns/" title_to_projects_link="VIEW PORTFOLIO"]  
  [special_tabs] [special_tab title="Responsive Design" icon="move" endoftab]

Responsive Design & Retina Ready

Ready for small, medium and pixel perfection screens!

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac massa lorem. Integer quis posuere nibh. Suspendisse aliquam fringilla risus vel feugiat. Donec felis lectus.
  [/special_tab] [special_tab title="Premium Plugins Included" icon="gift" endoftab]

Responsive Design & Retina Ready

Ready for small, medium and pixel perfection screens!

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac massa lorem. Integer quis posuere nibh. Suspendisse aliquam fringilla risus vel feugiat. Donec felis lectus.
[/special_tab] [special_tab title="Extensive Documentation" icon="file-alt" endoftab]

Responsive Design & Retina Ready

Ready for small, medium and pixel perfection screens!

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac massa lorem. Integer quis posuere nibh. Suspendisse aliquam fringilla risus vel feugiat. Donec felis lectus.
[/special_tab] [/special_tabs]   [fullwidth_section type='Color' color='#f2f2f2']
test-full-width

Zap have everything you need to really build something exceptional.

Multi-Purpose Worpress Theme

 
You’re about to meet the awesomeness of the new standard, and endless possibilities you ever imagined in this new theme.This theme is loaded of ressources to build something exceptional, just let your creativity flow. You can check all this awesome shortcodes, or see all the theme features.   See All Features
[/fullwidth_section]  
[rposts title='Latest News' category='all' total='2' scroller='no' posts_per_row='1' max_chars='160' orderby='title' order='asc' link_to_blog='' title_to_blog_link='']
[tabs title="Trying to do something fantastic"] [tab title="Who we are" icon="icon-compass" id="tab-1"]

Welcome to Zap Agency

Lorem ipsum dolor sit amet, consectetur adipiscing donec euismod accumsan felis, egestas lobortis velit tempor vitae. Integer eget velit fermentum, dignissim odio non, bibendum velit.
[custom_slider id='slider_collection:14' height='200px' effect='fade' navigation='false' control_navigation='true' pause_on_hover='true' speed='3000']
[/tab][tab title="Our Philosophy" icon="icon-lightbulb" id="tab-2"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacus metus, convallis ut leo nec, tincidunt eleifend justo. Ut felis orci, hendrerit a pulvinar et, gravida ac lorem. Sed vitae molestie sapien, at sollicitudin tortor. [tooltip tooltip_content='This is a nicest dark tooltip' style='Dark'] Duis id volutpat libero [/tooltip], id vestibulum purus. Donec euismod accumsan felis, egestas lobortis velit tempor vitae. Integer eget velit fermentum, dignissim odio non, bibendum velit. Suspendisse tristique, dui a molestie lobortis, est enim imperdiet augue, in ornare nunc mauris in lorem. Donec tortor felis, vulputate ut pulvinar ac, fringilla quis nisl. Cras laoreet iaculis quam, ut ultrices quam eleifend eget.[/tab][tab title="What we do" icon="icon-beaker" id="tab-3"][servicefa items_per_row="3" icons_size="big"] [itemfa title="Setup zap in minutes. Save time." icon="time" color="#10b9b9" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada.[/itemfa] [itemfa title="Premium plugins included" icon="gift" color="#333333" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada.[/itemfa] [itemfa title="Extensive Documentation" icon="file-alt" color="#333333" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada.[/itemfa] [/servicefa] [/tab][/tabs]
   



GET THE CODE:
							
[donuts][donut Percent="88"][i class='icon-lightbulb' color='#10b9b9' font_size='45px' ]PLAN[/donut][/donuts]
[donuts][donut Percent="79"][i class='icon-desktop' color='#10b9b9' font_size='45px' ]DESIGN[/donut][/donuts]
[donuts][donut Percent="56"][i class='icon-rocket' color='#10b9b9' font_size='45px' ]DEPLOY[/donut][/donuts]
[donuts][donut Percent="69"][i class='icon-bullhorn' color='#10b9b9' font_size='45px' ]GROW[/donut][/donuts]
    [featured_box style='Simple Border']

Welcome to Zap, a Strong & Powerful Wordpress Theme

Vestibulum porta tristique porttitor. Donec at velit ac nunc blandit mollis. Donec ornare quis lorem eu iaculis. Curabitur scelerisque tincidunt lorem quis egestas. Vestibulum vitae tellus sit amet massa varius dignissim.

View all The Features

[/featured_box]     [rp_style2 title="Latest Projects" portfolio="all" total="3" scroller="no" proj_per_row="3" orderby="title" order="asc" view_more_text="" ]  
   

[typography family='Open Sans' size='44' format='px' color='#545454']ABOVE ALL, WE BELIEVE IN QUALITY DESIGN[/typography]

 
Zap is the theme that you will not want to miss, for sure!
Vestibulum porta tristique porttitor. Donec at velit ac nunc blandit mollis. Donec ornare quis lorem eu iaculis. Buy it on Themeforest →
  • Responsive & Retina Ready
  • Powerfull Admin Framework
  • Premium plugins Included
  • Unlimited sidebars
  • Style Pages Individually
  • Font Awesome Integration
   
[custom_slider id='slider_collection:2' height='auto' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='3500']
[testimonials title="Clients Feedback" nshow="" hideauthor="no" hidecompany="no" scroller="yes" ]
[partners scroller="yes" partners_per_row="3" effect="grayscale" title="Our partners"]



GET THE CODE:
							[featured_box style='Background Pattern']

Welcome to Zap, a Strong & Powerful Wordpress Theme.

This theme is loaded of ressources to build something exceptional, just let your creativity flow. You can check all this awesome shortcodes, or see all the theme features.

[/featured_box]
  [service items_per_row="3" icons_size="small"][item title="You will love it" icon="icon1"]Quisque convallis at lorem eget rhoncus. Nunc iaculis lacinia neque, nec euismod felis auctor nec. [/item][item title="Tons of layout options" icon="icon38"]Quisque convallis at lorem eget rhoncus. Nunc iaculis lacinia neque, nec euismod felis auctor nec. [/item][item title="Strong & full featured WP" icon="icon11"]Quisque convallis at lorem eget rhoncus. Nunc iaculis lacinia neque, nec euismod felis auctor nec. [/item][item title="Responsive & retina ready" icon="icon20"]Quisque convallis at lorem eget rhoncus. Nunc iaculis lacinia neque, nec euismod felis auctor nec. [/item][item title="5 Stars support team" icon="icon3"]Quisque convallis at lorem eget rhoncus. Nunc iaculis lacinia neque, nec euismod felis auctor nec. [/item][item title="Premium plugins included" icon="icon17"]Quisque convallis at lorem eget rhoncus. Nunc iaculis lacinia neque, nec euismod felis auctor nec. [/item][/service]  
[rp_style1 title='Latest Work' portfolio='all' total='' orderby='title' order='asc' scroller='yes' proj_per_row='3' link_to_projects="http://designarethemes.com/themes/zap/portfolio-v2-3columns/" title_to_projects_link="View Portfolio"]
   



GET THE CODE:
							
[featured_box style='Fancy Border']

Welcome to Zap, a Strong & Powerful Wordpress Theme.

This theme is loaded of ressources to build something exceptional, just let your creativity flow. You can check all this awesome shortcodes, or see all the theme features.

[/featured_box]   [rp_style2 title="Latest Projects" portfolio="all" total="" scroller="yes" proj_per_row="3" orderby="title" order="asc" view_more_text="" link_to_projects="http://designarethemes.com/themes/zap/portfolio-v2-4columns/" title_to_projects_link="View Portfolio"]   [partners scroller="no" partners_per_row="4" effect="opacity" nshow="4" title="Partners"]  
[rposts title='Lates News' category='all' total='' scroller='yes' posts_per_row='3' max_chars='200' orderby='title' order='asc' link_to_blog='' title_to_blog_link='']
[acc title="Why Zap?"] [section title="Powerfull admin panel" icon="icon-icon1" id="sec-1"] Powerfull admin panel content goes here. [/section][section title="Tons of layout options" icon="icon-icon1" id="sec-2"] Tons of layout options content goes here. [/section][section title="500 + Google fonts" icon="icon-icon1" id="sec-4"] 500 + Google fonts content goes here. [/section][/acc]



GET THE CODE:
							 

[servicefa items_per_row="3" icons_size="small"]
[itemfa title="You will love Zap. For sure." icon="heart" color="#10b9b9" ]Nunc sollicitudin sollicitudin eros, eleifend sagittis lorem euismod ac. Sed commodo lorem a nisi semper.[/itemfa]
[itemfa title="Tons of Layout Possibilities" icon="cogs" color="#10b9b9" ]Nunc sollicitudin sollicitudin eros, eleifend sagittis lorem euismod ac. Sed commodo lorem a nisi semper.[/itemfa]
[itemfa title="Setup it in Minutes. Save time." icon="time" color="#10b9b9" ]Nunc sollicitudin sollicitudin eros, eleifend sagittis lorem euismod ac. Sed commodo lorem a nisi semper.[/itemfa]

[itemfa title="Multi-Purpose Theme" icon="beaker" color="#444444" ]Nunc sollicitudin sollicitudin eros, eleifend sagittis lorem euismod ac. Sed commodo lorem a nisi semper.[/itemfa]

[itemfa title="Powerful Admin Panel" icon="cog" color="#444444" ]Nunc sollicitudin sollicitudin eros, eleifend sagittis lorem euismod ac. Sed commodo lorem a nisi semper.[/itemfa]

[itemfa title="Responsive Design & Retina Ready" icon="eye-open" color="#444444" ]Nunc sollicitudin sollicitudin eros, eleifend sagittis lorem euismod ac. Sed commodo lorem a nisi semper.[/itemfa]
[/servicefa]

 
[featured_box style='Background Pattern']

Zap is extremely flexible.

Let your creativity flow and create tons of unique layouts!

This theme is loaded of ressources to build something exceptional, just let your creativity flow. You can check all this awesome shortcodes, or see all the theme features.

 
[bars_container][bars Percent="98"] Wordpress [/bars][bars Percent="88"] Html & CSS[/bars][bars Percent="95"] Javascript [/bars][/bars_container]
[custom_slider id='slider_collection:14' height='' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='3000']
[/featured_box]    
[rp_style2 title="Our Latest Work" portfolio="all" total="" scroller="yes" proj_per_row="3" orderby="date" order="asc" view_more_text="" ]
[rposts title='Latest from Blog' category='all' total='' scroller='yes' posts_per_row='3' max_chars='160' orderby='title' order='asc' link_to_blog='http://designarethemes.com/themes/zap/blog-right-sidebar/' title_to_blog_link='Entire Blog']
 



GET THE CODE:
							[doptg id="2"]

 
 

[typography family='Open Sans' size='44' format='px' color='#545454']ABOVE ALL, WE BELIEVE IN QUALITY DESIGN[/typography]

 
Zap is the theme that you will not want to miss, for sure!
Vestibulum porta tristique porttitor. Donec at velit ac nunc blandit mollis. Donec ornare quis lorem eu iaculis. Buy it on Themeforest →
  • Responsive & Retina Ready
  • Powerfull Admin Framework
  • Premium plugins Included
  • Unlimited sidebars
  • Style Pages Individually
  • Font Awesome Integration
   
[custom_slider id='slider_collection:2' height='auto' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='3500']
[testimonials title="Clients Feedback" nshow="" hideauthor="no" hidecompany="no" scroller="yes" ]
[rposts title='Latest from Blog' category='all' total='2' scroller='no' posts_per_row='2' max_chars='160' orderby='title' order='asc' link_to_blog='' title_to_blog_link='']



GET THE CODE:
							
[tabs title="It's an awesome tab"] [tab title="Who we are" icon="icon-compass" id="tab-1"]

Welcome to Zap Agency

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacus metus, convallis ut leo nec, tincidunt eleifend justo. Ut felis orci, hendrerit a pulvinar et, gravida ac lorem. Sed vitae molestie sapien, at sollicitudin tortor. Duis id volutpat libero, id vestibulum purus.Donec euismod accumsan felis, egestas lobortis velit tempor vitae. Integer eget velit fermentum, dignissim odio non, bibendum velit.
[/tab][tab title="Our Philosophy" icon="icon-lightbulb" id="tab-2"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacus metus, convallis ut leo nec, tincidunt eleifend justo. Ut felis orci, hendrerit a pulvinar et, gravida ac lorem. Sed vitae molestie sapien, at sollicitudin tortor, id vestibulum purus. Donec euismod accumsan felis, egestas lobortis velit tempor vitae. Integer eget velit fermentum, dignissim odio non, bibendum velit. Suspendisse tristique, dui a molestie lobortis, est enim imperdiet augue, in ornare nunc mauris in lorem. Donec tortor felis, vulputate ut pulvinar ac, fringilla quis nisl. Cras laoreet iaculis quam, ut ultrices quam eleifend eget.[/tab][tab title="What we do" icon="icon-beaker" id="tab-3"][servicefa items_per_row="3" icons_size="big"] [itemfa title="Setup in minutes" icon="time" color="#10b9b9" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada.[/itemfa] [itemfa title="Premium plugins included" icon="gift" color="#333333" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada.[/itemfa] [itemfa title="Extensive Documentation" icon="file-alt" color="#333333" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada. [/itemfa] [/servicefa] [/tab][/tabs]
[tabs title="It's an awesome tab"] [tab title="Who we are" icon="" id="tab-1"][servicefa items_per_row="3" icons_size="small"] [itemfa title="Setup in minutes" icon="time" color="#10b9b9" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada.[/itemfa] [itemfa title="Premium plugins included" icon="gift" color="#333333" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada.[/itemfa] [itemfa title="Extensive Documentation" icon="file-alt" color="#333333" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada.[/itemfa] [/servicefa][/tab][tab title="Our Philosophy" icon="" id="tab-2"][custom_slider id='slider_collection:15' height='' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='4500'] [/tab][tab title="What we do" icon="" id="tab-3"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada. Etiam non dictum nisl, a scelerisque mauris. Integer quis leo massa. Nulla quis dapibus quam. Proin sit amet aliquet mauris, eget cursus turpis. Praesent faucibus sapien a elit aliquet malesuada. Etiam quis facilisis arcu, quis vestibulum elit. Donec ut fringilla mi. Maecenas fringilla tortor ut dolor dapibus euismod. Maecenas eros tellus, gravida eget odio ac, condimentum feugiat est. Aliquam sit amet consequat libero. In in lobortis odio. Curabitur adipiscing est sed tempus bibendum.Pellentesque mauris risus, tincidunt eget mollis et, lacinia eu massa. Aliquam porta eu tortor vitae elementum. Vestibulum id mauris eget tortor eleifend adipiscing. Quisque consectetur euismod tempus. Phasellus diam elit, interdum ut sem sit amet, commodo pretium velit. Morbi pharetra sapien sed urna euismod tempus. Ut hendrerit arcu a libero rhoncus, eget eleifend neque commodo. [/tab][/tabs]
[zaptitle title='50+ Shortcodes']
[custom_sidebar id='shortcodes']



GET THE CODE:
							
[zaptitle title='Sliding Bars']
[bars_container][bars Percent="89"] Your text here. [/bars][bars Percent="45"] Your text here. [/bars][bars Percent="98"] Your text here. [/bars][/bars_container]
[zaptitle title='Donuts Graphics']
[zaptitle title='Numerical Increment']
[numerical_container ][numerical_item percent="350" unit="%" value_font_size="100px" unit_font_size="50px" jump="100"] WORK DEDICATION[/numerical_item][/numerical_container]
[zaptitle title='Circular Diagram']
[diagram_container title="ZAP."][diagram color="#17cd8a" percent="85"] Wordpress [/diagram][diagram color="#9ccd17" percent="26"] Illusrator [/diagram][diagram color="#10b9b9" percent="69"] Javscript [/diagram][/diagram_container]
[zaptitle title='50+ Shortcodes']
[custom_sidebar id='shortcodes']



GET THE CODE:
							
[zaptitle title='Accordion'] [acc][section title="Exclusive for themeforest" icon="icon-rocket" id="sec-1"]

Welcome to Zap Agency

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacus metus, convallis ut leo nec, tincidunt eleifend justo. Ut felis orci, hendrerit a pulvinar et, gravida ac lorem. Sed vitae molestie sapien, at sollicitudin tortor. Duis id volutpat libero, id vestibulum purus.Donec euismod accumsan felis, egestas lobortis velit tempor vitae. Integer eget velit fermentum, dignissim odio non, bibendum velit
[custom_slider id='slider_collection:14' height='' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='3000']
[/section][section title="Premium WP Theme" icon="icon-icon1" id="sec-2"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing augue elementum, pellentesque dui vel, tempus velit. In hac habitasse platea dictumst. Nulla sit amet adipiscing leo. Nulla pretium tortor at nisi porttitor, vel vestibulum magna gravida. Nam ultrices augue ut elit convallis viverra. Sed eleifend convallis ornare. Curabitur nec leo accumsan, venenatis metus in, vehicula est. Vestibulum nec dolor in sem hendrerit tincidunt. Vivamus eget eros mattis, sodales lectus ut, ultricies mauris. Sed eget fermentum neque, a pharetra nisi. Nam vehicula est at laoreet ultricies. Nullam non sagittis massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In mattis mattis cursus. Donec ac magna dapibus, accumsan lorem vel, adipiscing ligula. Ut a tellus eu nunc gravida congue. Nullam in aliquet eros, nec semper lectus.[/section][section title="Responsive Design & Retina Ready" icon="icon-icon1" id="sec-3"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing augue elementum, pellentesque dui vel, tempus velit. In hac habitasse platea dictumst. Nulla sit amet adipiscing leo. Nulla pretium tortor at nisi porttitor, vel vestibulum magna gravida. Nam ultrices augue ut elit convallis viverra. Sed eleifend convallis ornare. Curabitur nec leo accumsan, venenatis metus in, vehicula est. Vestibulum nec dolor in sem hendrerit tincidunt. Vivamus eget eros mattis, sodales lectus ut, ultricies mauris. Sed eget fermentum neque, a pharetra nisi. Nam vehicula est at laoreet ultricies. Nullam non sagittis massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In mattis mattis cursus. Donec ac magna dapibus, accumsan lorem vel, adipiscing ligula. Ut a tellus eu nunc gravida congue. Nullam in aliquet eros, nec semper lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing augue elementum, pellentesque dui vel, tempus velit. In hac habitasse platea dictumst. Nulla sit amet adipiscing leo. Nulla pretium tortor at nisi porttitor, vel vestibulum magna gravida. Nam ultrices augue ut elit convallis viverra. Sed eleifend convallis ornare. Curabitur nec leo accumsan, venenatis metus in, vehicula est. Vestibulum nec dolor in sem hendrerit tincidunt. Vivamus eget eros mattis, sodales lectus ut, ultricies mauris. Sed eget fermentum neque, a pharetra nisi. Nam vehicula est at laoreet ultricies. Nullam non sagittis massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In mattis mattis cursus. Donec ac magna dapibus, accumsan lorem vel, adipiscing ligula. Ut a tellus eu nunc gravida congue. Nullam in aliquet eros, nec semper lectus.[/section] [/acc]   [zaptitle title='Toggle'] [toggle title_open="Close Me" title_closed="Open Me" hide="no" include_excerpt_html="yes"]Nam vehicula est at laoreet ultricies. Nullam non sagittis massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In mattis mattis cursus. Donec ac magna dapibus, accumsan lorem vel, adipiscing ligula. Ut a tellus eu nunc gravida congue. Nullam in aliquet eros, nec semper lectus.[/toggle]
[zaptitle title='50+ Shortcodes']
[custom_sidebar id='shortcodes']
 



GET THE CODE:
							

Font Awesome is integrated in almost everything in this theme, you can use it in a separate and individual mode, or in the tons of shortcodes that zap offer you, nice and superbly easy!

See the complete set of 361 icons here ⇒
[servicefa items_per_row="3" icons_size="small"] [itemfa title="360+ Icons to use" icon="gift" color="#10b9b9" ]In a single collection, Font Awesome is a pictographic language of web-related actions.[/itemfa] [itemfa title="Retina's Perfection" icon="eye-open" color="#333333" ]Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.[/itemfa] [itemfa title="Infinite Scalability" icon="fullscreen" color="#333333" ]Scalable vector graphics means every icon looks awesome at any size, from hd to mobile.[/itemfa] [/servicefa]
     
[zaptitle title='50+ Shortcodes']
[custom_sidebar id='shortcodes']
 


GET THE CODE:
							[special_tabs] [special_tab title="Responsive & Retina Ready" icon="move" endoftab]

Responsive Design & Retina Ready

Ready for small, medium and double pixel screens!

  Zap is 100% responsive,including all premium sliders and every features you wish to use with it. Zap contains a powerful Retina-Ready built on Font-Awesome Font and vector icons. Make astonishing layout pages with it and check between screen resolutions the perfect distinctness! Check it in your iphone. [/special_tab] [special_tab title="Powerful Admin Panel" icon="cogs" endoftab]

Powerful Admin Panel. Easy to use.

Intuitive and Strong options panel, with lots of features.

 
[rev_slider rev-slider-admin]
[/special_tab] [special_tab title="Premium Plugins Included" icon="gift" endoftab]

Zap come with 4 premium plugins

We included it on the package. Save 60$ all in one.

  [/special_tab] [special_tab title="Style Pages Individually" icon="tint" endoftab] Your Special Tab Content Here. [/special_tab] [special_tab title="Unlimited Portfolios" icon="beaker" endoftab]

Zap is the perfect theme to showcase you work.

We cover all styles. You choose your favourite.

   

Wide Slider, Full Slider, Left Slider, Simple Image and Gallery

[/special_tab] [special_tab title="MailChimp Integration" icon="group" endoftab]

MailChimp Newsletter Integration.

MailChimp helps you getting a big impulse on your customers, just by anouncing your promotions through mailing lists!

You can Enable / Disable this option on all pages of your site or simple on some of them. Flexible.
[zaptitle title='About MailChimp'] More than 3 million people use MailChimp to create, send, and track email newsletters. Whether you're self-employed, you manage projects for clients, or you work for a Fortune 500 company, MailChimp has features and integrations that will suit your email-marketing needs. Create signup forms that match your brand's look and feel, and send your subscribers product updates, event invitations, announcements, or editorial content. Use our reports to improve your campaigns and learn more about your subscribers. Best of all? MailChimp is free for lists of up to 2,000 subscribers.
  [/special_tab] [special_tab title="Save time with Zap Layouts" icon="time" endoftab] Your Special Tab Content Here. [/special_tab] [special_tab title="Font Awesome Integration" icon="adn" endoftab]

Font Awesome integration

Font Awesome is integrated in almost everything in this theme, you can use it in a separate and individual mode, or in the tons of shortcodes that zap offer you, nice and superbly easy!

See the complete set of 361 icons here ⇒
[servicefa items_per_row="3" icons_size="small"] [itemfa title="360+ Icons to use" icon="gift" color="#10b9b9" ]In a single collection, Font Awesome is a pictographic language of web-related actions.[/itemfa] [itemfa title="Retina's Perfection" icon="eye-open" color="#333333" ]Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.[/itemfa] [itemfa title="Infinite Scalability" icon="fullscreen" color="#333333" ]Scalable vector graphics means every icon looks awesome at any size, from hd to mobile.[/itemfa] [/servicefa]
[/special_tab] [special_tab title="Wide & Boxed Layout" icon="columns" endoftab]

Choose your style. Wide & Boxed Layout.

Choose it on the Admin Panel or in the Custom Page Options.

  You can easily choose between a boxed or fullwidth layout. You can choose through solid colour, preset background, or custom background for the site in the boxed layout. [/special_tab] [/special_tabs]


GET THE CODE:
							
Easily add a thumbnail gallery to your WordPress website or blog. The gallery is completely customizable, resizable and is compatible with all browsers and devices (iPhone, iPad and Android smartphones). You will be able to insert it in any page or post you want with inbuilt short code generator.   [doptg id="2"]  
  [doptg id="3"]  
    [doptg id="4"]  
   
[zaptitle title='50+ Shortcodes']
[custom_sidebar id='shortcodes']
 


GET THE CODE:
							
[rp_style1 title='Style1 With Scroller' portfolio='all' total='' orderby='title' order='desc' scroller='yes' proj_per_row='3' link_to_projects="#" title_to_projects_link="View All Projects"]   [rp_style1 title='Style1 Without Scroller' portfolio='all' total='3' orderby='date' order='asc' scroller='no' proj_per_row='3' link_to_projects="" title_to_projects_link=""]  

Customization Options

Scroller, Portfolio, total of projects, orderby, order, proj_per_row, link_to_projects, title_to_projects_link  
    [rp_style2 title="Style2 With Scroller" portfolio="all" total="" scroller="yes" proj_per_row="3" orderby="title" order="desc" view_more_text="" link_to_projects="http://designarethemes.com/themes/zap/portfolio-v2-3columns-2/" title_to_projects_link="View Portfolio"]   [rp_style2 title="Style2 Without Scroller" portfolio="all" total="3" scroller="no" proj_per_row="3" orderby="date" order="asc" view_more_text="" ]
[zaptitle title='50+ Shortcodes']
[custom_sidebar id='shortcodes']
 


GET THE CODE:
							
[rposts title='Recent Posts with Scroller' category='all' total='' scroller='yes' posts_per_row='3' max_chars='100' orderby='title' order='asc' link_to_blog='http://designarethemes.com/themes/zap/blog-right-sidebar/' title_to_blog_link='View Blog']   [rposts title='Recent Posts without Scroller' category='all' total='2' scroller='no' posts_per_row='2' max_chars='200' orderby='title' order='asc' link_to_blog='' title_to_blog_link='']   [rposts title='Recent Posts without Scroller' category='all' total='2' scroller='no' posts_per_row='1' max_chars='300' orderby='title' order='asc' link_to_blog='' title_to_blog_link='']
 

[i class='icon-cogs' color='#10b9b9' font_size='20px' ] Customization Options

Title, Category, Total, Scroller, Posts P/ Row, Max Characters, Order by, Order, Link to Blog and Title to Blog Link.
 
[zaptitle title='50+ Shortcodes']
[custom_sidebar id='shortcodes']


GET THE CODE:
							
 
						


GET THE CODE:
							
[zaptitle title='Featured Boxes']
[featured_box style='Background Pattern']

Welcome to Zap, a Strong & Powerful Wordpress Theme.

This theme is loaded of ressources to build something exceptional, just let your creativity flow. You can check all this awesome shortcodes, or see all the theme features.

[/featured_box]
[featured_box style='Fancy Border']

Zap is extremely flexible.

Let your creativity flow and create tons of unique layouts!

This theme is loaded of ressources to build something exceptional, just let your creativity flow. You can check all this awesome shortcodes, or see all the theme features.

  • Responsive & Retina Ready
  • Powerfull Admin Framework
  • Premium plugins Included
  • Unlimited sidebars
  • Style Pages Individually
[/featured_box]
[featured_box style='Simple Border']

Welcome to Zap, a Strong & Powerful Wordpress Theme.

This theme is loaded of ressources to build something exceptional, just let your creativity flow. You can check all this awesome shortcodes, or see all the theme features.

[/featured_box]  
    [zaptitle title='Alert Boxes']
This is a nice Info Box
Beautiful check box
Download Box
This is a Error Box
Do you have a note? put it here.
Customizations Options Type, Size, Style, Border and Cutom Icon.  
[zaptitle title='50+ Shortcodes']
[custom_sidebar id='shortcodes']
 


GET THE CODE:
							
[googlemaps lat='39.113014' long='-94.570313' border='no' width='100%' height='400']
[googlemaps lat='39.113014' long='-94.570313' border='no' width='100%' height='200']
 

[i class='icon-cogs' color='#10b9b9' font_size='20px' ] Customization Options

Latitude, Longitude, Width, Height and Border.
[zaptitle title='50+ Shortcodes']
[custom_sidebar id='shortcodes']
 


GET THE CODE:
							
[zaptitle title='Layout Services Font Awesome Icon']   [servicefa items_per_row="3" icons_size="big"] [itemfa title="Awesome WP Theme" icon="heart" color="#10b9b9" ]Awesome WP Theme description goes here.[/itemfa] [itemfa title="Strong Admin Panel" icon="cog" color="#444444" ]Tons of Layout Options description goes here.[/itemfa] [itemfa title="Setup in Minutes" icon="time" color="#444444" ]Setup in Minutes description goes here.[/itemfa] [/servicefa]  
  [servicefa items_per_row="3" icons_size="small"] [itemfa title="Awesome WP Theme" icon="heart" color="#10b9b9" ]Maecenas fermentum neque id ligula commodo elementum. Aliquam eu ornare augue. Donec quis tincidunt.[/itemfa] [itemfa title="Tons of Layout Options" icon="cogs" color="#10b9b9" ]Maecenas fermentum neque id ligula commodo elementum. Aliquam eu ornare augue. Donec quis tincidunt.[/itemfa] [itemfa title="Setup in Minutes" icon="time" color="#10b9b9" ]Maecenas fermentum neque id ligula commodo elementum. Aliquam eu ornare augue. Donec quis tincidunt.[/itemfa] [itemfa title="Multi-Purpose Theme" icon="beaker" color="#444444" ]Maecenas fermentum neque id ligula commodo elementum. Aliquam eu ornare augue. Donec quis tincidunt.[/itemfa] [itemfa title="Powerful Admin Panel" icon="cog" color="#444444" ]Maecenas fermentum neque id ligula commodo elementum. Aliquam eu ornare augue. Donec quis tincidunt arcu. Duis accumsan ultrices metus vel tincidunt. In at semper nulla.[/itemfa] [itemfa title="Retina Ready" icon="eye-open" color="#444444" ]Maecenas fermentum neque id ligula commodo elementum. Aliquam eu ornare augue. Donec quis tincidunt.[/itemfa] [/servicefa]   [zaptitle title='Services Vector Icons'] [service items_per_row="3" icons_size="big"] [item title="Translation Ready" icon="icon42_big"]Translation Ready description goes here.[/item] [item title="Five Stars Support" icon="icon3_big"]Five Stars Support description goes here.[/item] [item title="Premium plugins" icon="icon33_big"]Premium plugins description goes here.[/item] [/service]  
  [service items_per_row="4" icons_size="small"] [item title="Service #1" icon="icon37"]Maecenas fermentum neque id ligula commodo aliquam.[/item] [item title="Service #2" icon="icon38"]Maecenas fermentum neque id ligula commodo aliquam.[/item] [item title="Service #3" icon="icon12"]Maecenas fermentum neque id ligula commodo aliquam.[/item] [item title="Service #4" icon="icon18"]Maecenas fermentum neque id ligula commodo aliquam.[/item] [item title="Service #5" icon="icon15"]Maecenas fermentum neque id ligula commodo aliquam. Maecenas fermentum neque id ligula commodo aliquam.[/item] [item title="Service #6" icon="icon29"]Maecenas fermentum neque id ligula commodo aliquam.[/item] [item title="Service #7" icon="icon43"]Maecenas fermentum neque id ligula commodo aliquam.[/item] [item title="Service #8" icon="icon9"]Maecenas fermentum neque id ligula commodo aliquam.[/item] [/service]
[zaptitle title='50+ Shortcodes']
[custom_sidebar id='shortcodes']


GET THE CODE:
							[serviceballs title=""][ball title="PLAN" color="#10b9b9" icon="lightbulb"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing augue elementum, pellentesque dui vel, tempus velit. In hac habitasse platea dictumst. Nulla sit amet adipiscing leo. Nulla pretium tortor at nisi porttitor, vel vestibulum magna gravida. Nam ultrices augue ut elit convallis viverra. Sed eleifend convallis ornare. Curabitur nec leo accumsan, venenatis metus in, vehicula est. Vestibulum nec dolor in sem hendrerit tincidunt. Vivamus eget eros mattis, sodales lectus ut, ultricies mauris. Sed eget fermentum neque, a pharetra nisi. [/ball][ball title="DESIGN" color="#17cd8a" icon="desktop"] Sed eleifend convallis ornare. Curabitur nec leo accumsan, venenatis metus in, vehicula est. Vestibulum nec dolor in sem hendrerit tincidunt. Vivamus eget eros mattis, sodales lectus ut, ultricies mauris. Sed eget fermentum neque, a pharetra nisi. [/ball][ball title="DEPLOY" color="#9ccd17" icon="rocket"] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing augue elementum, pellentesque dui vel, tempus velit. In hac habitasse platea dictumst. Nulla sit amet adipiscing leo. Nulla pretium tortor at nisi porttitor, vel vestibulum magna gravida. Nam ultrices augue ut elit convallis viverra. Sed eleifend convallis ornare. Curabitur nec leo accumsan, venenatis metus in, vehicula est. Vestibulum nec dolor in sem hendrerit tincidunt. Vivamus eget eros mattis, sodales lectus ut, ultricies mauris. Sed eget fermentum neque, a pharetra nisi. [/ball][ball title="PROMOTE" color="#e7b91b" icon="bullhorn"]
  • Item number #1
  • Item number #2
  • Item number #3
  • Item number #4
[/ball][/serviceballs]


GET THE CODE:
							
[zaptitle title='Social Icons'] [social_icons p_facebook="https://www.facebook.com/DesignareThemes" p_twitter="https://twitter.com/DesignareThemes" p_forrst="#" p_stumble="#" p_flickr="#" p_linkedin="#" p_delicious="#" p_skype="#" p_digg="#" p_google="#" p_vimeo="#" p_picasa="#" p_deviantart="#" p_behance="#" p_instagram="#" p_myspace="#" p_blogger="#" p_wordpress="#" p_grooveshark="#" p_youtube="#" p_reddit="#" p_rss="#" p_soundcloud="#" p_pinterest="#" p_dribbble="#"]   [zaptitle title='Add this Integration'] [addthis] [/addthis] [addthis] [/addthis]
 
[zaptitle title='50+ Shortcodes']
[custom_sidebar id='shortcodes']
 


GET THE CODE:
							
DROPCAP libero felis. Fusce ac turpis ac tellus aliquam tincidunt id sit amet risus. Proin ut lectus feugiat, lobortis dolor in, condimentum ipsum. Sed [tooltip tooltip_content='One template, unlimited layouts possibilities!' style='Light'] light tooltip [/tooltip]imperdiet sem non fringilla commodo. Morbi nec posuere arcu. Ut nec convallis libero. Pellentesque metus elit, aliquam id nisl sed, feugiat imperdiet magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ac lobortis neque, quis adipiscing odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ullamcorper, nisl vitae porttitor cursus, erat sem hendrerit odio, nec faucibus ante justo ac turpis. Donec eget leo nibh. In hac habitasse platea dictumst. Nunc suscipit ipsum et malesuada bibendum. Aliquam id neque vestibulum, scelerisque mi sit amet, volutpat velit. Proin in nulla tortor. Quisque ultricies quam a imperdiet iaculis. Etiam ullamcorper imperdiet fermentum. Phasellus et libero vitae magna commodo auctor. Vestibulum felis ante, pulvinar convallis metus vel, suscipit iaculis urna. Pellentesque pellentesque commodo feugiat.  

500+ Google fonts + Cufón fonts.

[typography family='Lobster' size='27' format='px' color='#10b9b9']Unlimited Portfolios + 5 Single Project Styles[/typography]   Praesent tincidunt lectus eu [tooltip tooltip_content='Strong Admin Panel. See all Features' style='Dark'] dark tooltip [/tooltip]magna porttitor feugiat. In quis condimentum velit. Aenean tortor mauris, ultrices nec euismod ac, gravida placerat tellus. Vivamus tempus turpis at nisl tristique scelerisque. Proin ornare nisl id sollicitudin volutpat. Sed nec nibh orci. Vestibulum pharetra ullamcorper orci et aliquet. Sed sem nunc, pellentesque condimentum ante et, hendrerit eleifend turpis. Phasellus at tortor orci. Proin elit nulla, dapibus in rutrum in, commodo nec nunc. Nullam a lorem dictum, consectetur purus nec, aliquet dolor. Sed sed dui auctor, bibendum turpis in, lacinia lectus. Donec et justo mollis nunc aliquam bibendum sit amet eget nisi.  
 
[zaptitle title='50+ Shortcodes']
[custom_sidebar id='shortcodes']
 


GET THE CODE:
							

Welcome to Zap Agency

  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacus metus, convallis ut leo nec, tincidunt eleifend justo. Ut felis orci, hendrerit a pulvinar et, gravida ac lorem. Sed vitae molestie sapien, at sollicitudin tortor. Duis id volutpat libero, id vestibulum purus.Donec euismod accumsan felis, egestas lobortis velit tempor vitae. Integer eget velit fermentum, dignissim odio non, bibendum velit.
[custom_slider id='slider_collection:14' height='' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='3000']
 
  [team title="Meet the team" members_per_row="3" scroller="yes"]  
[testimonials title="What our clients say about us" nshow="" hideauthor="no" hidecompany="no" scroller="yes" ]


GET THE CODE:
							
[custom_slider id='slider_collection:15' height='' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='4500']
 
  [team title="Team Members" members_per_row="3" scroller="no" nshow="6" ]  


GET THE CODE:
							
[tabs title="We are Awesome"] [tab title="Core Services" icon="" id="tab-1"][servicefa items_per_row="3" icons_size="small"] [itemfa title="Setup the theme in minutes" icon="time" color="#10b9b9" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada.[/itemfa] [itemfa title="Premium plugins included" icon="gift" color="#333333" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada.[/itemfa] [itemfa title="Extensive Documentation" icon="file-alt" color="#333333" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada.[/itemfa] [/servicefa][/tab][tab title="Who we are" icon="" id="tab-2"][custom_slider id='slider_collection:15' height='' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='4500'] [/tab][tab title="Our Philosophy" icon="" id="tab-3"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut semper pharetra malesuada. Etiam non dictum nisl, a scelerisque mauris. Integer quis leo massa. Nulla quis dapibus quam. Proin sit amet aliquet mauris, eget cursus turpis. Praesent faucibus sapien a elit aliquet malesuada. Etiam quis facilisis arcu, quis vestibulum elit. Donec ut fringilla mi. Maecenas fringilla tortor ut dolor dapibus euismod. Maecenas eros tellus, gravida eget odio ac, condimentum feugiat est. Aliquam sit amet consequat libero. In in lobortis odio. Curabitur adipiscing est sed tempus bibendum.Pellentesque mauris risus, tincidunt eget mollis et, lacinia eu massa. Aliquam porta eu tortor vitae elementum. Vestibulum id mauris eget tortor eleifend adipiscing. Quisque consectetur euismod tempus. Phasellus diam elit, interdum ut sem sit amet, commodo pretium velit. Morbi pharetra sapien sed urna euismod tempus. Ut hendrerit arcu a libero rhoncus, eget eleifend neque commodo. [/tab][/tabs]
 
[special_tabs] [special_tab title="Responsive & Retina Ready" icon="move" endoftab]

Responsive Design & Retina Ready

Ready for small, medium and double pixel screens!

  Zap is 100% responsive,including all premium sliders and every features you wish to use with it. Zap contains a powerful Retina-Ready built on Font-Awesome Font and vector icons. Make astonishing layout pages with it and check between screen resolutions the perfect distinctness! Check it in your iphone.[/special_tab] [special_tab title="Premium Plugins Included" icon="gift" endoftab]

Zap come with 4 premium plugins

We included it on the package. Save 60$ all in one.

  [/special_tab][special_tab title="MailChimp Integration" icon="group" endoftab]

MailChimp Newsletter Integration.

MailChimp helps you getting a big impulse on your customers, just by anouncing your promotions through mailing lists!

You can Enable / Disable this option on all pages of your site or simple on some of them. Flexible.
[zaptitle title='About MailChimp'] More than 3 million people use MailChimp to create, send, and track email newsletters. Whether you're self-employed, you manage projects for clients, or you work for a Fortune 500 company, MailChimp has features and integrations that will suit your email-marketing needs. Create signup forms that match your brand's look and feel, and send your subscribers product updates, event invitations, announcements, or editorial content. Use our reports to improve your campaigns and learn more about your subscribers. Best of all? MailChimp is free for lists of up to 2,000 subscribers.
  [/special_tab] [special_tab title="Save time with Zap Layouts" icon="time" endoftab] Your Special Tab Content Here. [/special_tab] [special_tab title="Font Awesome Integration" icon="adn" endoftab]

Font Awesome integration

Font Awesome is integrated in almost everything in this theme, you can use it in a separate and individual mode, or in the tons of shortcodes that zap offer you, nice and superbly easy!

See the complete set of 361 icons here ⇒
[servicefa items_per_row="3" icons_size="small"] [itemfa title="360+ Icons to use" icon="gift" color="#10b9b9" ]In a single collection, Font Awesome is a pictographic language of web-related actions.[/itemfa] [itemfa title="Retina's Perfection" icon="eye-open" color="#333333" ]Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.[/itemfa] [itemfa title="Infinite Scalability" icon="fullscreen" color="#333333" ]Scalable vector graphics means every icon looks awesome at any size, from hd to mobile.[/itemfa] [/servicefa]
[/special_tab] [special_tab title="Unlimited Portfolios" icon="beaker" endoftab]

Zap is the perfect theme to showcase you work.

We cover all styles. You choose your favourite.

   

Wide Slider, Full Slider, Left Slider, Simple Image and Gallery

[/special_tab][special_tab title="Wide & Boxed Layout" icon="columns" endoftab]

Choose your style. Wide & Boxed Layout.

Choose it on the Admin Panel or in the Custom Page Options.

  You can easily choose between a boxed or fullwidth layout. You can choose through solid colour, preset background, or custom background for the site in the boxed layout. [/special_tab] [/special_tabs]
 
 

PLUS TONS OF OPTIONS, LET YOUR CREATIVITY FLOW!

Grab your copy now!



GET THE CODE:
							
 
  [service items_per_row="3" icons_size="small"] [item title="You will love it" icon="icon1"]Quisque convallis at lorem eget rhoncus. Nunc iaculis lacinia neque, nec euismod felis auctor nec. [/item] [item title="Tons of layout options" icon="icon38"]Quisque convallis at lorem eget rhoncus. Nunc iaculis lacinia neque, nec euismod felis auctor nec. [/item] [item title="Strong & full featured WP" icon="icon11"]Quisque convallis at lorem eget rhoncus. Nunc iaculis lacinia neque, nec euismod felis auctor nec. [/item] [item title="Responsive & retina ready" icon="icon20"]Quisque convallis at lorem eget rhoncus. Nunc iaculis lacinia neque, nec euismod felis auctor nec. [/item] [item title="5 Stars support team" icon="icon3"]Quisque convallis at lorem eget rhoncus. Nunc iaculis lacinia neque, nec euismod felis auctor nec. [/item] [item title="Premium plugins included" icon="icon17"]Quisque convallis at lorem eget rhoncus. Nunc iaculis lacinia neque, nec euismod felis auctor nec. [/item] [/service]  
[testimonials title="Clients Testimonials" nshow="" hideauthor="no" hidecompany="no" scroller="yes" ]
[zaptitle title='Top skills']
[bars_container][bars Percent="89"] Your text here. [/bars][bars Percent="70"] Your text here. [/bars][bars Percent="95"] Your text here. [/bars][bars Percent="45"] Your text here. [/bars][/bars_container]


GET THE CODE:
							[featured_box style='Background Pattern']

Responsive web pricing tables plugin included, 15$ value.

Awesome Web Pricing Tables plugin with a lot of table styles and 20 predefined color versions that comes loaded with tons of options like extensive admin panel with live configuration, responsive mode configurator, plenty of options for table, columns, rows and table cells, sliding columns feature, expandable rows feature, active (popped-up) columns, hover states, table cell tooltips, columns ribbons, tick / cross icons and a lot of more.

[/featured_box]    
[css3_grid id='medicenter_blue']
 
    [css3_grid id='Table_t2_s6']  
   
[css3_grid id='Table_t1_s5']
[css3_grid id='Table_t1_s8']
 
 

PLUS TONS OF OPTIONS, LET YOUR CREATIVITY FLOW!

Grab your copy now!



GET THE CODE:
							
[zaptitle title='Find us on the map']
[googlemaps lat='39.113014' long='-94.570313' border='yes' width='100%' height='250']
[zaptitle title='We’d love to hear from you, lets get in touch!']
[contact_form email="geral@designarethemes.com" subject="Email from Zap" name_error="Please enter a valid Name" email_error="Please enter a valid Email" message_error="Please enter a valid Message" success_message="Email sent successfully" unsuccess_message="An error has occurred"]

[i class='icon-map-marker' color='#10b9b9' font_size='22px' ] Contact Information

30 South Park Avenue, CA 94108 San Francisco USA Email: geral@zapstudio.com Phone: (123) 456-7890 Fax: +08 (123) 456-7890
[social_icons p_facebook="#" p_twitter="#" p_linkedin="#" p_skype="#" p_vimeo="#" p_youtube="#" p_behance="#" p_forrst="#"]
 

[i class='icon-time' color='#10b9b9' font_size='22px' ] Agency working hours

Monday: 10.00 to 19.00 Tuesday: 10.00 to 19.00 Wednesday: 10.00 to 19.00 Thursday: 10.00 to 19.00 Friday: 10.00 to 19.00 Saturday: closed Monday: closed

[i class='icon-heart' color='#10b9b9' font_size='22px' ] Featured Work

[rp_style2 title="" portfolio="all" total="1" scroller="no" proj_per_row="1" orderby="title" order="asc" view_more_text="" ]
 


GET THE CODE:
							
[custom_sidebar id='left-sidebar']
[custom_slider id='slider_collection:15' height='' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='4500']  
        [rp_style1 title='Latest Projects' portfolio='all' total='3' orderby='title' order='asc' scroller='no' proj_per_row='3' link_to_projects="http://designarethemes.com/themes/zap/portfolio-v2-3columns/" title_to_projects_link="View All Projects"]    


GET THE CODE:
							
[custom_slider id='slider_collection:15' height='' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='4500']  
    [rp_style1 title='Latest Projects' portfolio='all' total='3' orderby='title' order='asc' scroller='no' proj_per_row='3' link_to_projects="" title_to_projects_link=""]
[custom_sidebar id='right-sidebar']


GET THE CODE:
							
[custom_sidebar id='left-sidebar']
[custom_slider id='slider_collection:14' height='' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='4500']
[zaptitle title='Who We Are']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacus metus, convallis ut leo nec, tincidunt eleifend justo. Ut felis orci, hendrerit a pulvinar et, gravida ac lorem. Sed vitae molestie sapien, at sollicitudin tortor. [tooltip tooltip_content='This is a nicest dark tooltip' style='Dark'] Duis id volutpat libero [/tooltip], id vestibulum purus. Donec euismod accumsan felis, egestas lobortis velit tempor vitae.Integer eget velit fermentum, dignissim odio non, bibendum velit. Suspendisse tristique, dui a molestie lobortis, est enim imperdiet augue, in ornare nunc mauris in lorem. Donec tortor felis, vulputate ut pulvinar ac, fringilla quis nisl. Cras laoreet iaculis quam, ut ultrices quam eleifend eget.   [zaptitle title='What We Do'] [servicefa items_per_row="2" icons_size="small"] [itemfa title="Powerful Admin Panel" icon="magic" color="#10b9b9" ]Duis auctor imperdiet facilisis. Nullam ultrices venenatis turpis et iaculis.[/itemfa] [itemfa title="50+ Shortcodes" icon="cut" color="#10b9b9" ]Duis auctor imperdiet facilisis. Nullam ultrices venenatis turpis et iaculis.[/itemfa] [itemfa title="Responsive Design" icon="tablet" color="#10b9b9" ]Duis auctor imperdiet facilisis. Nullam ultrices venenatis turpis et iaculis.[/itemfa] [itemfa title="Premium Plugins" icon="gift" color="#10b9b9" ]Duis auctor imperdiet facilisis. Nullam ultrices venenatis turpis et iaculis.[/itemfa] [/servicefa]   [rp_style2 title="Our Work" portfolio="all" total="" scroller="yes" proj_per_row="3" orderby="title" order="asc" view_more_text="" link_to_projects="http://designarethemes.com/themes/zap/portfolio-v2-3columns-2/" title_to_projects_link="View Portfolio"]
[custom_sidebar id='right-sidebar']
 


GET THE CODE:
							
[custom_slider id='slider_collection:2' height='auto' effect='fade' navigation='true' control_navigation='true' pause_on_hover='true' speed='3500']
 

[typography family='Open Sans' size='44' format='px' color='#545454']ABOVE ALL, WE BELIEVE IN QUALITY DESIGN[/typography]

 
Zap is the theme that you will not want to miss, for sure!
Vestibulum porta tristique porttitor. Donec at velit ac nunc blandit mollis. Donec ornare quis lorem eu iaculis. Buy it on Themeforest →
  • Responsive & Retina Ready
  • Powerfull Admin Framework
  • Premium plugins Included
  • Unlimited sidebars
  • Style Pages Individually
  • Font Awesome Integration
 
[testimonials title="Clients testimonials" nshow="" hideauthor="no" hidecompany="no"]
[partners scroller="yes" partners_per_row="3" effect="grayscale" title="Our partners"]
 


GET THE CODE:
							
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices non metus eget lobortis. Donec laoreet mauris ut tellus scelerisque placerat sit amet eget est. Praesent posuere purus in tempus ultrices. Maecenas consequat neque lacus, et blandit lorem venenatis vel. Maecenas sit amet porta urna. Nam ullamcorper augue et lorem pulvinar, quis convallis nunc adipiscing. Ut congue tristique ipsum, ac sagittis lorem consequat [tooltip tooltip_content='Maecenas consequat neque lacus, et blandit lorem venenatis vel. Maecenas sit amet porta urna.Maecenas consequat neque lacus, et blandit lorem venenatis vel.' style='Light'] Tooltip text trigger goes here. [/tooltip]ut. Proin ultrices diam nisi, quis vestibulum tortor auctor in. Nunc a tortor eget nisl congue tincidunt. Proin volutpat placerat porta.   [toggle title_open="Close Me" title_closed="Open Me" hide="no" include_excerpt_html="yes"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices non metus eget lobortis. Donec laoreet mauris ut tellus scelerisque placerat sit amet eget est. Praesent posuere purus in tempus ultrices. [/toggle] [toggle title_open="Close Me" title_closed="Open Me" hide="yes" include_excerpt_html="yes"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices non metus eget lobortis. Donec laoreet mauris ut tellus scelerisque placerat sit amet eget est. Praesent posuere purus in tempus ultrices. [/toggle] [toggle title_open="Close Me" title_closed="Open Me" hide="yes" include_excerpt_html="yes"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices non metus eget lobortis. Donec laoreet mauris ut tellus scelerisque placerat sit amet eget est. Praesent posuere purus in tempus ultrices. [/toggle] [toggle title_open="Close Me" title_closed="Open Me" hide="yes" include_excerpt_html="yes"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices non metus eget lobortis. Donec laoreet mauris ut tellus scelerisque placerat sit amet eget est. Praesent posuere purus in tempus ultrices. [/toggle] [toggle title_open="Close Me" title_closed="Open Me" hide="yes" include_excerpt_html="yes"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices non metus eget lobortis. Donec laoreet mauris ut tellus scelerisque placerat sit amet eget est. Praesent posuere purus in tempus ultrices. [/toggle] [toggle title_open="Close Me" title_closed="Open Me" hide="yes" include_excerpt_html="yes"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices non metus eget lobortis. Donec laoreet mauris ut tellus scelerisque placerat sit amet eget est. Praesent posuere purus in tempus ultrices. [/toggle] [toggle title_open="Close Me" title_closed="Open Me" hide="yes" include_excerpt_html="yes"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices non metus eget lobortis. Donec laoreet mauris ut tellus scelerisque placerat sit amet eget est. Praesent posuere purus in tempus ultrices. [/toggle] [toggle title_open="Close Me" title_closed="Open Me" hide="yes" include_excerpt_html="yes"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices non metus eget lobortis. Donec laoreet mauris ut tellus scelerisque placerat sit amet eget est. Praesent posuere purus in tempus ultrices. [/toggle] [toggle title_open="Close Me" title_closed="Open Me" hide="yes" include_excerpt_html="yes"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices non metus eget lobortis. Donec laoreet mauris ut tellus scelerisque placerat sit amet eget est. Praesent posuere purus in tempus ultrices. [/toggle] [toggle title_open="Close Me" title_closed="Open Me" hide="yes" include_excerpt_html="yes"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultrices non metus eget lobortis. Donec laoreet mauris ut tellus scelerisque placerat sit amet eget est. Praesent posuere purus in tempus ultrices. [/toggle]  
[zaptitle title='We are Strong!']
[bars_container][bars Percent="98"] Wordpress [/bars][bars Percent="88"] Html & CSS[/bars][bars Percent="95"] Javascript [/bars][bars Percent="60"] Illustratop [/bars][/bars_container]
[rp_style1 title='Latest Work' portfolio='all' total='' orderby='title' order='asc' scroller='yes' proj_per_row='3' link_to_projects="http://designarethemes.com/themes/zap/portfolio-v2-3columns/" title_to_projects_link="View Portfolio"]
[zaptitle title='Drop us a line']
[contact_form email="paulo.estv@gmail.com" subject="Message from Zap" name_error="Please enter a Name" email_error="Please enter a valid Email" message_error="Please enter a Message" success_message="Message Send" unsuccess_message="Message Error"]
 


GET THE CODE:
							[zaptitle title='Project Description']

Proin a lectus leo. Fusce elit mauris, facilisis non suscipit at, viverra vitae lacus. Vivamus diam sem, semper facilisis est et, elementum.

 

[zaptitle title='Project Details']

Client: Designare

Status: Finish on 05 Jully, 2013

Copyright: Julian Burford

 
[numerical_container ][numerical_item percent="340" unit="h" value_font_size="60px" unit_font_size="20px" jump="1"]Project Deadline [/numerical_item][/numerical_container]
[numerical_container ][numerical_item percent="12" unit="" value_font_size="60px" unit_font_size="20px" jump="1"]Coffees Taken [/numerical_item][/numerical_container]
 


GET THE CODE:
							 
[zaptitle title='Project Description'] Proin a lectus leo. Fusce elit mauris, facilisis non suscipit at, viverra vitae lacus. Vivamus diam sem, semper facilisis est et, elementum accumsan magna. Vivamus malesuada lobortis velit vel dictum. In rhoncus sodales urna, quis mattis mauris. Integer pharetra, lectus sit amet cursus adipiscing, orci sem venenatis sem, a tempor nisl leo imperdiet tellus. Etiam vitae aliquam velit, ut tempus diam. Nam euismod, urna at adipiscing varius, lacus lectus fringilla magna, vel aliquet lacus orci sit amet leo. Integer commodo, arcu id porttitor porta, libero velit malesuada nisl.   At luctus orci magna sed enim. Nam feugiat velit eu erat sodales feugiat. Vivamus interdum molestie magna ac tempor. Ut sit amet gravida augue. Integer at purus in elit fringilla posuere. Aenean non condimentum sem, quis convallis quam. Suspendisse vitae egestas risus. Phasellus mattis nec tortor eget tincidunt.
  [rp_style2 title="Most Recent Entries" portfolio="all" total="" scroller="yes" proj_per_row="3" orderby="title" order="asc" view_more_text="" ]  


GET THE CODE:
							

Standard features of This Project.

 
    [servicefa items_per_row="3" icons_size="small"] [itemfa title="You will love Zap. For sure." icon="heart" color="#10b9b9" ]Maecenas fermentum neque id ligula commodo elementum. Aliquam eu ornare augue. Donec quis tincidunt.[/itemfa] [itemfa title="Tons of Layout Possibilities" icon="cogs" color="#10b9b9" ]Maecenas fermentum neque id ligula commodo elementum. Aliquam eu ornare augue. Donec quis tincidunt.[/itemfa] [itemfa title="Setup it in Minutes. Save time." icon="time" color="#10b9b9" ]Maecenas fermentum neque id ligula commodo elementum. Aliquam eu ornare augue. Donec quis tincidunt.[/itemfa] [itemfa title="Multi-Purpose Theme" icon="beaker" color="#444444" ]Maecenas fermentum neque id ligula commodo elementum. Aliquam eu ornare augue. Donec quis tincidunt.[/itemfa] [itemfa title="Powerful Admin Panel" icon="cog" color="#444444" ]Maecenas fermentum neque id ligula commodo elementum. Aliquam eu ornare augue. Donec quis tincidunt arcu. Duis accumsan ultrices metus vel[/itemfa] [itemfa title="Responsive Design & Retina Ready" icon="eye-open" color="#444444" ]Maecenas fermentum neque id ligula commodo elementum. Aliquam eu ornare augue. Donec quis tincidunt.[/itemfa] [/servicefa]  
   

More Awesome Stuff

  [rp_style2 title="" portfolio="all" total="6" scroller="no" proj_per_row="3" orderby="date" order="asc" view_more_text="" ]    


GET THE CODE:
							
 


GET THE CODE:
							 
[zaptitle title='Project Description'] Proin a lectus leo. Fusce elit mauris, facilisis non suscipit at, viverra vitae lacus. Vivamus diam sem, semper facilisis est et, elementum accumsan magna. Vivamus malesuada lobortis velit vel dictum. In rhoncus sodales urna, quis mattis mauris. Integer pharetra, lectus sit amet cursus adipiscing, orci sem venenatis sem, a tempor nisl leo imperdiet tellus. Etiam vitae aliquam velit, ut tempus diam. Nam euismod, urna at adipiscing varius, lacus lectus fringilla magna, vel aliquet lacus orci sit amet leo. Integer commodo, arcu id porttitor porta, libero velit malesuada nisl.
  [rp_style2 title="Most Recent Entries" portfolio="all" total="" scroller="yes" proj_per_row="3" orderby="title" order="asc" view_more_text="" ]  


GET THE CODE:
							
[zaptitle title='We’d Love to Hear From You, Lets Get In Touch!']
[contact_form email="geral@designarethemes.com" subject="Email from Zap" name_error="Please enter a valid Name" email_error="Please enter a valid Email" message_error="Please enter a valid Message" success_message="Email sent successfully" unsuccess_message="An error has occurred"]
 

7. Using Page templatestop


    ZAP come with 8 templates
  • Default Template
  • Blog Template Full-Width
  • Blog Template Left Sidebar
  • Blog Template Right Sidebar
  • Template Contacts
  • Home Page Template
  • Projects Template - Style1
  • Projects Template - Style2

  • To use the page templates, simply create a new page in Pages -> Add new and choose the template you want to use for that page in Page Attributes box.



Homepage Template

1. Select Homepage Template.

2. Go to Homepage Settings and select your Main Slider.

3. Choose one of your previously created sliders.

4. Set Update.


Now you'll having your slider on your Homepage.




Projects Template - Style 1


1. Select Projects Template - Style 1

2. Go to Portfolio Settings and pick your options from there.


IMPORTANT: You need to create your projects first, before picking this option, or else no project will be displayed.

3. Set Update.




You can check the result in our online preview




Projects Template - Style 2


1. Select Projects Template - Style 2

2. Go to Portfolio Settings and pick your options from there.


IMPORTANT: You need to create your projects first, before picking this option, or else no project will be displayed.

3. Set Update.




You can check the result in our online preview



8. Custom Page Settingstop

With this custom settings, you can customize every page individually, customize Header Background, Header Text, Body Options, Homepage Settings...

We'll show you a bit more.


1.Posts

    Zap Post Type Settings


  • Secondary Title
  • Post Type
  • Sidebar
  • Enable Custom Page Style


Enable Custom Page Style:

If you choose this options, they will override the options that you have selected in the ZAP Admin Panel.


    General Color


  • Custom Style Color

  • Header Settings


  • Header Type
  • Header Height
  • Header Text Margin
  • Text Color
  • Text Size
  • Secondary Title Text Color
  • Secondary Title Text Size


Header Type:

You can pick on your options whether you want to show something on your header.

You can set options like, none, color, image, pattern, simple border, banner slider and without header.

For that options you'll have options that suits to the picked option.



    Body Options


  • Body Layout Type
  • Breadcrumbs
  • Display Subscription Form on Pages


Body Layout Type:

You can choose between "Full Width" and "Boxed Page" which will enable your page to be on full screen or in a boxed mode.


2.Pages

Zap Page Settings


  • Secondary Title
  • Enable Custom Page Style


Secondary Title:

You can set html tags inside of this textbox.

If you want to add an important featured word(s), you can set it here, just by adding like this:

Your secondary title here < span class="text_color"> Your Featured Word Here < /span > and here!!


Enable Custom Page Style:

If you choose this options, they will override the options that you have selected in the ZAP Admin Panel.


9. Creating WP Menustop

This theme uses WordPress 3.5.2 Custom Menus.

Go to Appearance > Menus and you will see a panel where you can create new menus.

Create one, add your created pages to it (from the left side panels) and save it.

After this, in the left side you have a Theme Locations drop down box where you can select the Menu.

Choose your newly created menu, click Save and your menu is ready.






IMPORTANT : You also can create a menu, and set it as a Widget with the "Custom Menus".


  • Go to Appearance > Menus and create new menus.
  • Create a new Sidebar.
  • Create a new page, and set the sidebar you've created inside of it.
  • Use the Custom Menu widget inside of the sidebar you've created, and call the Shortcodes Menu.

10. Setting Sliderstop



    10.1 Revolution Slider
  • Upload the Plugin via Wordpress Plugins and Activate it. You can find the revslider.zip inside the folder "Plugins"
  • Import rev slider content (revslider.txt) if you want it like our demo
  • Create a page with a HomePage-Template
  • Select the slider in the Page options -> Home Page Settings -> Main Slider
  • Hit Publish

  • NOTE: You can use the revolution slider documentation to learn how to manage this awesome plugin. Find it inside the Plugins folder.

    IMPORTANT : An error can occur when using this slider. so you can fix this situation, you'll have to take the following steps:

  • 1. Create New Revolution Slider or Edit existing created Slider
  • 2. Select existing slider
  • 3. Scroll down to the bottom of the page and go to Troubleshooting, and set "Jquery No Conflict Mode" off.



    10.2 Camera Slider

    First create the Slider:

  • Go to Appearance > Camera Slider.
  • Add a New Camera Slider
  • Fill the options with your images, text and buttons.

  • Now you need to create the Home page to show the slider:

  • Create a page with a HomePage-Template
  • Select the slider in the Page options -> Home Page Settings -> Main Slider
  • Hit Publish


    10.3 Flexslider

    First create the Slider:

  • Go to Appearance > Flex Slider.
  • Add a New Flexslider Slider
  • To the slider add the images captions and url's.

  • Now you need to create the Home page to show the slider:

  • Create a page with a HomePage-Template
  • You can set the slider through 2 ways:

  • Home Page Settings

  • Select the slider in the Page options -> Home Page Settings -> Main Slider
  • Hit Publish

  • Shortcodes

  • Now go to the Shortcodes Button
  • Insert a Media -> Slider
  • Hit Publish



    10.4 Layer Slider
  • Upload the Plugin via Wordpress Plugins and Activate it. You can find the layerslider.zip inside the folder "Plugins"
  • Import Layer Slider content (layerslider.txt) if you want it like our demo
  • Go to Custom Post Types > Layer Slider WP > Add New.
  • Insert your image
  • Hit Publish

  • IMPORTANT : An error can occur when using this slider. so you can fix this situation, you'll have to take the following steps:

  • 1. Create New LayerSlider or Edit existing created Slider
  • 2. Select existing slider
  • 3. Select Global Settings
  • 4. Scroll down to the bottom of the page and go to Troubleshooting, and set it to green.




    10.5 Simple Image - NoSlider
  • Go to Pages > Add New.
  • Create a page with a HomePage-Template
  • Go to Shortcodes > Media -> Images
  • Insert your image
  • Hit Publish

11. Creating Sidebarstop



    11.1 Creating the Sidebar in the Admin Panel
  • Go to Appearance > ZAP Options.
  • Now on Widgets Area > Sidebars.
  • Enter a Name for the sidebar.
  • Hit Add Sidebar.
  • Hit SAVE CHANGES.


    11.2 Add Widgets to the Sidebar
  • Go to Appearance > Widgets.
  • 1. and 2. Drag-and-drop widgets you'd like to use into "Your Sidebar" widget area, here's an example:



    11.3 Add the Sidebar to your Page
  • Go to Pages > Add New.
  • Go to Shortcodes > Insert Column Layout Shortcode.
  • Now divide the page like you want, for example into 3 columns, 2/3 + 1/3
  • Inside the column 1/3, go to Shortcodes -> Features -> Custom Sidebar and insert your sidebar.

12. Setting Twittertop



  • 1. New twitter API requires you to setup the application before pulling the feed out. To achieve this, go to https://dev.twitter.com/apps/
  • 2. Logging in with your twitter account.
  • 3. Click to create the access token, then refresh the page.
  • 4. Fill the data into the Admin Panel. Personal Info -> Twitter
  • You can activate/deactivate the twitter scroller on Widgets Area -> Footer -> Twitter Scroller
  • Hit SAVE CHANGES.

IMPORTANT : You can also use this feature, just by using it as a widget, and setting it where you want in your website!

13. Setting Portfolio Pagestop

This theme comes with custom projects Structure where you can manage different portfolios and respective projects.


You can create unlimited portfolios and inside the portfolios you can create unlimited projects. Then you can create unlimited collections of photos/videos and associate them to the respective project.


IMPORTANT : For you to use this feature, you need o create firstly a Projects Template - Style1 or Style2 like in step 7. Using Page templates.


    13.1 Key steps to follow
  • Go to Projects > New Project.
  • Add the name and the project description
  • You can set a secondary title.
  • On portfolio type you can change between:
    • Slider Image
    • Video
    • Thumbnail Gallery
    • Other
  • If you pick Slider Image, you can add the images you want on the panel that will appear so you can set it there.
  • If you pick Video, you'll get to pick between youtube, Vimeo, or you can embed it from other place.
  • If you pick Thumbnail Gallery, you'll have to firstly go to the Menu Post Types > Thumbnail Gallery and set your gallery with your images. After that just give it a name!
  • After that you'll just need to pick that gallery you've created already.
  • If you pick Other, you can add whatever you like on the textbox description.
  • You can create a new portfolio just by clicking on the add new portfolio button. Then add this project to the portfolio you've created.

    You can also pick the create new categories just by clicking on the add new category button. This will set your appearance to be using Quicksand displaying your portfolio, or using opacity style.

13.2 Create and edit portfolios

14. Setting Blog Pagetop


    14.1 Create the Page
  • Go to Pages > Add New.
  • Select one of the templates, Full-Width, Left Sidebar and Right Sidebar in the Page Attributes




    14.2 Customize Blog Sidebar
  • Go to Appearance > Widgets.
  • 1. and 2.Drag-and-drop widgets you'd like to use into the "BlogSidebar" widget area, here's an example:



    14.3 Custom Post Settings


  • In the ZAP Post Type Settings you can edit the post type and sidebar orientation for your post (1. and 2.).

  • Featured Image



  • 1. Choose the Post Type "Featured Image"
  • 2. Use the Wordpress native "Featured Image upload".
  • Hit Publish

  • Images Slider



  • 1. Choose the Post Type "Images Slider"
  • 2. Add the images you want to set on your post.
  • NOTE: You can drag them to the order you want them to be displayed.
  • Hit Publish

  • Video



  • 1. Choose the Post Type "Video"
  • 2. Choose which kind of video file you want to use.
  • 3. Just simply paste the code from the type of video you've chosen.
  • Hit Publish

  • Audio



  • 1. Choose the Post Type "Audio"
  • 2. Just paste your embed code.
  • Hit Publish

  • Thumbnail Gallery



  • 1. Choose the Post Type "Thumbnail Gallery"
  • 2. You need to have created a Thumbnail Gallery, in order so it appears in this dropdown.
  • Hit Publish

  • Text



  • 1. Choose the Post Type "Text".
  • 2. Just Write whatever you like in the textarea!
  • NOTE: An "A" Icon will shown on your post.
  • Hit Publish

  • None



  • 1. Choose the Post Type "None".
  • 2. Just Write whatever you like in the textarea!
  • NOTE: doesn't display the post type on the post.
  • Hit Publish



    14.4 Blog Reading Option
  • Go to Appearance -> ZAP Options.
  • Now on General -> Blog
  • Select the Reading Type
  • Hit Save Changes






15. Setting Contact Pagetop


15.1 Create a Contact Page width a full-width google maps
  • Go to Pages > Add New.
  • Select the template Contacts in the Page Attributes
  • Now go to ZAP Page Settings -> Fullwidth Google Map.
  • Set the Latitude, Longitude and Map Height
  • Hit Publish



16. Setting Testimonialstop

This are the steps you need to take for adding testimonials:


    How to create it:
  • Go to Testimonials > Add New.

  • 1. Add your testimonial menu name.

    2. Add the testimonial message.

    3. Go to Testimonial Author and set the authors name.

    4. Go to Testimonial Author Company and set the authors company name.

    5. After you have all of this set up, just add your testimonial featured image.


    How to set it up:
  • Go to Shortcodes > Features > Testimonials.
  • This will generate your shortcode, that can be used wherever you want to.

GET THE CODE:
							[testimonials title="testimonials from nice people" nshow="" hideauthor="no" hidecompany="no"]
						

You can check the result in our online preview

17. Setting Partnerstop

    How to create it:

  • Go to partners > Add New.
  • 1. Enter the partners website link.
  • 2. Enter the partners Featured Image.
  • 3. Create a new page and go to Shortcodes > Partners list and fill all the textbox's.



GET THE CODE:
							[partners partners_per_row="2" effect="opacity" title="partners list" css="stuff"]
						

18. Setting Team Memberstop

    How to create it:
  • Go to Team > Add New.

  • 1. Add your team member name.

    2. Add your personal info.

    3. If you have any kind of social icon, you can set it just by going to Shortcodes > Social Buttons > Social Icons.

    4. Set your social icon link > and click Insert.

    5. After you have all of this set up, just add your team member featured image.



GET THE CODE:
						[partners scroller="yes" partners_per_row="3" effect="opacity" title="team"]
						

19. Setting MailChimp Newslettertop

    Check out all the step you need to take so you can have your newsletter on your website:


    How to create it:

    1. Open your MailChimp account and select Lists.

    2. Select your favorite email listing.

    3. Select Signup Forms.

    4. Select Embedded Forms.

    5. Select from Embedded Form Code, the Naked one.

    6. Copy your generated code.

    7. Go to Appearance > Zap Options > Newsletter.

    8. Paste your generated code.



20. Translation Ready

So you can replace the theme language to your defined language, follow the next steps:


  • Edit the en_EN.po file (Zap_Wordpress/lang folder) using the Poedit software.
  • Save the file with the name of your language (for example: fr_FR for French) on a folder called "languages" on the "wp-content" folder of your wordpress installation.
  • Edit the wp-config.php file, on the root of your wordpress theme, and change the line 72 to the name of the file you created. For example: "define('WPLANG', 'fr_FR');"

NOTE:

If you want help other users (and us) improving our theme, you can send your translated .mo .po files to Designare Themes.

We would really appreciate it!

21. Credits and Resourcestop


The Images in the live preview will not be part of the design/theme meant for sale.

These images are courtesy of:
Julian Burford and Daniele Zedda


From Creattica
3d-book by estrika.stk
simplicity by Marcin Kasperski
halloo-it by LogoYeah
eagle-financial-consulting by CrossMediaStudiostt
ba-na by Bratus
la-battle by Yoon
roxo by Bratus
bike-easy-logo-design by Line 58
majestic by almosh82


From Photodune
http://photodune.net/item/happy-kid-jumping-outdoors/5063698
http://photodune.net/item/happy-business-woman/4973004
http://photodune.net/item/chair/1533808
http://photodune.net/item/interior/1545089
http://photodune.net/item/smiles/2359510
http://photodune.net/item/female-executive-with-team-in-background/646835
http://photodune.net/item/smiling-young-business-man/216592



We used and maintained the following credits to the authors


Javascript


  • jQuery
  • Camera Slider
  • Flex Slider
  • HoverDir
  • jCarousel
  • QuickSand
  • Pretty Photo
  • Tweeter API
  • jQuery Tools
  • Modernizer
  • Superfish
  • FontAwesome
  • Google Webfonts
  • Skeleton