Anant - Multipurpose HTML Template

Version 1.8 by RevivalPixel


Thanks for Purchasing Anant- Multipurpose HTML template. If you have any questions, Feel free to contact us.

Anant | Multipurpose HTML Template is a perfect design for Creative Agency, Corporation, Organization, Community, Company Profile, Personal Portfolio, News, Creative Blog, Gallery Photo and many more. It’s based on Bootstrap grid layout (1170px).

We did our best and prepare 120+ highly customizable components and 100+ pages for web project categories. Works, Testimonials, Team, Pricing tables, Header, Footers, Features, Covers, Counters, Content, Clients, Call to action and more...

So crafting your own design with Anant is really an enjoyable experience! Trends follow each other, but some things remain forever.

100+ Unique pages
120+ Shortcodes
Fully Responsive
Revolution jquery Slider
Revolution jquery Visual Editor
Unlimited Color Style
SASS CSS
Google Fonts
Font Awesome Icons
Bootstrap (V. 3.3.6)
Pixel Perfect Design
HTML5, CSS3
Well Maintained HTML, CSS Code
SEO Friendly
5 Footer Style
Different Pricing Table

Pages

Classic

index.html
01-404-page.html
03-about-us.html
04-under-construction.html
06-services.html
07-coming-soon.html
08-login.html
09-register.html
10-faq.html
11-left-sidebar.html
12-right-sidebar.html
13-no-sidebar.html
14-privacy-policy.html
15-shipping-returns.html
16-team-page-1.html
17-team-page-2.html
18-team-page-3.html
19-contact-page-1.html
20-contact-page-2.html
21-contact-page-3.html
22-contact-page-4.html
23-portfolio-4-collumn-grid.html
24-portfolio-3-collumn-grid.html
25-photo-video-gallery.html
25-portfolio-2-collumn-grid.html
26-portfolio-masonary-grid.html
27-portfolio-modern-4-collumn.html
28-portfolio-modern-3-collumn.html
29-portfolio-modern-2-collumn.html
30-portfolio-full-width-4-collumn.html
31-portfolio-full-width-3-collumn.html
32-portfolio-full-width-2-collumn.html
33-portfolio-full-width-parallax.html
34-portfolio-full-width-masonary.html
35-portfolio-modern-full-width-masonary.html
36-portfolio-detail.html
37-blog-single.html
38-blog-single-featured-post.html
39-blog-masonry.html
40-blog-left-sidebar.html
41-blog-right-sidebar.html
42-typography.html
43-archive.html
44-author.html
45-search-result.html
46-sitemap.html

 

Shortcodes

01-pagination.html
02-counters-milestones.html
03-pricing-tables.html
04-progress-bars.html
05-loading.html
05-Team.html
06-call-to-action.html
07-accordian.html
08-tabs.html
09-client-carousel.html
10-testimonials.html
11-blog-post.html
12-features.html
13-image-presentation.html
14-timeline.html
15-buttons.html
16-carousel.html
17-social-media.html
18-dividers.html
19-dropcaps.html
20-columns.html
21-Alerts.html
22-blockquotes.html
23-steps.html
24-bullet-points.html
26-widgets.html
27-forms.html
28-tables.html
29-google-maps.html
30-heading-styles.html
32-piecharts.html

 

App Landing page

app.html

Personal

index.html
work.html
blog.html
contact.html

e-Commerce

index.html
product-listing.html
product-detail.html
shopping-cart.html
checkout.html
register.html
login.html
about-us.html
blog.html
blog-detail.html
contact.html
faq.html
privacy-policy.html
services.html

Corporate

index.html
about.html
service.html
news.html
news-detail.html
project.html
project-detail.html
contact.html
team.html
faq.html

Magazine

index.html
magazine-category.html
magazine-detail.html
contact.html

Agency

index.html
about.html
case-study.html
services.html
contact.html
work.html

Blog

index.html
about.html
author.html
contact.html
blog-detail-full-width.html
blog-detail-left-sidebar.html
blog-detail-right-sidebar.html
blog-listing-full-width.html
blog-listing-left-sidebar.html
blog-listing-right-sidebar.html

Portfolio

index.html
about.html
project.html
contact.html
home-left-sidebar.html
home-masnory-style-one.html
home-masnory-style-two.html
home-right-sidebar.html

Landing Page

index.html

Footer

footer.html

Roboto Slab

Montserrat

Open Sans

Playfair Display

Editing and customizing this Anant template is extremely simple. Every HTML file renamed properly so it's easy to find any element you want and edit it.

1) Find HTML file.

 

2) Open HTML file and edit

 

3) Open CSS file and find what you want to change ( eg: testimonial style 1 )  find  testimonial style 1  and change it

 

 

 

 

You Can Use any Color from given 7 Color Styles below.

anant-color-blue
anant-color-green
anant-color-orange
anant-color-pink
anant-color-purple
anant-color-red
anant-color-turquoise

Eg: if You Want To use Orange color in your theme you have to do only one Thing :

you have to put this code in the head section of the page :

<link rel="stylesheet" href="css/anant-color-orange.css" type="text/css">

You can Implement Any color from given 7 Color Style by Adding above code in your head Section of the page.

if you want to use any other color just change 'anant-color-orange' to 'anant-color-blue'.


If You Want to use your own color, you have to do following Steps :

First : Open Any Color css file eg: anant-color-blue

Second : Copy all the code of anant-color-blue css file and past it in new css file and save it by color name which you want to use in css folder

Third : Find blue color code eg : #4285f4 and Relace it with your color code which you Want to use.

Fourth : and add css in the head Section of Page.

Revolution JQuery Slider Documentation

Revolution Slider visual editor Documentation

Follow the below simple step to use Revolution Slider visual editor.

First, create database in your local system. You can use xampp or wamp. Database name anant_revolution and import given anant_revolution.sql fine in your created database.
Now simply follow below step.

1] Open new tab and type e.g http://localhost/anant/revslider-standalone.
You will see below screen.

2] Now you have to add username : anant and password : anant321 and click on login, you can change username and password from edit account option.
You can See below screen.

3] Now you can create new slider, add slider from template or import slider from local.
here, we just add slider from template.
Simply click on add slider from template and you can see below screen.



Now click on free templates and hover on any slider and click on + icon and then click on install slider.
after clicking on install slider one slider will be add, you can see below image.



After successfully importing slider you can see below screen



Now click on down arrow and then export to HTML



After clicking on export to HTML, slider zip file will be create, save it.
now unzip slider file and you can find slider.html file, copy this file and paste it to your project directory. and also copy images from assets folder and past it to in you project assets folder
Now open this file in any editor and Replace the two trailing paths for all urls, turning this local path for the "src" attribute:

<link rel="stylesheet" href="css/settings.css" type="text/css">

Into this, for all urls:

<link rel="stylesheet" href="revolution/css/settings.css" type="text/css">

Now enjoying a new slider

If you have any questions feel free to contact us.

Email: support@revivalpixel.com

Skype: revivalpixel

 

Connect with us on Social Media:

Facebook

Twitter

Linkedin

Google+

Dribbble

 

 

JS

Carousal: http://owlgraphic.com/owlcarousel/

Masonry Portfolio: http://masonry.desandro.com/

Time Countdown: http://lexxus.github.io/jq-timeTo/

Reading Progress Indicator  Privay Policy Page:  https://codyhouse.co/gem/reading-progress-indicator/

Photo Gallery:  http://photoswipe.com/

Piechart:  https://github.com/chartjs/Chart.js

Accordian ( Bootstrape ): http://v4-alpha.getbootstrap.com/components/collapse/

Tab ( Bootstrape ): http://getbootstrap.com/javascript/#tabs

Parallax Portfolio:  https://github.com/pixelcog/parallax.js/

jQuery Revolution Slider : https://codecanyon.net/item/slider-revolution-responsive-jquery-plugin/2580848

jQuery Revolution Slider Visual Editor : https://codecanyon.net/item/slider-revolution-jquery-visual-editor-addon/13934907

Icons
http://fontawesome.io/
http://www.flaticon.com/
http://www.freepik.com/


Stock Images
https://unsplash.com/
https://www.pexels.com/
https://dribbble.com/

V 1.8: January 31st, 2017

Portfolio Category Added
Landing Page Added
SASS CSS
Unlimited Color Options
Revolution Slider Jquery Included
Revolution Slider Visual Editor Included

V 1.7: January 4th, 2017 – Blog category added

V 1.6: January 3rd, 2017 – Agency category added

V 1.5: December 28th, 2016 – Magazine category added

V 1.4: December 19th, 2016 – Corporate category added

V 1.3: December 13th, 2016 – e-Commerce added

V 1.2: December 09th, 2016 – Personal category added

V 1.1: November 22nd, 2016

Navigation style change
App landing page category added

V 1.0: October 8th, 2016 – Anant | Multipurpose HTML Template released

Anant Released