Arter documentation

Thank you for purchasing!

App HTML marcup



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

<head>
  ...
</head>

<body>

  <!-- app -->
  <div class="art-app">

    <!-- mobile top bar -->
    <div class="art-mobile-top-bar"></div>

    <!-- app wrapper -->
    <div class="art-app-wrapper">

      <!-- app container -->
      <div class="art-app-container">

        <!-- info bar -->
        <div class="art-info-bar">

          <!-- menu bar frame -->
          <div class="art-info-bar-frame">
            ...
          </div>
          <!-- menu bar frame end -->

        </div>
        <!-- info bar end -->

        <!-- content -->
        <div class="art-content">
          ...
        </div>
        <!-- content end -->

        <!-- menu bar -->
        <div class="art-menu-bar">
          ...
        </div>
        <!-- menu bar end -->

      </div>
      <!-- app container end -->

    </div>
    <!-- app wrapper end -->

    <!-- preloader -->
    <div class="art-preloader">
      ...
    </div>
    <!-- preloader end -->

  </div>
  <!-- app end -->

</body>

</html>



CSS assets

Plugins


Arter scss


Arter css



      <!-- 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">
      <!-- main css -->
      <link rel="stylesheet" href="css/style.css">


Js assets

Plugins


Arter assets



      <!-- 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>
      <!-- typing js -->
      <script src="js/plugins/typing.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>

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


Fonts


Icons