>

# Wonder Template Documentation

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to send and email to me at deepsinha23@gmail.com. Thanks so much!

Contact Form
Changelog
Credits

Author: | Way2themes
Demo : | Wonder Demo Page
Created: | 2014

Modified: | 2014
Current Version: | 1.0
Documentation Version | 1.0

# Getting started

I assume you have a blogger account, so let's get started!

### Installation

You can do it by follow this step:

1. Unzip the “wonder-theme.zip” file.
2. On Blogger Dashboard Click Template.
3. Click Backup/Restore button (Top Right).
4. Click Choose File button. Find where the “wonder-theme.xml” file location.
5. Then Click Upload.

NB: Before Uploading This Template Mobile Blogger Template Must Enable to make Blogger Customize Work

### Default Setting

After installing the theme, this it the minimun setting to make all widget works fine in this themes.

#### Embedded Comment

This to make comment area like the Demo and make Emoticon show

1. On Blogger Dashboard Click Setting.
2. Click Posts and Comments
3. in Comment Location Choose Embedded
4. Then Click Save settings.

#### Blog Feed

This to make recent comment, Search Result, Featured Post, and Post by Label work fine

1. On Blogger Dashboard Click Setting.
2. Click Other
3. in Site Feed Allow Blog Feed Choose Full Or Short
4. Then Click Save settings.

NB:
1. If yours post have image uploaded on blogspot you can choose SHORT. but if yours post just have image from third party image hosting you must choose Full
2. Blogger feed must be not redirect to other feed site like Feedburner
3. Your's blog or website not Private
4. Please host the external CSS and Javascript on your server. We do not guarantee to host it on our servers forever.

### Layout Review

1. Favicon Changer Widget
2. Logo holder (width=265px)
3. 728x90 Adbox
4. Blog's Main Menu
5. Featured Post Widget
6. Bigthumb label specific widget
7. Horizontal label specific posts widget
8. Vertical label specific widget 1
9. Vertical label specific widget 2
10. Blog's Main Post Area/Latest Posts
11. First Widget/Ad section in sidebar
12. Tabbed Widgets
    a. Recent Posts Slider Widget
    b. Popular Posts customized Widget
    c. Subscribe Us widget
13. Other Sidebar Widgets
14. Pages Menu on footer bar
15. Contact Form Popup Widget
16. Footer Widgets Area
17. Slider

### Setting up the logo

To Add Logo in this theme you can follow this step:

1. on Dashbord Blogger Click Layout
2. Click Edit (Left Header Widget Area.)
3. Add the logo image
4. Click Save

### Setting up the Ad (Right Header)

To Add Ad in the header you can follow this step:

1. on Dashbord Blogger Click Layout
2. Click Edit (right Header Widget Area.)
3. Paste your Add code in blank space
4. Click Save

### Setting up the top navmenu

Top Menu

To Edit Menu in this theme you can follow this step:

1. On Blogger Dashbord Click Layout
2. Click Edit (Linklist widget)
3. Add Your Link's and title's in it
4. Click Save

### Changing The Comment Policy

To add comment policy in this theme you can follow this step:

1. On Blogger Dashbord Click settings
2. Click Posts and Comments
3. Scroll down and Find Comment Form Message
4. paste this in the blank space :

       <strong> Comment Policy </strong>
       We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

5. Click Save Settings
6. Note:- You can change the comment policy with your own text too

# Creating Content Featured Post, Label Post and Error Page

### Setting Horizontal Featured Post (Full Width)

To Add Horizontal Featured Post in this theme you can follow this step:

1. On Blogger Dashbord Click Layout
2. Click Edit (Featured Articles)
3. Paste This Code in the blank Space :

       <script src='/feeds/posts/summary/-/Hollywood?max-results=3&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentthumbs&amp;' type='text/javascript'></script>
       <p class="viewmore"><a href="/search">View More Articles</a></p>

4. Change "Hollywood" with yours label name.
5. Change "/search" with your label url.
6. Click Save

### Setting Featured Post with Bigthumbnail for first post

To Add Horizontal Featured Post in this theme you can follow this step:

1. On Blogger Dashbord Click Layout
2. Click Edit (Cars)
3. Paste This Code in the blank Space :

       <div id="new_latest_post_main">
       <script style="text/javascript">
           var showpostsummary_gal  	= false;
       	var random_posts       		= true;
       	var numchars_gal			= 150;
       	var numposts_gal			= 4;
       	var post_image_width		= 550;
       	var post_image_height   	= 250;
       </script>
       <script src="/feeds/posts/default/-/Cars?orderby=published&amp;alt=json-in-script&amp;callback=showgalleryposts&amp;max-results=999999"></script>

       </div>

4. Change "Cars" with yours label name.
5. Change "var numposts_gal" if you want to show more or less posts.
6. Click Save

### Setting Slider Post widget.

To Add Slider Post widget in this theme you can follow this step:

1. On Blogger Dashbord Click Layout
2. Click Edit (Slider)
3. Paste This Code in the blank Space :

       <div class="flex-container">
         <div class="flexslider">
           <ul class="slides">
            <li>
               <img src="http://2.bp.blogspot.com/-DYsMIJ_6juo/UwCHJ36qNlI/AAAAAAAACWU/UPXWgtXYElM/s1600/4952370052_52f4a93158_o.jpg" />
               <p class="flex-caption"> <a href="http://itsreallywonder.blogspot.com/2014/02/madagascar-3-african-animals-are-back.html">This is a long caption made for Demonstration Purpose and as said is long.</a></p>
             </li>
             <li>
               <img src="http://3.bp.blogspot.com/-8ul-ZyckPyw/UmT_SCGWGuI/AAAAAAAAEy8/WV5L75SEMaY/s1600/Plana_landscape_photography_1789_Iordan_Hristov_web_blog.jpg" />
               <p class="flex-caption"><a href="http://itsreallywonder.blogspot.com/2013/11/a-sample-post-with-comments.html">A good average sized caption for all.</a></p>
             </li>
             <li>
               <img src="http://1.bp.blogspot.com/-DNNS8KZQBIE/UwCHI7SG6sI/AAAAAAAACWQ/rNghrw7us0s/s1600/3010504684_ab39b5357f_z.jpg" />
       <p class="flex-caption">A caption without link.</p>
             </li>
           </ul>
         </div>
       </div>

4. Change the "Image link and Title text" with yours desired image and title name.
5. Click Save

Advance users can refer to the documentation here for different settings - Woothemes Flexslider

### Setting Mini Horizontal Featured Post with post date.

To Add Mini Horizontal Featured Post in this theme you can follow this step:

1. On Blogger Dashbord Click Layout
2. Click Edit (Fashion)
3. Paste This Code in the blank Space :

       <script src='/feeds/posts/default/-/Fashion?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs&amp;max-results=4'/></script>

4. Change "Fashion" with yours label name.
5. Change "max-results=4" if you want to show more or less posts.
6. Click Save

### Setting Verticle Featured Post (1)

To Add Verticle Featured Post in this theme you can follow this step:

1. On Blogger Dashbord Click Layout
2. Click Edit (Technology)
3. Paste This Code in the blank Space :

       <script type='text/javascript'>
       var numposts = 4;
       var showpostthumbnails = true;
       var displaymore = false;
       var displayseparator = true;
       var showcommentnum = false;
       var showpostdate = false;
       var showpostsummary = true;
       var numchars = 100;
       </script>
       <script type="text/javascript" src="/feeds/posts/default/-/Tech?published&alt=json-in-script&callback=labelthumbs"></script>

4. Change "Tech" with yours label name.
5. Change "var numposts = 4;" if you want to show more or less posts.
6. Click Save

### Setting Verticle Featured Post (2)

To Add Verticle Featured Post in this theme you can follow this step:

1. On Blogger Dashbord Click Layout
2. Click Edit (Sports)
3. Paste This Code in the blank Space :

       <script type='text/javascript'>
       var numposts = 4;
       var showpostthumbnails = true;
       var displaymore = false;
       var displayseparator = true;
       var showcommentnum = false;
       var showpostdate = false;
       var showpostsummary = true;
       var numchars = 100;
       </script>
       <script type="text/javascript" src="/feeds/posts/default/-/Sports?published&alt=json-in-script&callback=labelthumbs"></script>

4. Change "Sports" with yours label name.
5. Change "var numposts = 4;" if you want to show more or less posts.
6. Click Save

## Error Page

To change text on Error Page follow this step

1. On Blogger Dashbord Click Settings
2. Click Search Preference
3. Edit Custom Page Not Found
4. Paste the code in blank Space:

       <div class='sb-404-box'>
         <p style='line-height: 30px'><strong>
       <font color='#ff0000' size='5'>
       Oops!
       </font> <font color='#666666'>
       Looks like you either clicked a broken link or a Page that no more exits. Kindly do one of the followings:
       </font></strong></p>
         <ol style='line-height: 25px'>
           <li><a href='javascript:history.goundefined-1)'>&#171; Go Back</a> </li>
           <li>Report the Problem to us by <a href='#'>Clicking Here</a>&#160;&#160;&#160; undefined<em>This will help us serve you even better</em>) </li>
           <li>Go To Homepage by <a href='#'>Clicking Here</a>
             <br/></li>
         </ol>
         <p>
           <br/>
           <br/>
           <br/></p>
         <p align='center'><font color='#0080ff' style='font-size: 150px'><strong>404</strong></font></p>
         <p>&#160;</p>
         <p align='center'/>
         <p align='center'><font size='5'>Page Not Found!</font></p>
       </div>

5. Change "#" with your's Homepage and Contact page link
6. Click Save Settings

# Widgets Configuration

### Page Navigation

To edit change Load More Post with Page Navigation follow this step.

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :

        <script type='text/javascript'>
           var pageNaviConf = {
           perPage: 7,numPages: 5,firstText: &quot;First&quot;,
           lastText: &quot;Last&quot;,
           nextText: &quot;Next &#187;&quot;,
           prevText: &quot;&#171; Previous &quot;
           }
           </script>

   Property | Description
   --- | ---
   perPage | Maximum Number Of post to show
   numPages | Maximum Pages you want to show in the widget

## Tabbed sidebar widget

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :

       <script type='text/javascript'>
       var starttab=1;
       var endtab=3;
       var sidebarname="sidebar";
       </script>

Property | Description
--- | ---
starttab=1 | To start grouping 3 widgets in a tab starting with the "second" widget.
endtab=3 | To end grouping the 3 widgets in a tab ending with the "fourth" widget.

Edit the code as to which widgets you want to be grouped.
NOTE: As shown in the picture the real no. of the widget will vary to the number you have to add to the script. In the script the counting starts with 0 as the first widget.
To arrange the widgets in tabbed sidebar follow this step

1. On Dashbord Blogger Click Layout
2. Rearrage the widgets as you need

## Breaking News Ticker

To edit Breaking News Ticker Text you can follow this step

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :

       $undefineddocument).readyundefinedfunctionundefined){var e="",t=10;$.ajaxundefined{url:"/feeds/posts/default?alt=json-in-script&max-results="+t+"",type:"get",dataType:"jsonp",success:functionundefinede){var t,n,r="",i=e.feed.entry;ifundefinedi!==undefined){r="<ul>";forundefinedvar s=0;s<i.length;s++){forundefinedvar o=0;o<i[s].link.length;o++){ifundefinedi[s].link[o].rel=="alternate"){t=i[s].link[o].href;break}}n=i[s].title.$t;r+='<li><a href="'+t+'" target="_blank">'+n+"</a></li>"}r+="</ul>";$undefined"#recentticker").htmlundefinedr);function uundefined){$undefined"#recentticker li:first").slideUpundefinedfunctionundefined){$undefinedthis).appendToundefined$undefined"#recentticker ul")).slideDownundefined)})}setIntervalundefinedfunctionundefined){uundefined)},5e3)}else{$undefined"#recentticker").htmlundefined"<span>No result!</span>")}},error:functionundefined){$undefined"#recentticker").htmlundefined"<strong>Error Loading Feed!</strong>")}})})

Property | Description
--- | ---
t=10 | Maximum Number of post you want to show in the ticker

## Related Post

To edit Related post you can follow this step

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :

       <script type='text/javascript'>
       var defaultnoimage=&quot;http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg&quot;;
       var maxresults=3;
       var splittercolor=&quot;#fff&quot;;
       var relatedpoststitle=&quot;Related Articles:&quot;;
       </script>

Property | Description
--- | ---
var maxresults=3; | The number of post you want to show in the widget
var relatedpoststitle | Widget Header Title

## Subscribe us widget

To customize subscribe us widget in sidebar follow this step

1. on Dashbord Blogger Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :

       .follow-by-email-inner:before {

       content: "We Have 10000+ Email Subscribers.Enter Your Email and Join Our Email Subscriber List, Its Spam Free Secuer Email System";

       font-size: 14px;
       font-family: 'Bree Serif', serif;
       font-weight: normal;}

4. Replace the text in Content:" "; with your Desire text.

## Adding the slider widget

To add slider widget in sidebar follow this step

1. on Dashbord Blogger Click layout
2. Click Add a Gadget
3. Select html/javascript widget
4. Pate the code in blank space :

       <center>
       <div id="featuredpostside"></div>
       <script type="text/javascript">function FeaturedPostSideundefineda){undefinedfunctionundefinede){var h={blogURL:"",MaxPost:4,idcontaint:"",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=e.extendundefined{},h,a);var g=eundefinedh.idcontaint);var d=h.MaxPost*200;g.htmlundefined'<div class="sliderx"><ul class="abt-sidebar-slider"></ul></div><div class="buttons"><a href="#" class="prevx">prev</a><a href="#" class="nextx">next</a></div>');var f=functionundefinedw){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;forundefinedvar o=0;o<s.length;o++){forundefinedvar n=0;n<s[o].link.length;n++){ifundefineds[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}ifundefined"media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replaceundefined/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replaceundefined/\/s[0-9]+undefined\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substringundefined0,10);m=s[o].author[0].name.$t;x=r.substringundefined0,4);p=r.substringundefined5,7);t=r.substringundefined8,10);v=h.MonthNames[parseIntundefinedp,10)-1];l+='<li><a target="_blank" href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}eundefined"ul",g).appendundefinedl).addClassundefinedh.loadingClass)};var c=functionundefined){eundefinedh.idcontaint+" .nextx").clickundefined)};var b=functionundefined){e.getundefinedundefinedh.blogURL===""?window.location.protocol+"//"+window.location.host:h.blogURL)+"/feeds/posts/summary"+undefinedh.tagName===false?"":"/-/"+h.tagName)+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeoutundefinedfunctionundefined){eundefinedh.idcontaint+" .prevx").clickundefinedfunctionundefined){eundefinedh.idcontaint+" .sliderx li:first").beforeundefinedeundefinedh.idcontaint+" .sliderx li:last"));return false});eundefinedh.idcontaint+" .nextx").clickundefinedfunctionundefined){eundefinedh.idcontaint+" .sliderx li:last").afterundefinedeundefinedh.idcontaint+" .sliderx li:first"));return false});ifundefinedh.autoplay){var i=h.interval;var j=setIntervalundefinedc,i);eundefinedh.idcontaint+" .sliderx li:first").beforeundefinedeundefinedh.idcontaint+" .sliderx li:last"));eundefinedh.idcontaint+" .sliderx").hoverundefinedfunctionundefined){clearIntervalundefinedj)},functionundefined){j=setIntervalundefinedc,i)})}eundefined"ul",g).removeClassundefinedh.loadingClass)},d)};eundefineddocument).readyundefinedb)})undefinedjQuery)};</script>
       <script type='text/javascript'>
       //<![CDATA[
       FeaturedPostSideundefined{
       blogURL:"http://itsreallywonder.blogspot.in/",
       MaxPost:4,
       idcontaint:"#featuredpostside",
       ImageSize:300,
       interval:5000,
       autoplay:false,
       tagName:false
       });
       //]]>
       </script>
       <style scoped="" type="text/css">
       /*
       Made by AllBloggerTricks.com with lot of hardwork please keep the comment intact
       */
       ul.abt-sidebar-slider * {
           -moz-box-sizing: border-box;
       }
       ul.abt-sidebar-slider {
           font: 11px 'Open Sans',sans-serif;;
       }
       ul.abt-sidebar-slider, ul.abt-sidebar-slider li {
           list-style: none outside none;
           margin: 0;
           padding: 0;
           position: relative;
       }
       ul.abt-sidebar-slider {
           height: 1000px;
           width: 100%;
       }
       ul.abt-sidebar-slider li {
           display: none;
           float: left;
           height: 25%;
           overflow: hidden;
           padding: 0;
           position: absolute;
           width: 100%;
       }
       ul.abt-sidebar-slider li:nth-childundefined1), ul.abt-sidebar-slider li:nth-childundefined2), ul.abt-sidebar-slider li:nth-childundefined3), ul.abt-sidebar-slider li:nth-childundefined4) {
           display: block;
       }
       ul.abt-sidebar-slider li:nth-childundefined2) {
           left: 0;
           top: 50%;
       }
       ul.abt-sidebar-slider img {
           border: 0 none;
           height: 100%;
           width: 100%;
       }
       ul.abt-sidebar-slider .overlayx, ul.abt-sidebar-slider li {
           transition: all 0.4s ease-in-out 0s;
       }
       ul.abt-sidebar-slider li:nth-childundefined4) {
           left: 0;
           top: 75%;
           width: 100%;
       }
       ul.abt-sidebar-slider li:nth-childundefined3) {
           left: 0;
           top: 25%;
       }
       ul.abt-sidebar-slider .overlayx {
           background-color: rgbaundefined0, 0, 0, 0.5);
           height: 100%;
           left: 0;
           position: absolute;
           top: 0;
           width: 100%;
           z-index: 2;
       }
       ul.abt-sidebar-slider .overlayx, ul.abt-sidebar-slider img {
           border-radius: 3px 3px 3px 3px;
           margin-top: -5px;
       }
       ul.abt-sidebar-slider .overlayx:hover {
           opacity: 0.1;
       }
       ul.abt-sidebar-slider h4 {
          color: white;
       font-family: 'Open Sans',sans-serif;
       font-size: 16px;
       font-weight: bold;
       line-height: 1.5em;
       margin: 0;
       padding: 0px;
       position: absolute;
       left: 5%;
       top: 40%;
       width: 90%;
       z-index: 2;
       background: rgbaundefined0, 0, 0, 0.4)urlundefinedhttp://4.bp.blogspot.com/-5BAxq07aDQA/UgdY3Mk8spI/AAAAAAAAB84/ElxocGOzgYA/s1600/Opacity.png)
       }
       ul.abt-sidebar-slider .label_text {
           bottom: 10px;
           color: white;
           font-size: 90%;
           left: 10px;
           position: absolute;
           z-index: 2;
       }

       .buttons {
           margin: 5px 0 0;
       }
       .buttons a {
           display: inline-block;
           height: 25px;
           position: relative;
           text-indent: -9999px;
           width: 15px;
       }
       .buttons a:before {
           border-color: transparent #535353 transparent transparent;
           border-style: solid;
           border-width: 8px 7px;
           content: "";
           height: 0;
           left: 50%;
           margin-left: -10px;
           margin-top: -8px;
           position: absolute;
           top: 50%;
           width: 0;
       }
       .buttons a.nextx:before {
           border-color: transparent transparent transparent #535353;
           margin-left: -3px;
       }
       .date {
         background: none repeat scroll 0 0 rgbaundefined32, 122, 161, 0.84);
       bottom: 218px;
       padding: 8px;
       position: relative;
       right: 10px;
       border-top-left-radius: 5px;
       }
       .autname {
       background: none repeat scroll 0 0 rgbaundefined32, 122, 161, 0.84);
       top: -3px;
       padding: 8px;
       position: relative;
       left: 138px;}
       </style>
       </center>

5. Click Save
6. Replace blogURL with your Desire url.

### Setting Footer Social Widget

To Customize the Footer Social widget in this theme you can follow this step:

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :

       <div class='social_icons'><a class='social twitter' href='http://twitter.com'/><a class='social linkedin' href='http://linkedin.com'/><a class='social facebook' href='http://facebook.com'/><a class='social vimeo' href='http://vimeo.com'/></div><div class='clear'/></div>

4. Change Site links with your social profile links.

### Setting Author Box Widget

To Customize the Author Box widget in this theme you can follow this step:

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :

       <div class='about-author'>
       <h5 class='boxtitle'>About Author</h5>
       <div class='authorbox'>
       <div class='authorsocial'>
         <li><a class='fb' href='http://facebook.com/your-id' rel='nofollow'/></li>
         <li><a class='twitter' href='http://twitter.com/your-id' rel='nofollow'/></li>
         <li><a class='google' href='https://plus.google.com/your-id' rel='author'/></li>
         <li><a class='in' href='http://in.linkedin.com/in/your-id' rel='nofollow'/></li>
       </div>
         <div class='authorinfo'>
       <img src='http://lh5.googleusercontent.com/-OknoOgILvaI/AAAAAAAAAAI/AAAAAAAADUE/Z4GOlsyzII0/s150-c/photo.jpg'/>
       <p>Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consecteturDonec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. <a href='#'>Read More</a></p>
       </div>
       </div>
       </div>

4. Change Site links and text with your social profile links and bio.

### Setting up the Footer Menu

To Add Menu in Footer of this theme you can follow this step:

1. on Dashbord Blogger Click Layout
2. Click Edit (Page Widget in Footer.)
3. Add the pages you want to show in the menu
4. Click Save

### Setting up the Pop up Contact Widget

To Customize the Contact widget in Footer of this theme you can follow this step:

1. on Dashbord Blogger Click Layout
2. Click Edit (Contact Widget in Footer.)
3. Change the title you want to show
4. Click Save

### Adding ads in theme

To add advertisement in this theme you can follow this step:

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. Scroll down and Find this Code :

       <div class='gapad'>
         <img src='http://i40.tinypic.com/2iw25xj.jpg'/>
       </div>

4. Replace Image with your Ad Image.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. If you have a more general question relating to the theme, you might consider visiting the site and asking your question in the "Comment" section.

### Changelog

    Current version 1.0:
    Hey looks its quite fresh !

### Credits

I've used the following images, icons or other files as listed.

### JavaScript

1. jQuery News Ticker by Rhodimus
2. CSS-Tricks
3. Quick Div Popup
4. Expanding Menu by Codrops
5. Marius Balaj
6. Flex Slider
7. Flaticon