Quarty documentation

Thank you for purchasing!

App HTML marcup



<!doctype html>
<html lang="zxx">

<head>
  ...
</head>

<body>

  <div class="qrt-app">
    <div class="qrt-preloader">
      ...
    </div>
    <div id="cursor" class="qrt-cursor">
      ...
    </div>
    <div class="qrt-top-bar">
      ...
    </div>
    <div class="qrt-left-bar">
      ...
    </div>
    <div class="qrt-curtain"></div>
    <div id="qrt-dynamic-content" class="qrt-dynamic-content">
      ...
    </div>
  </div>
  ...

</body>

</html>


CSS assets

Plugins


Arter scss


Quarty css



            <head>
              ...

              <!-- bootstrap css -->
              <link rel="stylesheet" href="css/plugins/bootstrap.min.css">
              <!-- font awesome css -->
              <link rel="stylesheet" href="css/plugins/font-awesome.min.css">
              <!-- swiper css -->
              <link rel="stylesheet" href="css/plugins/swiper.min.css">
              <!-- fancybox css -->
              <link rel="stylesheet" href="css/plugins/fancybox.min.css">
              <!-- mapbox css -->
              <link href="css/plugins/mapbox-style.css" rel='stylesheet'>
              <!-- main css -->
              <link rel="stylesheet" href="css/style.css">

              ...
            </head>


Js assets

Plugins


Quarty assets



      <body>
        ...

        <!-- jquery js -->
        <script src="js/plugins/jquery.min.js"></script>
        <!-- anime js -->
        <script src="js/plugins/anime.min.js"></script>
        <!-- swiper js -->
        <script src="js/plugins/swiper.min.js"></script>
        <!-- progressbar js -->
        <script src="js/plugins/progressbar.min.js"></script>
        <!-- smooth scrollbar js -->
        <script src="js/plugins/smooth-scrollbar.min.js"></script>
        <!-- overscroll js -->
        <script src="js/plugins/overscroll.min.js"></script>
        <!-- isotope js -->
        <script src="js/plugins/isotope.min.js"></script>
        <!-- fancybox js -->
        <script src="js/plugins/fancybox.min.js"></script>
        <!-- swup js -->
        <script src="js/plugins/swup.min.js"></script>
        <!-- mapbox js -->
        <script src="js/plugins/mapbox.min.js"></script>

        <!-- main js -->
        <script src="js/main.js"></script>

      </body>


Fonts


Icons