Athapoo slider

Awesome slider documentation version 1.0


Table of Content


Athapoo is a Modern Slider Plugin.
Athapoo is 100% responsive. This Plugin is best suitable for News / Blogs / Portfolio template designed for creative designers, developers or freelancers.

In a few moments you can customize this plugin to suit your own needs. All files are super organized and highly documented

Getting Started #back to top

  1. Unzip The Template File
  2. Install Code Editor Like vs code
  3. Open The Project In The Code Editor

How to Install #back to top

1- Include Athapoo.css file in your HTML

                            
                            
				        

2- Include JavaScript files at the bottom of Body Tag

                            
                            
                            

                            
				        

3- Write HTML Code

                            
                            

Tab1 Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. ..More

tab preview

Tab2 Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. ..More

Tab Preview 2

Tab3 Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. ..More

Tap Preview 3


Change the Style #back to top

- Open athapoo.css file

1- Change the { width: 100%; } to fill the page.

                            /* centerit */
                            .centerit {
                                width: 90%;
                                margin:0px auto;
                                padding:0px auto;
                            }
				        

2- Change the { min-height: 600px; } to your needs

                            /* accordionContainer */
                            #accordionContainer {
                                min-height: 600px;
                            }
				        

AutoPlay #back to top

- Open athapoo.js file

1- Change the true; to false; to stop autoplay;

                            // is accordion auto play on/off
                            var g_sliderAutoPlay = true;