## 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

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

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

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.