Courtney documentation

Thank you for purchasing!

App HTML marcup



<!DOCTYPE html>
<html lang="zxx" class="is-animating">

<head>

    ...

</head>

<body>

    <!-- wrapper -->
    <div class="mil-wrapper" id="top">

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

        <div class="mil-frame">

            <!-- top bar -->
            <div class="mil-top-panel">
                ...
            </div>
            <!-- top bar end -->

            <!-- left bar -->
            <div class="mil-left-panel">
                ...
            </div>
            <!-- left bar end -->

            <!-- back to top -->
            <div class="mil-back-to-top">
                ...
            </div>
            <!-- back to top end -->

        </div>

        <!-- content -->
        <div class="mil-content">

            <div class="mil-scroll-wrapper transition-fade" id="swupMain">
                ...
            </div>

            <div class="mil-right-banner" id="scene">
                ...
            </div>

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

    ...

</body>

</html>




CSS assets

Plugins


Courtney scss


Courtney css



<head>

    ...

    <!-- bootstrap grid css -->
    <link rel="stylesheet" href="css/plugins/bootstrap-grid.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">
    <!-- courtney css -->
    <link rel="stylesheet" href="css/dark-mode.css">
    <!-- page name -->
    <title>Courtney</title>

</head>


Js assets

Plugins


Courtney assets



<body>

    ...

    <!-- jQuery js -->
    <script src="js/plugins/jquery.min.js"></script>
    <!-- swup js -->
    <script src="js/plugins/swup.min.js"></script>
    <!-- swup body class plugin js -->
    <script src="js/plugins/SwupBodyClassPlugin.min.js"></script>
    <!-- swiper js -->
    <script src="js/plugins/swiper.min.js"></script>
    <!-- gsap js -->
    <script src="js/plugins/gsap.min.js"></script>
    <!-- scroll smoother -->
    <script src="js/plugins/smooth-scroll.js"></script>
    <!-- scroll trigger js -->
    <script src="js/plugins/ScrollTrigger.min.js"></script>
    <!-- parallax js -->
    <script src="js/plugins/parallax.js"></script>
    <!-- itsulu js -->
    <script src="js/main.js"></script>

</body>


Fonts


Icons