What's In The Box

Welcome to Graptor. We are going to explore Graptor package. Unzip the packag you will get 2 sub folder Documentation & graptor.zip, this file is your main file. Lets explore it.

Folders -> 

  1. assets-> All assets are stored into this folder. Lets open it.
    1. ajax-> All php files are here. Those are used for Mail.
    2. css -> All CSS libraries, frameworks & custom css files are here.
    3. fonts -> Used icon fonts.
    4. images -> Logo, Favicon & other used images are here.
    5. Js -> All third party JS  libraries and custom js files are here.

Files -> 

  1. 6 Home Pages ( index.html, index-2.html & index-3.html,index-onepage.html, index-2-onepage.html & index-3-onepage.html)
  2. 3 Blog List Pages ( blog.html & blog-2.html, blog-3.html )
  3. 1 Blog Details Page ( single-blog.html)
  4. 2 Services Pages (service1.html, service2.html)
  5. 1 Service Details Page ( single-service.html )
  6. 3 Portfolio Pages ( portfolio1.html, portfolio2.html & portfolio3.html )
  7. 1 About Us Page ( about.html )
  8. 1 Contact Us Page ( contact.html )
  9. 1 Team ( team.html )
  10. 1 Team Single ( single-team.html )
  11. 1 Pricing ( pricing.html )
  12. 1 Faq Page ( faq.html )
  13. 404 Page ( Comming soon )

Customization

Lets start how to customize Graptor. Its easy to customize.

Head -> 

Here in head part you can change page title, meta information & favicon. We import all of our css file into this head part. If you wanna add some more or remove then you can do it here. 

If you wanna build a new page then you just need to copy it and paste it to your html file.

 

Scrolling Menu for One-pages -> 

Here is the Navigation anchor style. When you scrolling later this id going to that section or div area

Here is the section id declaration way. This id stored in menu.

 

Preloader -> 

In every page we used a preloader. If you wanna remove or modify it then please check the codes are noted bellow. 

 

Header -> 

In Graptor we used 1 header style contain Menu, Logo & some access buttons. Codes are noted bellow.

 

Banner Slider ->

 

Footers -> 

In Graptor we used 1 footer style.

 

Footer Scripts -> 

Before boody closing tab we linked lots of JS plugins and Graptor custom js file. Dont remove any one untill you 100% sure about it. Otherwise site will face JS error & that can be prevent site loading.

As you know HTML & CSS modification is not rocket science. But still i am here. If you need any kind of assistance please mail me at nsstheme@gmail.com.

CSS

We'r using 2 main CSS files in this template. Others files are from 3rd party plugins. Some of them are free and rest is premium. 

Path -> css/theme.css

The first file all contains of the stylings for the pages, named theme.css. The file is separated into sections using comment.

 

Path -> css/responsive.css

And Second file is for maintain responsiveness of the theme named responsive.css. The file separated with media queries.

 

JS

We used losts of JS third party plugins. Here in Graptor we write custom script in one file named theme.js. File locate under assets/js/theme.js folder. We are going to show you some important part of our theme.js file.

All Carousels -> 

All carousels are built with Owl Carousel. Documentation can be found here. 

 

Search Toggler->

 

Contact Form Submission ->

 

PHP

Only one php file availabler here. Its for mailing. Path assets/ajax/mail.php

Credits

First of all i wanna thanks to all of those authors who make my task easy. Thank you so much guys.

CSS Plugins & Fonts ->

  1. Animate CSS
  2. Bootstrap
  3. Elegant Icons
  4. Fontawesome
  5. Google Fonts
  6. Light Case

 

JS Plugins ->

  1. Bootstrap 
  2. jquery-ui
  3. Light Case
  4. slick
  5. Jquery Appear
  6. Owl Carousels

Thanks

Once again, thank you so much for purchasing this product. As I said at the beginning, I'd be glad to help you if you have any questions relating to this Template. Please contact us nsstheme@gmail.com