Getting Started

Welcome to Qunesa Agency Business Template Documentation! We would like to thank you for choosing our template - Qunesa.

Qunesa - Agency Business Template can be used for many purposes. It's a creative, minimal and clean design. Also It's suitable for Designer, Developer, Specialist, Content Writer, Instructor, Photographer, Freelancer, Software Engineer, Teacher or others expert who Show their professional projects and services in digital way. It's 100% responsive and Ultra Super Fast beacause it's made with Latest Tailwind CSS.

Please feel free to get back to us in case if you are having any question or feedback.

HTML Structure:

CSS Structure:

JS Structure:

Swiper Slider Setting

In Qunesa Template we offers seamless customization through simple data attributes for swiperJs, giving you full control over its behavior without needing to write extensive JavaScript. With this feature, you can easily adjust settings like autoplay, slide speed, loop functionality, and pagination directly in the HTML, ensuring your carousel adapts perfectly to any device. Whether you need specific slide counts for different screen sizes or want to create unique effects like parallax scrolling or dynamic pagination, everything is effortlessly configurable. This flexible, user-friendly approach allows for faster implementation and a highly tailored, interactive experience.

Basic Setup

Each Swiper instance is initialized by selecting an element with the data-carousel="swiper" attribute.

<div data-carousel="swiper">
    <div data-swiper="container"></div>
    <div data-swiper="prev"></div>
    <div data-swiper="next"></div>
    <div id="swiperPagination" data-swiper="pagination"></div>
</div>

Data Attributes

1. data-swiper="container"
   • Refers to the Swiper container element. The script retrieves the container ID to initialize the Swiper instance.

   • <div data-swiper="container"></div>
     

2. data-pagination-mobile & data-pagination-desktop
   • These attributes define the ID of pagination elements for mobile and desktop views, allowing the Swiper to adjust pagination depending on screen size.

   • <div data-carousel="swiper" data-pagination-mobile="mobilePagination" data-pagination-desktop="desktopPagination"></div>
     

3. data-swiper="pagination"
   • Provides a fallback pagination element if neither mobile nor desktop pagination is declared

   • <div id="swiperPagination" data-swiper="pagination"></div>
     

4. data-swiper="prev" & data-swiper="next"
   • Identifies the previous and next navigation buttons.

   • <div id="prevButton" data-swiper="prev"></div>
     <div id="nextButton" data-swiper="next"></div>
     

5. data-autoplay & data-delay
   • Enables autoplay with a configurable delay between slides.

   • <div data-carousel="swiper" data-autoplay="true" data-delay="3000"></div>
     

6. data-initial
   • Sets the initial slide index.

   • <div data-carousel="swiper" data-initial="1"></div>
     

7. data-loop
   • Enables looping of slides.

   • <div data-carousel="swiper" data-loop="true"></div>
     

8. data-parallax
   • Activates parallax effect for certain elements.

   • <div data-carousel="swiper" data-parallax="true"></div>
     

9. data-space
   • Defines the space between slides (in pixels).

   • <div data-carousel="swiper" data-space="20"></div>
     

10. data-speed
    • Activates parallax effect for certain elements.

    • <div data-carousel="swiper" data-parallax="true"></div>
      

11. data-center
    • Centers the active slide.

    • <div data-carousel="swiper" data-center="true"></div>
      

12. data-effect
    • Defines the transition effect (slide, fade, cube, etc.).

    • <div data-carousel="swiper" data-effect="fade"></div>
      

13. data-direction
    • Specifies the direction of the slide transition (horizontal or vertical).

    • <div data-carousel="swiper" data-direction="vertical"></div>
      

14. data-mousewheel
    • Enables navigation using the mouse wheel.

    • <div data-carousel="swiper" data-mousewheel="true"></div>
      

15. data-disableinteraction
    • Disables user interaction during autoplay.

    • <div data-carousel="swiper" data-disableinteraction="true"></div>
      

16. Responsive Settings (Breakpoints)

    Define how many slides are visible at different screen sizes by using these attributes:

    • data-items: Default number of visible slides.
    • data-items-sm: Number of slides for small screens (≥576px).
    • data-items-md: Number of slides for medium screens (≥768px).
    • data-items-lg: Number of slides for large screens (≥992px).
    • data-items-xl: Number of slides for extra-large screens (≥1200px).
    • data-items-xxl: Number of slides for extra-extra-large screens (≥1400px).

    • <div data-carousel="swiper" data-items="1" data-items-sm="2" data-items-md="3" data-items-lg="4" data-items-xl="5" data-items-xxl="6"></div>
      

Sources & Credits

• Google Fonts
• SwiperJs
• Bootstrap
• FontAwesome
• Freepik
• GLightbox

Clients Support Desk

Please remember you have purchased a very affordable template and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a higher priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful. However We will be more than happy to assist you.

Please visit our profile page or ask question @themestransmit

Support for our items includes:

• Responding to questions or problems regarding the item and its features
• Fixing bugs and reported issues
• Providing updates to ensure compatibility with new software versions

Before seeking support, please...

• Make sure your question is a valid Template Issue and not a customization request.
• Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
• Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
• If you have customized your Template and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
• Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
• Make sure to state the name of the Template you are having issues with when requesting support via ThemeForest.

Refund Policy

Read this Article before asking for a refund.

The refund request will not be accepted in the following cases by the article:

• You don't want it after you've downloaded it
• The item did not meet your expectations or you feel the item is of low quality
• You simply change your mind
• You bought an item by mistake
• You do not have sufficient expertise to use the item
• You claim that you are entitled to a refund but do not provide sufficient information as to why you are entitled to a refund
• You can no longer access the item because it has been removed or the author who previously provided the item is no longer active on our platform (we advise you to download items as soon as you have purchased them to avoid this situation).

Change Log

    -----------------------------------------------------
    Version 1.0 - 20 November 2024
    -----------------------------------------------------
    - Initial Release Qunesa-Resume
    - Upadate all plugins / Library
    - Improve site speed and image optimization
    - Improve Responsive issues
    - Product design quality enhanced

Clients Support Desk

Please remember you have purchased a very affordable template and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a higher priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful. However We will be more than happy to assist you.

Please visit our profile page or ask question @themearray

Support for our items includes:

• Responding to questions or problems regarding the item and its features
• Fixing bugs and reported issues
• Providing updates to ensure compatibility with new software versions

Before seeking support, please...

• Make sure your question is a valid Template Issue and not a customization request.
• Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
• Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
• If you have customized your Template and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
• Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
• Make sure to state the name of the Template you are having issues with when requesting support via ThemeForest.