https://getquicker.net/assets/js/animations.js

1/* ======= Animations ======= */
2jQuery(document).ready(function($) {
3
4    //Only animate elements when using non-mobile devices    
5    if (isMobile.any === false) { 
6    
7        /* Animate elements in #Promo */
8        $('#promo .title').css('opacity', 0).one('inview', function(isInView) {
9            if (isInView) {$(this).addClass('animated fadeInUp delayp1');}
10        });
11        $('#promo .summary').css('opacity', 0).one('inview', function(isInView) {
12            if (isInView) {$(this).addClass('animated fadeInUp delayp2');}
13        });
14        
15        $('#promo .ipad').css('opacity', 0).one('inview', function(isInView) {
16            if (isInView) {$(this).addClass('animated fadeInRight delayp3');}
17        });
18        
19        $('.phone-holder').css('opacity', 0).one('inview', function(event, isInView) {
20            if (isInView) {$(this).addClass('animated fadeInRight delayp4');}
21        });
22        
23        $('.promo-landscape .phone-holder').css('opacity', 0).one('inview', function(event, isInView) {
24            if (isInView) {$(this).addClass('animated fadeInUp delayp4');}
25        });
26    
27        /* Animate elements in #Features */
28        $('#features .icon').css('opacity', 0).one('inview', function(event, isInView) {
29            if (isInView) {$(this).addClass('animated fadeInUp delayp1');}
30        });
31        
32        /* Animate elements in #How */
33        $('#how .video-wrapper').css('opacity', 0).one('inview', function(event, isInView) {
34            if (isInView) {$(this).addClass('animated fadeInLeft delayp1');}
35        });
36        
37        $('#how .content').css('opacity', 0).one('inview', function(event, isInView) {
38            if (isInView) {$(this).addClass('animated fadeInRight delayp2');}
39        });
40        
41        /* Animate elements in #faq */
42        $('#faq .title').css('opacity', 0).one('inview', function(event, isInView) {
43            if (isInView) {$(this).addClass('animated fadeInUp delayp1');}
44        });
45        
46        /*
47        $('#faq .question').css('opacity', 0).one('inview', function(event, isInView) {
48            if (isInView) {$(this).addClass('animated fadeInUp delayp2');}
49        });
50        $('#faq .answer').css('opacity', 0).one('inview', function(event, isInView) {
51            if (isInView) {$(this).addClass('animated fadeInUp delayp3');}
52        });
53        $('#faq .btn').css('opacity', 0).one('inview', function(event, isInView) {
54            if (isInView) {$(this).addClass('animated fadeInUp delayp2');}
55        });
56        */
57        
58        /* Animate elements in #story */
59        $('#story .content').css('opacity', 0).one('inview', function(event, isInView) {
60            if (isInView) {$(this).addClass('animated fadeInLeft delayp1');}
61        });
62        
63        $('#story .member').css('opacity', 0).one('inview', function(event, isInView) {
64            if (isInView) {$(this).addClass('animated fadeInRight delayp2');}
65        });
66        
67        /* Animate elements in #testimonials */
68        $('#testimonials .title').css('opacity', 0).one('inview', function(event, isInView) {
69            if (isInView) {$(this).addClass('animated fadeInUp delayp1');}
70        });
71        
72        /*
73        $('#testimonials .quote-box').css('opacity', 0).one('inview', function(event, isInView) {
74            if (isInView) {$(this).addClass('animated fadeInUp delayp2');}
75        });
76        */
77        
78        
79        $('#testimonials .people').css('opacity', 0).one('inview', function(event, isInView) {
80            if (isInView) {$(this).addClass('animated fadeInUp delayp3');}
81        });
82        
83        
84        /* Animate elements in #Pricing */
85        $('#pricing h2.title').css('opacity', 0).one('inview', function(event, isInView) {
86            if (isInView) {$(this).addClass('animated fadeInUp delayp1');}
87        });
88        
89        $('#pricing .price-1').css('opacity', 0).one('inview', function(event, isInView) {
90            if (isInView) {$(this).addClass('animated fadeInLeft delayp2');}
91        });
92        

93        $('#pricing .price-2').css('opacity', 0).one('inview', function(event, isInView) {
94            if (isInView) {$(this).addClass('animated fadeInUp delayp4');}
95        });
96        
97        $('#pricing .price-3').css('opacity', 0).one('inview', function(event, isInView) {
98            if (isInView) {$(this).addClass('animated fadeInRight delayp2');}
99        });
100        
101        /* Animate elements in #contact */
102        $('#contact .title').css('opacity', 0).one('inview', function(event, isInView) {
103            if (isInView) {$(this).addClass('animated fadeInUp delayp1');}
104        });
105        
106        $('#contact .intro').css('opacity', 0).one('inview', function(event, isInView) {
107            if (isInView) {$(this).addClass('animated fadeInUp delayp2');}
108        });
109        
110        /*
111        $('#contact .contact-form').css('opacity', 0).one('inview', function(event, isInView) {
112            if (isInView) {$(this).addClass('animated fadeInUp delayp3');}
113        });
114        
115        $('#contact .social-icons').css('opacity', 0).one('inview', function(event, isInView) {
116            if (isInView) {$(this).addClass('animated fadeInUp delayp4');}
117        });
118        
119        */
120        
121    }
122
123
124});