JS Animated. How to create/manage Tabs layout

This video tutorial will show how to create and manage Tabs layout in JS Animated templates.

1. You can use FTP or File Manager, open index.html file for editing:

   

2. HTML Website Template use ResponsiveTabs.js extension to implement tabs functionality. In order to add tabs to target pages, you should use the following code structure:

   <div class="responsive-tabs">
       <ul class="resp-tabs-list">
           <li> Tab #1  </li>
           <li> Tab #2  </li>
           <li> Tab #3  </li>
   	<li> Tab #4  </li>
       </ul>
   
       <div class="resp-tabs-container">
           <div> Tab 1 Body </div>
           <div> Tab 2 Body </div>
           <div> Tab 3 Body </div>
   	<div> Tab 4 Body </div>
       </div>
   </div>	
   	

   

3. Go back to your home page to see the newly created Tabs, make sure to refresh the page:

   

Feel free to check the detailed video tutorial below: