Axtra - Creative Digital Agency HTML5 Template

Created: 19 November 2022

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to create a support ticket at our Themeforest profile. We are here to support you 24/7 hours.

Template Installation

FTP Upload:

  • Open up your FTP manager and connect to your hosting
  • Browse to required directory (Normally public_html)
  • Upload the files inside Axtra folder.

Pages

Home pages

  1. index.html for for Digital Maketing page
  2. index-dark.html for for Digital Maketing dark page
  3. index-2.html for for Design Studio page
  4. index-2-dark.html for Design Studio dark page
  5. index-3.html for Digital Agenc page
  6. index-3-dark.html for Digital Agency dark page
  7. index-4.html for personal Portfoli page
  8. index-4-dark.html for personal Portfolio dark page
  9. index-5.html for portfolio showcas page
  10. index-5-dark.html for portfolio showcase dark page

    11. Service pages

  11. service.html for service page
  12. service-dark.html for service dark page
  13. service-2.html for service V. page
  14. service-2-dark.html for service V.2 dark page
  15. service-3.html for service V. page
  16. service-3-dark.html for service V.3 dark page
  17. service-4.html for service V. page
  18. service-4-dark.html for service V.4 dark page
  19. service-5.html for service V. page
  20. service-5-dark.html for service V.5 dark page
  21. service-details.html for service detail page
  22. service-details-dark.html for service details dark page

    23. Portfolio pages

  23. portfolio.html for portfolio page
  24. portfolio-dark.html for portfolio dark page
  25. portfolio-2.html for portfolio v. page
  26. portfolio-2-dark.html for portfolio v.2 dark page
  27. portfolio-3.html for portfolio v. page
  28. portfolio-3-dark.html for portfolio v.3 dark page
  29. portfolio-4.html for portfolio v. page
  30. portfolio-4-dark.html for portfolio v.4 dark page
  31. portfolio-5.html for portfolio v. page
  32. portfolio-5-dark.html for portfolio v.5 dark page
  33. portfolio-details.html for portfolio detail page
  34. portfolio-details-dark.html for portfolio details darkli< page/li>

    Team pages

  35. team.html for Team page
  36. team-dark.html for Team dark page
  37. team-details.html for Team Detail page
  38. team-details-dark.html for Team Details dark page
  39. career.html for caree page
  40. career-dark.html for career dark page
  41. job-details.html for job detail page
  42. job-details-dark.html for job details dark page/li>

    Blog pages

  43. blog.html for blog page
  44. blog-dark.html for blog dark page
  45. blog-2.html for blog v. page
  46. blog-2-dark.html for blog v.2 dark page
  47. category.html for categor page
  48. category-dark.html for category dark page
  49. blog-details.html for blog detail page
  50. blog-details-dark.html for blog details dark page

    51. Other pages

  51. faq.html for FAQs page
  52. faq-dark.html for FAQs dark page
  53. contact.html for contac page
  54. contact-dark.html for contact dark page
  55. 404.html for 40 page
  56. 404-dark.html for 404 dark page

Fonts

Kanit

to change the font family: assets->scss->utils->_variables.scss and edit the line number 112. for better understanding check the screenschort.

Source Files (CSS)

Just make sure all of the css was compiled from scss, so if you want to edit any css, we recomend to use Scss and we have separate SCSS files for each element. for better understanding check out the screenschort

If you want to create any new scss files. Just create the files and make sure you included that to master.scss files

<!-- All CSS files included here -->

<link rel="stylesheet" href="assets/css/bootstrap.min.css"> 
<link rel="stylesheet" href="assets/css/all.min.css">  
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css"> 
<link rel="stylesheet" href="assets/css/progressbar.css">  
<link rel="stylesheet" href="assets/css/meanmenu.min.css"> 
<link rel="stylesheet" href="assets/css/master.css"> 
<link rel="stylesheet" href="style.css">

Source Files (JS)

<!-- All javascript plugins are included here --> 

<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/counter.js"></script>
<script src="assets/js/gsap.min.js"></script>
<script src="assets/js/ScrollTrigger.min.js"></script>
<script src="assets/js/ScrollToPlugin.min.js"></script>
<script src="assets/js/ScrollSmoother.min.js"></script>
<script src="assets/js/SplitText.min.js"></script>
<script src="assets/js/chroma.min.js"></script>
<script src="assets/js/jquery.meanmenu.min.js"></script>
<script src="assets/js/main.js"></script>

Customization

How to Change Logo

We have 4 variations in menu so you can select any menu and just find out the header and change your logo. for better understanding check the screenschort

How to disable Cursor

To remove the cursor, just remove the HTML code from the very top of the each HTML files. for better understanding check the screenschort

How to disable Preloader

To remove the Preloader, just remove the HTML code from the very top of the each HTML files. for better understanding check the screenschort

How to disable smooth scrolling

To remove the smooth scrolling, just remove the HTML code from the very top of the each HTML files. for better understanding check the screenschort

How to disable scroll to Top

To remove scroll to Top, just remove the HTML code from the very top of the each HTML files. for better understanding check the screenschort

How to Change all the images

How to Change Copyright Information

Thank you once again for purchasing our Template.

If you have any questions that are beyond the scope of this help file, please feel free to create a support ticket at our Templatemonster profile. We are here to support you 24/7 hours.