https://ctpd.org.zm/assets-website/js/script.js

1/* =========================================
2                Preloader
3============================================ */
4$(window).on('load', function () { // makes sure that whole site is loaded
5    $('#status').fadeOut();
6    $('#preloader').delay(250).fadeOut('slow');
7});
8
9
10/* =========================================
11                Team
12============================================ */
13
14
15
16/* =========================================
17                Progress Bars
18============================================ */
19$(function () {
20
21    $("#progress-elements").waypoint(function () {
22
23        $(".progress-bar").each(function () {
24
25            $(this).animate({
26                width: $(this).attr("aria-valuenow") + "%"
27            }, 2000);
28
29        });
30
31        this.destroy();
32    }, {
33        offset: 'bottom-in-view'
34    });
35
36});
37
38/* =========================================
39               Responsive Tabs
40============================================ */
41$(function () {
42
43    $("#services-tabs").responsiveTabs({
44        animation: 'slide'
45    });
46
47});
48
49
50/* =========================================
51               Portfolio
52============================================ */
53$(window).on('load', function () {
54
55    // Initialize Isotope
56    $("#isotope-container").isotope({});
57
58    // filter items on button click
59    $("#isotope-filters").on('click', 'button', function () {
60
61        // get filter value
62        var filterValue = $(this).attr('data-filter');
63
64        // filter portfolio
65        $("#isotope-container").isotope({
66            filter: filterValue
67        });
68
69        // active button
70        $("#isotope-filters").find('.active').removeClass('active');
71        $(this).addClass('active');
72    });
73});
74/* =========================================
75               Magnifier
76============================================ */
77$(function () {
78
79    $("#portfolio-wrapper").magnificPopup({
80        delegate: 'a', // child items selector, by clicking on it popup will open
81        type: 'image',
82        gallery: {
83            enabled: true
84        }
85    });
86
87});
88
89/* =========================================
90               Testimonials
91============================================ */
92$(function () {
93    $("#testimonial-slider").owlCarousel({
94        items: 1,
95        autoplay: false,
96        smartSpeed: 700,
97        loop: true,
98        autoplayHoverPause: true,
99        nav: true,
100        dots: false,
101        navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>']
102    });
103});
104
105
106/* =========================================
107              Stats
108============================================ */
109$(function () {
110
111    $(".counter").counterUp({
112        delay: 10,
113        time: 2000
114    });
115
116});
117
118
119/* =========================================
120              Clients
121============================================ */
122
123
124
125/* =========================================
126              Google Map
127============================================ */
128
129
130
131/* =========================================
132              Navigation
133============================================ */
134
135/* Show & Hide White Navigation */
136// $(function () {
137//
138//     // show/hide nav on page load
139//     showHideNav();
140//
141//     $(window).scroll(function () {
142//
143//         // show/hide nav on window's scroll
144//         showHideNav();
145//     });
146//
147//     function showHideNav() {
148//
149//         if ($(window).scrollTop() > 50) {
150//
151//             // Show white nav
152//             $("nav").addClass("green-nav-top");
153//
154//             // Show dark logo
155//             $(".navbar-brand img").attr("src", "assets-website/img/logo/logos-white.png");
156//
157//             // Show back to top button
158//             $("#back-to-top").fadeIn();
159//
160//         } else {
161//
162//             // Hide white nav
163//             $("nav").removeClass("green-nav-top");
164//
165//             // Show logo
166//             $(".navbar-brand img").attr("src", "assets-website/img/logo/logo-green-new.png");
167//
168//             // Hide back to top button
169//             $("#back-to-top").fadeOut();
170//         }
171//     }
172// });
173
174// Smooth Scrolling
175$(function () {
176
177    $('body').scrollspy({ target: '.navbar' })
178
179    $("a.smooth-scroll").click(function (event) {
180
181        event.preventDefault();
182
183        // get section id like #about, #servcies, #work, #team and etc.
184        var section_id = $(this).attr("href");
185
186        $("html, body").animate({
187            scrollTop: $(section_id).offset().top - 64
188        }, 1250, "easeInOutExpo");
189
190    });
191
192});
193
194/* =========================================
195              Mobile Menu
196============================================ */
197$(function () {
198
199    // Show mobile nav
200    $("#mobile-nav-open-btn").click(function () {
201        $("#mobile-nav").css("height", "100%");
202    });
203
204    // Hide mobile nav
205    $("#mobile-nav-close-btn, #mobile-nav a").click(function () {
206        $("#mobile-nav").css("height", "0%");
207    });
208
209});
210
211/* =========================================
212                Animation
213============================================ */
214// animate on scroll
215$(function () {
216    new WOW().init();
217});
218
219// home animation on page load
220$(window).on('load', function () {
221
222    $("#home-heading-1").addClass("animated fadeInDown");
223    $("#home-heading-2").addClass("animated fadeInLeft");
224    $("#home-text").addClass("animated zoomIn");
225    $("#home-btn").addClass("animated zoomIn");
226    $("#arrow-down i").addClass("animated fadeInDown infinite");
227
228});
229
230    //
231    // jQuery(document).ready(function($) {
232    //     $('.demo04').lazyTube();
233    // });
234
235
236// $(function (){
237//     lazyload();
238// });