├── README.md ├── img ├── logo.jpg ├── about.jpg ├── favicon.ico ├── carousel-1.jpg ├── carousel-2.jpg ├── favicon-32x32.png ├── Screenshot 2024-08-14 150416.png └── Screenshot 2024-12-10 153217.jpg ├── startup-website-template.jpg ├── Screenshot 2024-12-16 160605.jpg ├── lib ├── waypoints │ ├── links.php │ └── waypoints.min.js ├── owlcarousel │ ├── assets │ │ ├── ajax-loader.gif │ │ ├── owl.video.play.png │ │ ├── owl.theme.default.min.css │ │ ├── owl.theme.green.min.css │ │ ├── owl.theme.default.css │ │ ├── owl.theme.green.css │ │ ├── owl.carousel.min.css │ │ └── owl.carousel.css │ └── LICENSE ├── counterup │ └── counterup.min.js ├── easing │ ├── easing.min.js │ └── easing.js ├── wow │ ├── wow.min.js │ └── wow.js └── animate │ ├── animate.min.css │ └── animate.css ├── login.php ├── LICENSE ├── LICENSE.txt ├── js └── main.js ├── css └── style.css ├── about.html ├── contact.html ├── service.html └── index.html /README.md: -------------------------------------------------------------------------------- 1 | # raralwaves_ 2 | RARALWAVES web 3 | -------------------------------------------------------------------------------- /img/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vanonshati/raralwaves_/HEAD/img/logo.jpg -------------------------------------------------------------------------------- /img/about.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vanonshati/raralwaves_/HEAD/img/about.jpg -------------------------------------------------------------------------------- /img/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vanonshati/raralwaves_/HEAD/img/favicon.ico -------------------------------------------------------------------------------- /img/carousel-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vanonshati/raralwaves_/HEAD/img/carousel-1.jpg -------------------------------------------------------------------------------- /img/carousel-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vanonshati/raralwaves_/HEAD/img/carousel-2.jpg -------------------------------------------------------------------------------- /img/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vanonshati/raralwaves_/HEAD/img/favicon-32x32.png -------------------------------------------------------------------------------- /startup-website-template.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vanonshati/raralwaves_/HEAD/startup-website-template.jpg -------------------------------------------------------------------------------- /Screenshot 2024-12-16 160605.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vanonshati/raralwaves_/HEAD/Screenshot 2024-12-16 160605.jpg -------------------------------------------------------------------------------- /lib/waypoints/links.php: -------------------------------------------------------------------------------- 1 | 'lib/waypoints/waypoints.min.js' 4 | ); 5 | ?> 6 | -------------------------------------------------------------------------------- /img/Screenshot 2024-08-14 150416.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vanonshati/raralwaves_/HEAD/img/Screenshot 2024-08-14 150416.png -------------------------------------------------------------------------------- /img/Screenshot 2024-12-10 153217.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vanonshati/raralwaves_/HEAD/img/Screenshot 2024-12-10 153217.jpg -------------------------------------------------------------------------------- /lib/owlcarousel/assets/ajax-loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vanonshati/raralwaves_/HEAD/lib/owlcarousel/assets/ajax-loader.gif -------------------------------------------------------------------------------- /lib/owlcarousel/assets/owl.video.play.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vanonshati/raralwaves_/HEAD/lib/owlcarousel/assets/owl.video.play.png -------------------------------------------------------------------------------- /login.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /lib/owlcarousel/assets/owl.theme.default.min.css: -------------------------------------------------------------------------------- 1 | 2 | */ 3 | .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} -------------------------------------------------------------------------------- /lib/owlcarousel/assets/owl.theme.green.min.css: -------------------------------------------------------------------------------- 1 | 2 | */ 3 | .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0} -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2025 Shati_Vanon 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /lib/owlcarousel/LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2024 2 | Modified work Copyright 2024 Vanon Shati 3 | 4 | Permission is hereby granted, free of charge, to any person 5 | obtaining a copy of this software and associated documentation 6 | files (the "Software"), to deal in the Software without 7 | restriction, including without limitation the rights to use, 8 | copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the 10 | Software is furnished to do so, subject to the following 11 | conditions: 12 | 13 | The above copyright notice and this permission notice shall be 14 | included in all copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES 18 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 19 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT 20 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, 21 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 22 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR 23 | OTHER DEALINGS IN THE SOFTWARE. 24 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) [2024] [Raralwaves Solutions] 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | google.com, pub-5696800725935447, DIRECT, f08c47fec0942fa0 -------------------------------------------------------------------------------- /lib/owlcarousel/assets/owl.theme.default.css: -------------------------------------------------------------------------------- 1 | 2 | */ 3 | .owl-theme .owl-nav { 4 | margin-top: 10px; 5 | text-align: center; 6 | -webkit-tap-highlight-color: transparent; } 7 | .owl-theme .owl-nav [class*='owl-'] { 8 | color: #FFF; 9 | font-size: 14px; 10 | margin: 5px; 11 | padding: 4px 7px; 12 | background: #D6D6D6; 13 | display: inline-block; 14 | cursor: pointer; 15 | border-radius: 3px; } 16 | .owl-theme .owl-nav [class*='owl-']:hover { 17 | background: #869791; 18 | color: #FFF; 19 | text-decoration: none; } 20 | .owl-theme .owl-nav .disabled { 21 | opacity: 0.5; 22 | cursor: default; } 23 | 24 | .owl-theme .owl-nav.disabled + .owl-dots { 25 | margin-top: 10px; } 26 | 27 | .owl-theme .owl-dots { 28 | text-align: center; 29 | -webkit-tap-highlight-color: transparent; } 30 | .owl-theme .owl-dots .owl-dot { 31 | display: inline-block; 32 | zoom: 1; 33 | *display: inline; } 34 | .owl-theme .owl-dots .owl-dot span { 35 | width: 10px; 36 | height: 10px; 37 | margin: 5px 7px; 38 | background: #D6D6D6; 39 | display: block; 40 | -webkit-backface-visibility: visible; 41 | transition: opacity 200ms ease; 42 | border-radius: 30px; } 43 | .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { 44 | background: #869791; } 45 | -------------------------------------------------------------------------------- /lib/owlcarousel/assets/owl.theme.green.css: -------------------------------------------------------------------------------- 1 | 2 | /* 3 | * Green theme - Owl Carousel CSS File 4 | */ 5 | .owl-theme .owl-nav { 6 | margin-top: 10px; 7 | text-align: center; 8 | -webkit-tap-highlight-color: transparent; } 9 | .owl-theme .owl-nav [class*='owl-'] { 10 | color: #FFF; 11 | font-size: 14px; 12 | margin: 5px; 13 | padding: 4px 7px; 14 | background: #D6D6D6; 15 | display: inline-block; 16 | cursor: pointer; 17 | border-radius: 3px; } 18 | .owl-theme .owl-nav [class*='owl-']:hover { 19 | background: #4DC7A0; 20 | color: #FFF; 21 | text-decoration: none; } 22 | .owl-theme .owl-nav .disabled { 23 | opacity: 0.5; 24 | cursor: default; } 25 | 26 | .owl-theme .owl-nav.disabled + .owl-dots { 27 | margin-top: 10px; } 28 | 29 | .owl-theme .owl-dots { 30 | text-align: center; 31 | -webkit-tap-highlight-color: transparent; } 32 | .owl-theme .owl-dots .owl-dot { 33 | display: inline-block; 34 | zoom: 1; 35 | *display: inline; } 36 | .owl-theme .owl-dots .owl-dot span { 37 | width: 10px; 38 | height: 10px; 39 | margin: 5px 7px; 40 | background: #D6D6D6; 41 | display: block; 42 | -webkit-backface-visibility: visible; 43 | transition: opacity 200ms ease; 44 | border-radius: 30px; } 45 | .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { 46 | background: #4DC7A0; } 47 | -------------------------------------------------------------------------------- /lib/counterup/counterup.min.js: -------------------------------------------------------------------------------- 1 | 2 | */ 3 | (function($){"use strict";$.fn.counterUp=function(options){var settings=$.extend({time:400,delay:10,offset:100,beginAt:0,formatter:false,context:"window",callback:function(){}},options),s;return this.each(function(){var $this=$(this),counter={time:$(this).data("counterup-time")||settings.time,delay:$(this).data("counterup-delay")||settings.delay,offset:$(this).data("counterup-offset")||settings.offset,beginAt:$(this).data("counterup-beginat")||settings.beginAt,context:$(this).data("counterup-context")||settings.context};var counterUpper=function(){var nums=[];var divisions=counter.time/counter.delay;var num=$(this).attr("data-num")?$(this).attr("data-num"):$this.text();var isComma=/[0-9]+,[0-9]+/.test(num);num=num.replace(/,/g,"");var decimalPlaces=(num.split(".")[1]||[]).length;if(counter.beginAt>num)counter.beginAt=num;var isTime=/[0-9]+:[0-9]+:[0-9]+/.test(num);if(isTime){var times=num.split(":"),m=1;s=0;while(times.length>0){s+=m*parseInt(times.pop(),10);m*=60}}for(var i=divisions;i>=counter.beginAt/num*divisions;i--){var newNum=parseFloat(num/divisions*i).toFixed(decimalPlaces);if(isTime){newNum=parseInt(s/divisions*i);var hours=parseInt(newNum/3600)%24;var minutes=parseInt(newNum/60)%60;var seconds=parseInt(newNum%60,10);newNum=(hours<10?"0"+hours:hours)+":"+(minutes<10?"0"+minutes:minutes)+":"+(seconds<10?"0"+seconds:seconds)}if(isComma){while(/(\d+)(\d{3})/.test(newNum.toString())){newNum=newNum.toString().replace(/(\d+)(\d{3})/,"$1"+","+"$2")}}if(settings.formatter){newNum=settings.formatter.call(this,newNum)}nums.unshift(newNum)}$this.data("counterup-nums",nums);$this.text(counter.beginAt);var f=function(){if(!$this.data("counterup-nums")){settings.callback.call(this);return}$this.html($this.data("counterup-nums").shift());if($this.data("counterup-nums").length){setTimeout($this.data("counterup-func"),counter.delay)}else{$this.data("counterup-nums",null);$this.data("counterup-func",null);settings.callback.call(this)}};$this.data("counterup-func",f);setTimeout($this.data("counterup-func"),counter.delay)};$this.waypoint(function(direction){counterUpper();this.destroy()},{offset:counter.offset+"%",context:counter.context})})}})(jQuery); 4 | -------------------------------------------------------------------------------- /lib/easing/easing.min.js: -------------------------------------------------------------------------------- 1 | !function(n){"function"==typeof define&&define.amd?define(["jquery"],function(e){return n(e)}):"object"==typeof module&&"object"==typeof module.exports?exports=n(require("jquery")):n(jQuery)}(function(n){function e(n){var e=7.5625,t=2.75;return n<1/t?e*n*n:n<2/t?e*(n-=1.5/t)*n+.75:n<2.5/t?e*(n-=2.25/t)*n+.9375:e*(n-=2.625/t)*n+.984375}void 0!==n.easing&&(n.easing.jswing=n.easing.swing);var t=Math.pow,u=Math.sqrt,r=Math.sin,i=Math.cos,a=Math.PI,c=1.70158,o=1.525*c,s=2*a/3,f=2*a/4.5;n.extend(n.easing,{def:"easeOutQuad",swing:function(e){return n.easing[n.easing.def](e)},easeInQuad:function(n){return n*n},easeOutQuad:function(n){return 1-(1-n)*(1-n)},easeInOutQuad:function(n){return n<.5?2*n*n:1-t(-2*n+2,2)/2},easeInCubic:function(n){return n*n*n},easeOutCubic:function(n){return 1-t(1-n,3)},easeInOutCubic:function(n){return n<.5?4*n*n*n:1-t(-2*n+2,3)/2},easeInQuart:function(n){return n*n*n*n},easeOutQuart:function(n){return 1-t(1-n,4)},easeInOutQuart:function(n){return n<.5?8*n*n*n*n:1-t(-2*n+2,4)/2},easeInQuint:function(n){return n*n*n*n*n},easeOutQuint:function(n){return 1-t(1-n,5)},easeInOutQuint:function(n){return n<.5?16*n*n*n*n*n:1-t(-2*n+2,5)/2},easeInSine:function(n){return 1-i(n*a/2)},easeOutSine:function(n){return r(n*a/2)},easeInOutSine:function(n){return-(i(a*n)-1)/2},easeInExpo:function(n){return 0===n?0:t(2,10*n-10)},easeOutExpo:function(n){return 1===n?1:1-t(2,-10*n)},easeInOutExpo:function(n){return 0===n?0:1===n?1:n<.5?t(2,20*n-10)/2:(2-t(2,-20*n+10))/2},easeInCirc:function(n){return 1-u(1-t(n,2))},easeOutCirc:function(n){return u(1-t(n-1,2))},easeInOutCirc:function(n){return n<.5?(1-u(1-t(2*n,2)))/2:(u(1-t(-2*n+2,2))+1)/2},easeInElastic:function(n){return 0===n?0:1===n?1:-t(2,10*n-10)*r((10*n-10.75)*s)},easeOutElastic:function(n){return 0===n?0:1===n?1:t(2,-10*n)*r((10*n-.75)*s)+1},easeInOutElastic:function(n){return 0===n?0:1===n?1:n<.5?-(t(2,20*n-10)*r((20*n-11.125)*f))/2:t(2,-20*n+10)*r((20*n-11.125)*f)/2+1},easeInBack:function(n){return(c+1)*n*n*n-c*n*n},easeOutBack:function(n){return 1+(c+1)*t(n-1,3)+c*t(n-1,2)},easeInOutBack:function(n){return n<.5?t(2*n,2)*(7.189819*n-o)/2:(t(2*n-2,2)*((o+1)*(2*n-2)+o)+2)/2},easeInBounce:function(n){return 1-e(1-n)},easeOutBounce:e,easeInOutBounce:function(n){return n<.5?(1-e(1-2*n))/2:(1+e(2*n-1))/2}})}); 2 | -------------------------------------------------------------------------------- /lib/owlcarousel/assets/owl.carousel.min.css: -------------------------------------------------------------------------------- 1 | 2 | */ 3 | .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- 1 | (function ($) { 2 | "use strict"; 3 | 4 | // Spinner 5 | var spinner = function () { 6 | setTimeout(function () { 7 | if ($('#spinner').length > 0) { 8 | $('#spinner').removeClass('show'); 9 | } 10 | }, 1); 11 | }; 12 | spinner(); 13 | 14 | 15 | // Initiate the wowjs 16 | new WOW().init(); 17 | 18 | 19 | // Sticky Navbar 20 | $(window).scroll(function () { 21 | if ($(this).scrollTop() > 45) { 22 | $('.navbar').addClass('sticky-top shadow-sm'); 23 | } else { 24 | $('.navbar').removeClass('sticky-top shadow-sm'); 25 | } 26 | }); 27 | 28 | // Dropdown on mouse hover 29 | const $dropdown = $(".dropdown"); 30 | const $dropdownToggle = $(".dropdown-toggle"); 31 | const $dropdownMenu = $(".dropdown-menu"); 32 | const showClass = "show"; 33 | 34 | $(window).on("load resize", function() { 35 | if (this.matchMedia("(min-width: 992px)").matches) { 36 | $dropdown.hover( 37 | function() { 38 | const $this = $(this); 39 | $this.addClass(showClass); 40 | $this.find($dropdownToggle).attr("aria-expanded", "true"); 41 | $this.find($dropdownMenu).addClass(showClass); 42 | }, 43 | function() { 44 | const $this = $(this); 45 | $this.removeClass(showClass); 46 | $this.find($dropdownToggle).attr("aria-expanded", "false"); 47 | $this.find($dropdownMenu).removeClass(showClass); 48 | } 49 | ); 50 | } else { 51 | $dropdown.off("mouseenter mouseleave"); 52 | } 53 | }); 54 | 55 | 56 | // Facts counter 57 | $('[data-toggle="counter-up"]').counterUp({ 58 | delay: 10, 59 | time: 2000 60 | }); 61 | 62 | 63 | // Back to top button 64 | $(window).scroll(function () { 65 | if ($(this).scrollTop() > 100) { 66 | $('.back-to-top').fadeIn('slow'); 67 | } else { 68 | $('.back-to-top').fadeOut('slow'); 69 | } 70 | }); 71 | $('.back-to-top').click(function () { 72 | $('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo'); 73 | return false; 74 | }); 75 | 76 | 77 | // Testimonials carousel 78 | $(".testimonial-carousel").owlCarousel({ 79 | autoplay: true, 80 | smartSpeed: 1500, 81 | dots: true, 82 | loop: true, 83 | center: true, 84 | responsive: { 85 | 0:{ 86 | items:1 87 | }, 88 | 576:{ 89 | items:1 90 | }, 91 | 768:{ 92 | items:2 93 | }, 94 | 992:{ 95 | items:3 96 | } 97 | } 98 | }); 99 | 100 | 101 | // Vendor carousel 102 | $('.vendor-carousel').owlCarousel({ 103 | loop: true, 104 | margin: 45, 105 | dots: false, 106 | loop: true, 107 | autoplay: true, 108 | smartSpeed: 1000, 109 | responsive: { 110 | 0:{ 111 | items:2 112 | }, 113 | 576:{ 114 | items:4 115 | }, 116 | 768:{ 117 | items:6 118 | }, 119 | 992:{ 120 | items:8 121 | } 122 | } 123 | }); 124 | 125 | })(jQuery); 126 | 127 | -------------------------------------------------------------------------------- /lib/easing/easing.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | (function (factory) { 4 | if (typeof define === "function" && define.amd) { 5 | define(['jquery'], function ($) { 6 | return factory($); 7 | }); 8 | } else if (typeof module === "object" && typeof module.exports === "object") { 9 | exports = factory(require('jquery')); 10 | } else { 11 | factory(jQuery); 12 | } 13 | })(function($){ 14 | 15 | // Preserve the original jQuery "swing" easing as "jswing" 16 | if (typeof $.easing !== 'undefined') { 17 | $.easing['jswing'] = $.easing['swing']; 18 | } 19 | 20 | var pow = Math.pow, 21 | sqrt = Math.sqrt, 22 | sin = Math.sin, 23 | cos = Math.cos, 24 | PI = Math.PI, 25 | c1 = 1.70158, 26 | c2 = c1 * 1.525, 27 | c3 = c1 + 1, 28 | c4 = ( 2 * PI ) / 3, 29 | c5 = ( 2 * PI ) / 4.5; 30 | 31 | // x is the fraction of animation progress, in the range 0..1 32 | function bounceOut(x) { 33 | var n1 = 7.5625, 34 | d1 = 2.75; 35 | if ( x < 1/d1 ) { 36 | return n1*x*x; 37 | } else if ( x < 2/d1 ) { 38 | return n1*(x-=(1.5/d1))*x + .75; 39 | } else if ( x < 2.5/d1 ) { 40 | return n1*(x-=(2.25/d1))*x + .9375; 41 | } else { 42 | return n1*(x-=(2.625/d1))*x + .984375; 43 | } 44 | } 45 | 46 | $.extend( $.easing, 47 | { 48 | def: 'easeOutQuad', 49 | swing: function (x) { 50 | return $.easing[$.easing.def](x); 51 | }, 52 | easeInQuad: function (x) { 53 | return x * x; 54 | }, 55 | easeOutQuad: function (x) { 56 | return 1 - ( 1 - x ) * ( 1 - x ); 57 | }, 58 | easeInOutQuad: function (x) { 59 | return x < 0.5 ? 60 | 2 * x * x : 61 | 1 - pow( -2 * x + 2, 2 ) / 2; 62 | }, 63 | easeInCubic: function (x) { 64 | return x * x * x; 65 | }, 66 | easeOutCubic: function (x) { 67 | return 1 - pow( 1 - x, 3 ); 68 | }, 69 | easeInOutCubic: function (x) { 70 | return x < 0.5 ? 71 | 4 * x * x * x : 72 | 1 - pow( -2 * x + 2, 3 ) / 2; 73 | }, 74 | easeInQuart: function (x) { 75 | return x * x * x * x; 76 | }, 77 | easeOutQuart: function (x) { 78 | return 1 - pow( 1 - x, 4 ); 79 | }, 80 | easeInOutQuart: function (x) { 81 | return x < 0.5 ? 82 | 8 * x * x * x * x : 83 | 1 - pow( -2 * x + 2, 4 ) / 2; 84 | }, 85 | easeInQuint: function (x) { 86 | return x * x * x * x * x; 87 | }, 88 | easeOutQuint: function (x) { 89 | return 1 - pow( 1 - x, 5 ); 90 | }, 91 | easeInOutQuint: function (x) { 92 | return x < 0.5 ? 93 | 16 * x * x * x * x * x : 94 | 1 - pow( -2 * x + 2, 5 ) / 2; 95 | }, 96 | easeInSine: function (x) { 97 | return 1 - cos( x * PI/2 ); 98 | }, 99 | easeOutSine: function (x) { 100 | return sin( x * PI/2 ); 101 | }, 102 | easeInOutSine: function (x) { 103 | return -( cos( PI * x ) - 1 ) / 2; 104 | }, 105 | easeInExpo: function (x) { 106 | return x === 0 ? 0 : pow( 2, 10 * x - 10 ); 107 | }, 108 | easeOutExpo: function (x) { 109 | return x === 1 ? 1 : 1 - pow( 2, -10 * x ); 110 | }, 111 | easeInOutExpo: function (x) { 112 | return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? 113 | pow( 2, 20 * x - 10 ) / 2 : 114 | ( 2 - pow( 2, -20 * x + 10 ) ) / 2; 115 | }, 116 | easeInCirc: function (x) { 117 | return 1 - sqrt( 1 - pow( x, 2 ) ); 118 | }, 119 | easeOutCirc: function (x) { 120 | return sqrt( 1 - pow( x - 1, 2 ) ); 121 | }, 122 | easeInOutCirc: function (x) { 123 | return x < 0.5 ? 124 | ( 1 - sqrt( 1 - pow( 2 * x, 2 ) ) ) / 2 : 125 | ( sqrt( 1 - pow( -2 * x + 2, 2 ) ) + 1 ) / 2; 126 | }, 127 | easeInElastic: function (x) { 128 | return x === 0 ? 0 : x === 1 ? 1 : 129 | -pow( 2, 10 * x - 10 ) * sin( ( x * 10 - 10.75 ) * c4 ); 130 | }, 131 | easeOutElastic: function (x) { 132 | return x === 0 ? 0 : x === 1 ? 1 : 133 | pow( 2, -10 * x ) * sin( ( x * 10 - 0.75 ) * c4 ) + 1; 134 | }, 135 | easeInOutElastic: function (x) { 136 | return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? 137 | -( pow( 2, 20 * x - 10 ) * sin( ( 20 * x - 11.125 ) * c5 )) / 2 : 138 | pow( 2, -20 * x + 10 ) * sin( ( 20 * x - 11.125 ) * c5 ) / 2 + 1; 139 | }, 140 | easeInBack: function (x) { 141 | return c3 * x * x * x - c1 * x * x; 142 | }, 143 | easeOutBack: function (x) { 144 | return 1 + c3 * pow( x - 1, 3 ) + c1 * pow( x - 1, 2 ); 145 | }, 146 | easeInOutBack: function (x) { 147 | return x < 0.5 ? 148 | ( pow( 2 * x, 2 ) * ( ( c2 + 1 ) * 2 * x - c2 ) ) / 2 : 149 | ( pow( 2 * x - 2, 2 ) *( ( c2 + 1 ) * ( x * 2 - 2 ) + c2 ) + 2 ) / 2; 150 | }, 151 | easeInBounce: function (x) { 152 | return 1 - bounceOut( 1 - x ); 153 | }, 154 | easeOutBounce: bounceOut, 155 | easeInOutBounce: function (x) { 156 | return x < 0.5 ? 157 | ( 1 - bounceOut( 1 - 2 * x ) ) / 2 : 158 | ( 1 + bounceOut( 2 * x - 1 ) ) / 2; 159 | } 160 | }); 161 | 162 | }); 163 | -------------------------------------------------------------------------------- /lib/owlcarousel/assets/owl.carousel.css: -------------------------------------------------------------------------------- 1 | 2 | */ 3 | .owl-carousel { 4 | display: none; 5 | width: 100%; 6 | -webkit-tap-highlight-color: transparent; 7 | /* position relative and z-index fix webkit rendering fonts issue */ 8 | position: relative; 9 | z-index: 1; } 10 | .owl-carousel .owl-stage { 11 | position: relative; 12 | -ms-touch-action: pan-Y; 13 | -moz-backface-visibility: hidden; 14 | /* fix firefox animation glitch */ } 15 | .owl-carousel .owl-stage:after { 16 | content: "."; 17 | display: block; 18 | clear: both; 19 | visibility: hidden; 20 | line-height: 0; 21 | height: 0; } 22 | .owl-carousel .owl-stage-outer { 23 | position: relative; 24 | overflow: hidden; 25 | /* fix for flashing background */ 26 | -webkit-transform: translate3d(0px, 0px, 0px); } 27 | .owl-carousel .owl-wrapper, 28 | .owl-carousel .owl-item { 29 | -webkit-backface-visibility: hidden; 30 | -moz-backface-visibility: hidden; 31 | -ms-backface-visibility: hidden; 32 | -webkit-transform: translate3d(0, 0, 0); 33 | -moz-transform: translate3d(0, 0, 0); 34 | -ms-transform: translate3d(0, 0, 0); } 35 | .owl-carousel .owl-item { 36 | position: relative; 37 | min-height: 1px; 38 | float: left; 39 | -webkit-backface-visibility: hidden; 40 | -webkit-tap-highlight-color: transparent; 41 | -webkit-touch-callout: none; } 42 | .owl-carousel .owl-item img { 43 | display: block; 44 | width: 100%; } 45 | .owl-carousel .owl-nav.disabled, 46 | .owl-carousel .owl-dots.disabled { 47 | display: none; } 48 | .owl-carousel .owl-nav .owl-prev, 49 | .owl-carousel .owl-nav .owl-next, 50 | .owl-carousel .owl-dot { 51 | cursor: pointer; 52 | cursor: hand; 53 | -webkit-user-select: none; 54 | -khtml-user-select: none; 55 | -moz-user-select: none; 56 | -ms-user-select: none; 57 | user-select: none; } 58 | .owl-carousel.owl-loaded { 59 | display: block; } 60 | .owl-carousel.owl-loading { 61 | opacity: 0; 62 | display: block; } 63 | .owl-carousel.owl-hidden { 64 | opacity: 0; } 65 | .owl-carousel.owl-refresh .owl-item { 66 | visibility: hidden; } 67 | .owl-carousel.owl-drag .owl-item { 68 | -webkit-user-select: none; 69 | -moz-user-select: none; 70 | -ms-user-select: none; 71 | user-select: none; } 72 | .owl-carousel.owl-grab { 73 | cursor: move; 74 | cursor: grab; } 75 | .owl-carousel.owl-rtl { 76 | direction: rtl; } 77 | .owl-carousel.owl-rtl .owl-item { 78 | float: right; } 79 | 80 | /* No Js */ 81 | .no-js .owl-carousel { 82 | display: block; } 83 | 84 | /* 85 | * Owl Carousel - Animate Plugin 86 | */ 87 | .owl-carousel .animated { 88 | animation-duration: 1000ms; 89 | animation-fill-mode: both; } 90 | 91 | .owl-carousel .owl-animated-in { 92 | z-index: 0; } 93 | 94 | .owl-carousel .owl-animated-out { 95 | z-index: 1; } 96 | 97 | .owl-carousel .fadeOut { 98 | animation-name: fadeOut; } 99 | 100 | @keyframes fadeOut { 101 | 0% { 102 | opacity: 1; } 103 | 100% { 104 | opacity: 0; } } 105 | 106 | /* 107 | * Owl Carousel - Auto Height Plugin 108 | */ 109 | .owl-height { 110 | transition: height 500ms ease-in-out; } 111 | 112 | /* 113 | * Owl Carousel - Lazy Load Plugin 114 | */ 115 | .owl-carousel .owl-item .owl-lazy { 116 | opacity: 0; 117 | transition: opacity 400ms ease; } 118 | 119 | .owl-carousel .owl-item img.owl-lazy { 120 | transform-style: preserve-3d; } 121 | 122 | /* 123 | * Owl Carousel - Video Plugin 124 | */ 125 | .owl-carousel .owl-video-wrapper { 126 | position: relative; 127 | height: 100%; 128 | background: #000; } 129 | 130 | .owl-carousel .owl-video-play-icon { 131 | position: absolute; 132 | height: 80px; 133 | width: 80px; 134 | left: 50%; 135 | top: 50%; 136 | margin-left: -40px; 137 | margin-top: -40px; 138 | background: url("owl.video.play.png") no-repeat; 139 | cursor: pointer; 140 | z-index: 1; 141 | -webkit-backface-visibility: hidden; 142 | transition: transform 100ms ease; } 143 | 144 | .owl-carousel .owl-video-play-icon:hover { 145 | -ms-transform: scale(1.3, 1.3); 146 | transform: scale(1.3, 1.3); } 147 | 148 | .owl-carousel .owl-video-playing .owl-video-tn, 149 | .owl-carousel .owl-video-playing .owl-video-play-icon { 150 | display: none; } 151 | 152 | .owl-carousel .owl-video-tn { 153 | opacity: 0; 154 | height: 100%; 155 | background-position: center center; 156 | background-repeat: no-repeat; 157 | background-size: contain; 158 | transition: opacity 400ms ease; } 159 | 160 | .owl-carousel .owl-video-frame { 161 | position: relative; 162 | z-index: 1; 163 | height: 100%; 164 | width: 100%; } 165 | -------------------------------------------------------------------------------- /lib/wow/wow.min.js: -------------------------------------------------------------------------------- 1 | 2 | /*! 3 | * animate.css -http://daneden.me/animate 4 | * Version - 3.5.2 5 | * 6 | * 7 | * Copyright (c) 2024 vanon shati 8 | */ 9 | * Copyright (c) 2024 Vanon Shati; Licensed MIT */!function(a,b){if("function"==typeof define&&define.amd)define(["module","exports"],b);else if("undefined"!=typeof exports)b(module,exports);else{var c={exports:{}};b(c,c.exports),a.WOW=c.exports}}(this,function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function d(a,b){return b.indexOf(a)>=0}function e(a,b){for(var c in b)if(null==a[c]){var d=b[c];a[c]=d}return a}function f(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)}function g(a){var b=arguments.length<=1||void 0===arguments[1]?!1:arguments[1],c=arguments.length<=2||void 0===arguments[2]?!1:arguments[2],d=arguments.length<=3||void 0===arguments[3]?null:arguments[3],e=void 0;return null!=document.createEvent?(e=document.createEvent("CustomEvent"),e.initCustomEvent(a,b,c,d)):null!=document.createEventObject?(e=document.createEventObject(),e.eventType=a):e.eventName=a,e}function h(a,b){null!=a.dispatchEvent?a.dispatchEvent(b):b in(null!=a)?a[b]():"on"+b in(null!=a)&&a["on"+b]()}function i(a,b,c){null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c}function j(a,b,c){null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]}function k(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight}Object.defineProperty(b,"__esModule",{value:!0});var l,m,n=function(){function a(a,b){for(var c=0;c=0){var b=a.target||a.srcElement;b.className=b.className.replace(this.config.animateClass,"").trim()}}},{key:"customStyle",value:function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a}},{key:"vendorSet",value:function(a,b){for(var c in b)if(b.hasOwnProperty(c)){var d=b[c];a[""+c]=d;for(var e=0;e=e&&f>=c}},{key:"disabled",value:function(){return!this.config.mobile&&f(navigator.userAgent)}}]),a}();b["default"]=r,a.exports=b["default"]}); 10 | -------------------------------------------------------------------------------- /lib/waypoints/waypoints.min.js: -------------------------------------------------------------------------------- 1 | 2 | /*! 3 | * animate.css -http://daneden.me/animate 4 | * Version - 3.5.2 5 | * 6 | * 7 | * Copyright (c) 2024 vanon shati 8 | */ 9 | */ 10 | !function(){"use strict";function t(o){if(!o)throw new Error("No options passed to Waypoint constructor");if(!o.element)throw new Error("No element option passed to Waypoint constructor");if(!o.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+e,this.options=t.Adapter.extend({},t.defaults,o),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=o.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var o in i)e.push(i[o]);for(var n=0,r=e.length;r>n;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.Context.refreshAll();for(var e in i)i[e].enabled=!0;return this},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,n.windowContext||(n.windowContext=!0,n.windowContext=new e(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),i=this.element==this.element.window;t&&e&&!i&&(this.adapter.off(".waypoints"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s];if(null!==a.triggerPoint){var l=o.oldScroll=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=Math.floor(y+l-f),h=w=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n="up"===i||"left"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){"use strict";function t(t){this.$element=e(t)}var e=window.jQuery,i=window.Waypoint;e.each(["innerHeight","innerWidth","off","offset","on","outerHeight","outerWidth","scrollLeft","scrollTop"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),e.each(["extend","inArray","isEmptyObject"],function(i,o){t[o]=e[o]}),i.adapters.push({name:"jquery",Adapter:t}),i.Adapter=t}(),function(){"use strict";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});"string"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}(); -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | /********** CSS **********/ 2 | :root { 3 | --primary: #06A3DA; 4 | --secondary: #34AD54; 5 | --light: #EEF9FF; 6 | --dark: #091E3E; 7 | } 8 | 9 | 10 | /*** Spinner ***/ 11 | .spinner { 12 | width: 40px; 13 | height: 40px; 14 | background: var(--primary); 15 | margin: 100px auto; 16 | -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; 17 | animation: sk-rotateplane 1.2s infinite ease-in-out; 18 | } 19 | 20 | @-webkit-keyframes sk-rotateplane { 21 | 0% { 22 | -webkit-transform: perspective(120px) 23 | } 24 | 50% { 25 | -webkit-transform: perspective(120px) rotateY(180deg) 26 | } 27 | 100% { 28 | -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) 29 | } 30 | } 31 | 32 | 33 | @keyframes sk-rotateplane { 34 | 0% { 35 | transform: perspective(120px) rotateX(0deg) rotateY(0deg); 36 | -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 37 | } 38 | 50% { 39 | transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); 40 | -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 41 | } 42 | 100% { 43 | transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); 44 | -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); 45 | } 46 | } 47 | 48 | #spinner { 49 | opacity: 0; 50 | visibility: hidden; 51 | transition: opacity .5s ease-out, visibility 0s linear .5s; 52 | z-index: 99999; 53 | } 54 | 55 | #spinner.show { 56 | transition: opacity .5s ease-out, visibility 0s linear 0s; 57 | visibility: visible; 58 | opacity: 1; 59 | } 60 | 61 | 62 | /*** Heading ***/ 63 | h1, 64 | h2, 65 | .fw-bold { 66 | font-weight: 800 !important; 67 | } 68 | 69 | h3, 70 | h4, 71 | .fw-semi-bold { 72 | font-weight: 700 !important; 73 | } 74 | 75 | h5, 76 | h6, 77 | .fw-medium { 78 | font-weight: 600 !important; 79 | } 80 | 81 | 82 | /*** Button ***/ 83 | .btn { 84 | font-family: 'Nunito', sans-serif; 85 | font-weight: 600; 86 | transition: .5s; 87 | } 88 | 89 | .btn-primary, 90 | .btn-secondary { 91 | color: #FFFFFF; 92 | box-shadow: inset 0 0 0 50px transparent; 93 | } 94 | 95 | .btn-primary:hover { 96 | box-shadow: inset 0 0 0 0 var(--primary); 97 | } 98 | 99 | .btn-secondary:hover { 100 | box-shadow: inset 0 0 0 0 var(--secondary); 101 | } 102 | 103 | .btn-square { 104 | width: 36px; 105 | height: 36px; 106 | } 107 | 108 | .btn-sm-square { 109 | width: 30px; 110 | height: 30px; 111 | } 112 | 113 | .btn-lg-square { 114 | width: 48px; 115 | height: 48px; 116 | } 117 | 118 | .btn-square, 119 | .btn-sm-square, 120 | .btn-lg-square { 121 | padding-left: 0; 122 | padding-right: 0; 123 | text-align: center; 124 | } 125 | 126 | 127 | /*** Navbar ***/ 128 | .navbar-dark .navbar-nav .nav-link { 129 | font-family: 'Nunito', sans-serif; 130 | position: relative; 131 | margin-left: 25px; 132 | padding: 35px 0; 133 | color: #FFFFFF; 134 | font-size: 18px; 135 | font-weight: 600; 136 | outline: none; 137 | transition: .5s; 138 | } 139 | 140 | .sticky-top.navbar-dark .navbar-nav .nav-link { 141 | padding: 20px 0; 142 | color: var(--dark); 143 | } 144 | 145 | .navbar-dark .navbar-nav .nav-link:hover, 146 | .navbar-dark .navbar-nav .nav-link.active { 147 | color: var(--primary); 148 | } 149 | 150 | .navbar-dark .navbar-brand h1 { 151 | color: #FFFFFF; 152 | } 153 | 154 | .navbar-dark .navbar-toggler { 155 | color: var(--primary) !important; 156 | border-color: var(--primary) !important; 157 | } 158 | 159 | @media (max-width: 991.98px) { 160 | .sticky-top.navbar-dark { 161 | position: relative; 162 | background: #FFFFFF; 163 | } 164 | 165 | .navbar-dark .navbar-nav .nav-link, 166 | .navbar-dark .navbar-nav .nav-link.show, 167 | .sticky-top.navbar-dark .navbar-nav .nav-link { 168 | padding: 10px 0; 169 | color: var(--dark); 170 | } 171 | 172 | .navbar-dark .navbar-brand h1 { 173 | color: var(--primary); 174 | } 175 | } 176 | 177 | @media (min-width: 992px) { 178 | .navbar-dark { 179 | position: absolute; 180 | width: 100%; 181 | top: 0; 182 | left: 0; 183 | border-bottom: 1px solid rgba(256, 256, 256, .1); 184 | z-index: 999; 185 | } 186 | 187 | .sticky-top.navbar-dark { 188 | position: fixed; 189 | background: #FFFFFF; 190 | } 191 | 192 | .navbar-dark .navbar-nav .nav-link::before { 193 | position: absolute; 194 | content: ""; 195 | width: 0; 196 | height: 2px; 197 | bottom: -1px; 198 | left: 50%; 199 | background: var(--primary); 200 | transition: .5s; 201 | } 202 | 203 | .navbar-dark .navbar-nav .nav-link:hover::before, 204 | .navbar-dark .navbar-nav .nav-link.active::before { 205 | width: 100%; 206 | left: 0; 207 | } 208 | 209 | .navbar-dark .navbar-nav .nav-link.nav-contact::before { 210 | display: none; 211 | } 212 | 213 | .sticky-top.navbar-dark .navbar-brand h1 { 214 | color: var(--primary); 215 | } 216 | } 217 | 218 | 219 | /*** Carousel ***/ 220 | .carousel-caption { 221 | top: 0; 222 | left: 0; 223 | right: 0; 224 | bottom: 0; 225 | background: rgba(9, 30, 62, .7); 226 | z-index: 1; 227 | } 228 | 229 | @media (max-width: 576px) { 230 | .carousel-caption h5 { 231 | font-size: 14px; 232 | font-weight: 500 !important; 233 | } 234 | 235 | .carousel-caption h1 { 236 | font-size: 30px; 237 | font-weight: 600 !important; 238 | } 239 | } 240 | 241 | .carousel-control-prev, 242 | .carousel-control-next { 243 | width: 10%; 244 | } 245 | 246 | .carousel-control-prev-icon, 247 | .carousel-control-next-icon { 248 | width: 3rem; 249 | height: 3rem; 250 | } 251 | 252 | 253 | /*** Section Title ***/ 254 | .section-title::before { 255 | position: absolute; 256 | content: ""; 257 | width: 150px; 258 | height: 5px; 259 | left: 0; 260 | bottom: 0; 261 | background: var(--primary); 262 | border-radius: 2px; 263 | } 264 | 265 | .section-title.text-center::before { 266 | left: 50%; 267 | margin-left: -75px; 268 | } 269 | 270 | .section-title.section-title-sm::before { 271 | width: 90px; 272 | height: 3px; 273 | } 274 | 275 | .section-title::after { 276 | position: absolute; 277 | content: ""; 278 | width: 6px; 279 | height: 5px; 280 | bottom: 0px; 281 | background: #FFFFFF; 282 | -webkit-animation: section-title-run 5s infinite linear; 283 | animation: section-title-run 5s infinite linear; 284 | } 285 | 286 | .section-title.section-title-sm::after { 287 | width: 4px; 288 | height: 3px; 289 | } 290 | 291 | .section-title.text-center::after { 292 | -webkit-animation: section-title-run-center 5s infinite linear; 293 | animation: section-title-run-center 5s infinite linear; 294 | } 295 | 296 | .section-title.section-title-sm::after { 297 | -webkit-animation: section-title-run-sm 5s infinite linear; 298 | animation: section-title-run-sm 5s infinite linear; 299 | } 300 | 301 | @-webkit-keyframes section-title-run { 302 | 0% {left: 0; } 50% { left : 145px; } 100% { left: 0; } 303 | } 304 | 305 | @-webkit-keyframes section-title-run-center { 306 | 0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; } 307 | } 308 | 309 | @-webkit-keyframes section-title-run-sm { 310 | 0% {left: 0; } 50% { left : 85px; } 100% { left: 0; } 311 | } 312 | 313 | 314 | /*** Service ***/ 315 | .service-item { 316 | position: relative; 317 | height: 300px; 318 | padding: 0 30px; 319 | transition: .5s; 320 | } 321 | 322 | .service-item .service-icon { 323 | margin-bottom: 30px; 324 | width: 60px; 325 | height: 60px; 326 | display: flex; 327 | align-items: center; 328 | justify-content: center; 329 | background: var(--primary); 330 | border-radius: 2px; 331 | transform: rotate(-45deg); 332 | } 333 | 334 | .service-item .service-icon i { 335 | transform: rotate(45deg); 336 | } 337 | 338 | .service-item a.btn { 339 | position: absolute; 340 | width: 60px; 341 | bottom: -48px; 342 | left: 50%; 343 | margin-left: -30px; 344 | opacity: 0; 345 | } 346 | 347 | .service-item:hover a.btn { 348 | bottom: -24px; 349 | opacity: 1; 350 | } 351 | 352 | 353 | /*** Testimonial ***/ 354 | .testimonial-carousel .owl-dots { 355 | margin-top: 15px; 356 | display: flex; 357 | align-items: flex-end; 358 | justify-content: center; 359 | } 360 | 361 | .testimonial-carousel .owl-dot { 362 | position: relative; 363 | display: inline-block; 364 | margin: 0 5px; 365 | width: 15px; 366 | height: 15px; 367 | background: #DDDDDD; 368 | border-radius: 2px; 369 | transition: .5s; 370 | } 371 | 372 | .testimonial-carousel .owl-dot.active { 373 | width: 30px; 374 | background: var(--primary); 375 | } 376 | 377 | .testimonial-carousel .owl-item.center { 378 | position: relative; 379 | z-index: 1; 380 | } 381 | 382 | .testimonial-carousel .owl-item .testimonial-item { 383 | transition: .5s; 384 | } 385 | 386 | .testimonial-carousel .owl-item.center .testimonial-item { 387 | background: #FFFFFF !important; 388 | box-shadow: 0 0 30px #DDDDDD; 389 | } 390 | 391 | 392 | /*** Team ***/ 393 | .team-item { 394 | transition: .5s; 395 | } 396 | 397 | .team-social { 398 | position: absolute; 399 | width: 100%; 400 | height: 100%; 401 | top: 0; 402 | left: 0; 403 | display: flex; 404 | align-items: center; 405 | justify-content: center; 406 | transition: .5s; 407 | } 408 | 409 | .team-social a.btn { 410 | position: relative; 411 | margin: 0 3px; 412 | margin-top: 100px; 413 | opacity: 0; 414 | } 415 | 416 | .team-item:hover { 417 | box-shadow: 0 0 30px #DDDDDD; 418 | } 419 | 420 | .team-item:hover .team-social { 421 | background: rgba(9, 30, 62, .7); 422 | } 423 | 424 | .team-item:hover .team-social a.btn:first-child { 425 | opacity: 1; 426 | margin-top: 0; 427 | transition: .3s 0s; 428 | } 429 | 430 | .team-item:hover .team-social a.btn:nth-child(2) { 431 | opacity: 1; 432 | margin-top: 0; 433 | transition: .3s .05s; 434 | } 435 | 436 | .team-item:hover .team-social a.btn:nth-child(3) { 437 | opacity: 1; 438 | margin-top: 0; 439 | transition: .3s .1s; 440 | } 441 | 442 | .team-item:hover .team-social a.btn:nth-child(4) { 443 | opacity: 1; 444 | margin-top: 0; 445 | transition: .3s .15s; 446 | } 447 | 448 | .team-item .team-img img, 449 | .blog-item .blog-img img { 450 | transition: .5s; 451 | } 452 | 453 | .team-item:hover .team-img img, 454 | .blog-item:hover .blog-img img { 455 | transform: scale(1.15); 456 | } 457 | 458 | 459 | /*** Miscellaneous ***/ 460 | @media (min-width: 991.98px) { 461 | .facts { 462 | position: relative; 463 | margin-top: -75px; 464 | z-index: 1; 465 | } 466 | } 467 | 468 | .back-to-top { 469 | position: fixed; 470 | display: none; 471 | right: 45px; 472 | bottom: 45px; 473 | z-index: 99; 474 | } 475 | 476 | .bg-header { 477 | background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../img/carousel-1.jpg) center center no-repeat; 478 | background-size: cover; 479 | } 480 | 481 | .link-animated a { 482 | transition: .5s; 483 | } 484 | 485 | .link-animated a:hover { 486 | padding-left: 10px; 487 | } 488 | 489 | @media (min-width: 767.98px) { 490 | .footer-about { 491 | margin-bottom: -75px; 492 | } 493 | } -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Raralwaves Solutions 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |
39 | 40 |
41 | 42 | 43 | 44 | 45 |
46 |
47 |
48 |
49 | 238 Street, Malava - Kenya 50 | +254769410962 51 | info@raralwavessolutions.co.ke 52 |
53 |
54 |
55 |
56 | 57 | 58 | 59 |
60 |
61 |
62 |
63 | 64 | 65 | 66 | 67 |
68 | 87 | 88 |
89 |
90 |
91 |

About Us

92 | Home 93 | 94 | About 95 |
96 |
97 |
98 |
99 | 100 | 101 | 102 | 103 |
104 |
105 |
106 |
107 |
108 |
About Us
109 |

The Best IT Solution With 10 Years of Experience

110 |
111 |

We deliver innovative IT solutions that drive growth

112 |
113 |
114 |
Award Winning
115 |
Professional Staff
116 |
117 |
118 |
24/7 Support
119 |
Fair Prices
120 |
121 |
122 |
123 |
124 | 125 |
126 |
127 |
Call to ask any question
128 |

+254769410962

129 |
130 |
131 | Request A Quote 132 |
133 |
134 |
135 | 136 |
137 |
138 |
139 |
140 |
141 | 142 | 143 | 144 | 145 | 146 |
147 |
148 |
149 |
150 |
151 |
We have a Team of
152 |
153 |
154 |

Professionals Ready to Help Your Business

155 |
156 | 157 | 158 |
159 |
160 | 161 | 162 | 163 | 164 |
165 |
166 |
167 |
168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 |
178 |
179 |
180 |
181 | 182 | 183 | 184 |
185 |
186 |
187 |
188 |
189 |

Raralwaves Solutions

190 |

Coding the future, one line at a time

191 | 192 |
193 |
194 |
195 |
196 |
197 |
198 |

Get In Touch

199 |
200 |
201 | 202 |

238 Street, Malava, Kenya

203 |
204 |
205 | 206 |

info@raralwavessolutions.co.ke

207 |
208 |
209 | 210 |

+254769410962

211 |
212 |
213 | 214 | 215 | 216 |
217 |
218 |
219 |
220 |

Quick Links

221 |
222 |
223 | Home 224 | About Us 225 | Our Services 226 | Contact Us 227 |
228 |
229 | 230 |
231 |
232 |
233 |
234 |
235 |
236 |
237 |
238 |
239 |
240 |

© Raralwaves - Solutions. 2024 All Rights Reserved. 241 | 242 | Designed by Raralwaves Solutions

243 |
244 |
245 |
246 |
247 |
248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | -------------------------------------------------------------------------------- /contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 14 | 16 | 17 | Raralwaves Solutions 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 |
49 | 50 |
51 | 52 | 53 | 54 | 55 |
56 |
57 |
58 |
59 | 238 Street, Malava - Kenya 60 | +254769410962 61 | info@raralwavessolutions.co.ke 62 |
63 |
64 |
65 |
66 | 67 | 68 | 69 |
70 |
71 |
72 |
73 | 74 | 75 | 76 |
77 |
96 | 97 | 98 |
99 |
100 |
101 |

Contact Us

102 | Home 103 | 104 | Contact Us 105 |
106 |
107 |
108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 |
117 |
118 |
119 |
Contact Us
120 |

If You Have Any Query, Feel Free To Contact Us

121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 | 129 |
130 |
131 |
Call to ask any question
132 |

+254769410962

133 |
134 |
135 |
136 |
137 |
138 |
139 | 140 |
141 |
142 |
Email to get free quote
143 |

info@raralwavessolutions.co.ke

144 |
145 |
146 |
147 |
148 |
149 |
150 | 151 |
152 |
153 |
Visit our office
154 |

Jevai Plaza Malava

155 |
156 |
157 |
158 |
159 |
160 |
161 |
162 | 163 |
164 | 165 |
166 |
167 |
168 | 169 | 170 | 171 | 172 |
173 |
174 |
175 |
176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 |
186 |
187 |
188 |
189 | 190 | 191 | 192 | 193 |
194 |
195 |
196 |
197 |
198 |

Raralwaves Solutions

199 |

Coding the future, one line at a time

200 | 201 |
202 |
203 |
204 |
205 |
206 |
207 |

Get In Touch

208 |
209 |
210 | 211 |

238 Street, Malava, Kenya

212 |
213 |
214 | 215 |

info@raralwavessolutions.co.ke

216 |
217 |
218 | 219 |

+254769410962

220 |
221 |
222 | 223 | 224 | 225 |
226 |
227 |
228 |
229 |

Quick Links

230 |
231 |
232 | Home 233 | About Us 234 | Our Services 235 | Contact Us 236 |
237 |
238 | 239 |
240 |
241 |
242 |
243 |
244 |
245 |
246 |
247 |
248 |
249 |

© Raralwaves - Solutions. 2024 All Rights Reserved. 250 | 251 | Designed by Raralwaves Solutions

252 |
253 |
254 |
255 |
256 |
257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | -------------------------------------------------------------------------------- /service.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 14 | 16 | 17 | Raralwaves Solutions 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 |
49 | 50 |
51 | 52 | 53 | 54 | 55 |
56 |
57 |
58 |
59 | 238 Street, Malava - Kenya 60 | +254769410962 61 | info@raralwavessolutions.co.ke 62 |
63 |
64 |
65 |
66 | 67 | 68 | 69 |
70 |
71 |
72 |
73 | 74 | 75 | 76 |
77 |
96 | 97 | 98 |
99 |
100 |
101 |

Our Services

102 | Home 103 | 104 | Services 105 |
106 |
107 |
108 | 109 | 110 | 111 | 112 | 113 | 114 |
115 |
116 |
117 |
Our Services
118 |

Custom IT Solutions for Your Successful Business

119 |
120 |
121 |
122 |
123 |
124 | 125 |
126 |

Cyber Security

127 |

Shield your data with our advanced cyber defenses.

128 | 129 | 130 | 131 |
132 |
133 |
134 |
135 |
136 | 137 |
138 |

Data Analytics

139 |

Expert data analytics to fuel your growth

140 | 141 | 142 | 143 |
144 |
145 |
146 |
147 |
148 | 149 |
150 |

Web Development

151 |

Building websites that drive results.

152 | 153 |
154 |
155 |
156 |
157 |
158 | 159 |
160 |

Apps Development

161 |

Apps that connect with your audience.

162 | 163 | 164 | 165 |
166 |
167 |
168 |
169 |
170 | 171 |
172 |

SEO Optimization

173 |

Boost your online visibility with our SEO expertise.

174 | 175 | 176 | 177 |
178 |
179 |
180 |
181 |

Call Us For Quote

182 |

+254769410962

183 |
184 |
185 |
186 |
187 |
188 | 189 | 190 | 191 | 192 | 193 |
194 |
195 |
196 |
197 |
198 |

Raralwaves Solutions

199 |

Coding the future, one line at a time

200 | 201 |
202 |
203 |
204 |
205 |
206 |
207 |

Get In Touch

208 |
209 |
210 | 211 |

238 Street, Malava, Kenya

212 |
213 |
214 | 215 |

info@raralwavessolutions.co.ke

216 |
217 |
218 | 219 |

+254769410962

220 |
221 |
222 | 223 | 224 | 225 |
226 |
227 |
228 |
229 |

Quick Links

230 |
231 |
232 | Home 233 | About Us 234 | Our Services 235 | Contact Us 236 |
237 |
238 | 239 |
240 |
241 |
242 |
243 |
244 |
245 |
246 |
247 |
248 |
249 |

© Raralwaves - Solutions. 2024 All Rights Reserved. 250 | 251 | 252 | Designed by Raralwaves Solutions

253 |
254 |
255 |
256 |
257 |
258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | -------------------------------------------------------------------------------- /lib/animate/animate.min.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | /*! 4 | * animate.css -http://daneden.me/animate 5 | * Version - 3.5.2 6 | * 7 | * 8 | * Copyright (c) 2024 vanon shati 9 | */ 10 | 11 | .animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp} 12 | -------------------------------------------------------------------------------- /lib/wow/wow.js: -------------------------------------------------------------------------------- 1 | 2 | /*! 3 | * animate.css -http://daneden.me/animate 4 | * Version - 3.5.2 5 | * 6 | * 7 | * Copyright (c) 2024 vanon shati 8 | */ 9 | 10 | (function (global, factory) { 11 | if (typeof define === "function" && define.amd) { 12 | define(['module', 'exports'], factory); 13 | } else if (typeof exports !== "undefined") { 14 | factory(module, exports); 15 | } else { 16 | var mod = { 17 | exports: {} 18 | }; 19 | factory(mod, mod.exports); 20 | global.WOW = mod.exports; 21 | } 22 | })(this, function (module, exports) { 23 | 'use strict'; 24 | 25 | Object.defineProperty(exports, "__esModule", { 26 | value: true 27 | }); 28 | 29 | var _class, _temp; 30 | 31 | function _classCallCheck(instance, Constructor) { 32 | if (!(instance instanceof Constructor)) { 33 | throw new TypeError("Cannot call a class as a function"); 34 | } 35 | } 36 | 37 | var _createClass = function () { 38 | function defineProperties(target, props) { 39 | for (var i = 0; i < props.length; i++) { 40 | var descriptor = props[i]; 41 | descriptor.enumerable = descriptor.enumerable || false; 42 | descriptor.configurable = true; 43 | if ("value" in descriptor) descriptor.writable = true; 44 | Object.defineProperty(target, descriptor.key, descriptor); 45 | } 46 | } 47 | 48 | return function (Constructor, protoProps, staticProps) { 49 | if (protoProps) defineProperties(Constructor.prototype, protoProps); 50 | if (staticProps) defineProperties(Constructor, staticProps); 51 | return Constructor; 52 | }; 53 | }(); 54 | 55 | function isIn(needle, haystack) { 56 | return haystack.indexOf(needle) >= 0; 57 | } 58 | 59 | function extend(custom, defaults) { 60 | for (var key in defaults) { 61 | if (custom[key] == null) { 62 | var value = defaults[key]; 63 | custom[key] = value; 64 | } 65 | } 66 | return custom; 67 | } 68 | 69 | function isMobile(agent) { 70 | return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent) 71 | ); 72 | } 73 | 74 | function createEvent(event) { 75 | var bubble = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1]; 76 | var cancel = arguments.length <= 2 || arguments[2] === undefined ? false : arguments[2]; 77 | var detail = arguments.length <= 3 || arguments[3] === undefined ? null : arguments[3]; 78 | 79 | var customEvent = void 0; 80 | if (document.createEvent != null) { 81 | // W3C DOM 82 | customEvent = document.createEvent('CustomEvent'); 83 | customEvent.initCustomEvent(event, bubble, cancel, detail); 84 | } else if (document.createEventObject != null) { 85 | // IE DOM < 9 86 | customEvent = document.createEventObject(); 87 | customEvent.eventType = event; 88 | } else { 89 | customEvent.eventName = event; 90 | } 91 | 92 | return customEvent; 93 | } 94 | 95 | function emitEvent(elem, event) { 96 | if (elem.dispatchEvent != null) { 97 | // W3C DOM 98 | elem.dispatchEvent(event); 99 | } else if (event in (elem != null)) { 100 | elem[event](); 101 | } else if ('on' + event in (elem != null)) { 102 | elem['on' + event](); 103 | } 104 | } 105 | 106 | function addEvent(elem, event, fn) { 107 | if (elem.addEventListener != null) { 108 | // W3C DOM 109 | elem.addEventListener(event, fn, false); 110 | } else if (elem.attachEvent != null) { 111 | // IE DOM 112 | elem.attachEvent('on' + event, fn); 113 | } else { 114 | // fallback 115 | elem[event] = fn; 116 | } 117 | } 118 | 119 | function removeEvent(elem, event, fn) { 120 | if (elem.removeEventListener != null) { 121 | // W3C DOM 122 | elem.removeEventListener(event, fn, false); 123 | } else if (elem.detachEvent != null) { 124 | // IE DOM 125 | elem.detachEvent('on' + event, fn); 126 | } else { 127 | // fallback 128 | delete elem[event]; 129 | } 130 | } 131 | 132 | function getInnerHeight() { 133 | if ('innerHeight' in window) { 134 | return window.innerHeight; 135 | } 136 | 137 | return document.documentElement.clientHeight; 138 | } 139 | 140 | // Minimalistic WeakMap shim, just in case. 141 | var WeakMap = window.WeakMap || window.MozWeakMap || function () { 142 | function WeakMap() { 143 | _classCallCheck(this, WeakMap); 144 | 145 | this.keys = []; 146 | this.values = []; 147 | } 148 | 149 | _createClass(WeakMap, [{ 150 | key: 'get', 151 | value: function get(key) { 152 | for (var i = 0; i < this.keys.length; i++) { 153 | var item = this.keys[i]; 154 | if (item === key) { 155 | return this.values[i]; 156 | } 157 | } 158 | return undefined; 159 | } 160 | }, { 161 | key: 'set', 162 | value: function set(key, value) { 163 | for (var i = 0; i < this.keys.length; i++) { 164 | var item = this.keys[i]; 165 | if (item === key) { 166 | this.values[i] = value; 167 | return this; 168 | } 169 | } 170 | this.keys.push(key); 171 | this.values.push(value); 172 | return this; 173 | } 174 | }]); 175 | 176 | return WeakMap; 177 | }(); 178 | 179 | // Dummy MutationObserver, to avoid raising exceptions. 180 | var MutationObserver = window.MutationObserver || window.WebkitMutationObserver || window.MozMutationObserver || (_temp = _class = function () { 181 | function MutationObserver() { 182 | _classCallCheck(this, MutationObserver); 183 | 184 | if (typeof console !== 'undefined' && console !== null) { 185 | console.warn('MutationObserver is not supported by your browser.'); 186 | console.warn('WOW.js cannot detect dom mutations, please call .sync() after loading new content.'); 187 | } 188 | } 189 | 190 | _createClass(MutationObserver, [{ 191 | key: 'observe', 192 | value: function observe() {} 193 | }]); 194 | 195 | return MutationObserver; 196 | }(), _class.notSupported = true, _temp); 197 | 198 | // getComputedStyle shim, from http://stackoverflow.com/a/21797294 199 | var getComputedStyle = window.getComputedStyle || function getComputedStyle(el) { 200 | var getComputedStyleRX = /(\-([a-z]){1})/g; 201 | return { 202 | getPropertyValue: function getPropertyValue(prop) { 203 | if (prop === 'float') { 204 | prop = 'styleFloat'; 205 | } 206 | if (getComputedStyleRX.test(prop)) { 207 | prop.replace(getComputedStyleRX, function (_, _char) { 208 | return _char.toUpperCase(); 209 | }); 210 | } 211 | var currentStyle = el.currentStyle; 212 | 213 | return (currentStyle != null ? currentStyle[prop] : void 0) || null; 214 | } 215 | }; 216 | }; 217 | 218 | var WOW = function () { 219 | function WOW() { 220 | var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0]; 221 | 222 | _classCallCheck(this, WOW); 223 | 224 | this.defaults = { 225 | boxClass: 'wow', 226 | animateClass: 'animated', 227 | offset: 0, 228 | mobile: true, 229 | live: true, 230 | callback: null, 231 | scrollContainer: null, 232 | resetAnimation: true 233 | }; 234 | 235 | this.animate = function animateFactory() { 236 | if ('requestAnimationFrame' in window) { 237 | return function (callback) { 238 | return window.requestAnimationFrame(callback); 239 | }; 240 | } 241 | return function (callback) { 242 | return callback(); 243 | }; 244 | }(); 245 | 246 | this.vendors = ['moz', 'webkit']; 247 | 248 | this.start = this.start.bind(this); 249 | this.resetAnimation = this.resetAnimation.bind(this); 250 | this.scrollHandler = this.scrollHandler.bind(this); 251 | this.scrollCallback = this.scrollCallback.bind(this); 252 | this.scrolled = true; 253 | this.config = extend(options, this.defaults); 254 | if (options.scrollContainer != null) { 255 | this.config.scrollContainer = document.querySelector(options.scrollContainer); 256 | } 257 | // Map of elements to animation names: 258 | this.animationNameCache = new WeakMap(); 259 | this.wowEvent = createEvent(this.config.boxClass); 260 | } 261 | 262 | _createClass(WOW, [{ 263 | key: 'init', 264 | value: function init() { 265 | this.element = window.document.documentElement; 266 | if (isIn(document.readyState, ['interactive', 'complete'])) { 267 | this.start(); 268 | } else { 269 | addEvent(document, 'DOMContentLoaded', this.start); 270 | } 271 | this.finished = []; 272 | } 273 | }, { 274 | key: 'start', 275 | value: function start() { 276 | var _this = this; 277 | 278 | this.stopped = false; 279 | this.boxes = [].slice.call(this.element.querySelectorAll('.' + this.config.boxClass)); 280 | this.all = this.boxes.slice(0); 281 | if (this.boxes.length) { 282 | if (this.disabled()) { 283 | this.resetStyle(); 284 | } else { 285 | for (var i = 0; i < this.boxes.length; i++) { 286 | var box = this.boxes[i]; 287 | this.applyStyle(box, true); 288 | } 289 | } 290 | } 291 | if (!this.disabled()) { 292 | addEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler); 293 | addEvent(window, 'resize', this.scrollHandler); 294 | this.interval = setInterval(this.scrollCallback, 50); 295 | } 296 | if (this.config.live) { 297 | var mut = new MutationObserver(function (records) { 298 | for (var j = 0; j < records.length; j++) { 299 | var record = records[j]; 300 | for (var k = 0; k < record.addedNodes.length; k++) { 301 | var node = record.addedNodes[k]; 302 | _this.doSync(node); 303 | } 304 | } 305 | return undefined; 306 | }); 307 | mut.observe(document.body, { 308 | childList: true, 309 | subtree: true 310 | }); 311 | } 312 | } 313 | }, { 314 | key: 'stop', 315 | value: function stop() { 316 | this.stopped = true; 317 | removeEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler); 318 | removeEvent(window, 'resize', this.scrollHandler); 319 | if (this.interval != null) { 320 | clearInterval(this.interval); 321 | } 322 | } 323 | }, { 324 | key: 'sync', 325 | value: function sync() { 326 | if (MutationObserver.notSupported) { 327 | this.doSync(this.element); 328 | } 329 | } 330 | }, { 331 | key: 'doSync', 332 | value: function doSync(element) { 333 | if (typeof element === 'undefined' || element === null) { 334 | element = this.element; 335 | } 336 | if (element.nodeType !== 1) { 337 | return; 338 | } 339 | element = element.parentNode || element; 340 | var iterable = element.querySelectorAll('.' + this.config.boxClass); 341 | for (var i = 0; i < iterable.length; i++) { 342 | var box = iterable[i]; 343 | if (!isIn(box, this.all)) { 344 | this.boxes.push(box); 345 | this.all.push(box); 346 | if (this.stopped || this.disabled()) { 347 | this.resetStyle(); 348 | } else { 349 | this.applyStyle(box, true); 350 | } 351 | this.scrolled = true; 352 | } 353 | } 354 | } 355 | }, { 356 | key: 'show', 357 | value: function show(box) { 358 | this.applyStyle(box); 359 | box.className = box.className + ' ' + this.config.animateClass; 360 | if (this.config.callback != null) { 361 | this.config.callback(box); 362 | } 363 | emitEvent(box, this.wowEvent); 364 | 365 | if (this.config.resetAnimation) { 366 | addEvent(box, 'animationend', this.resetAnimation); 367 | addEvent(box, 'oanimationend', this.resetAnimation); 368 | addEvent(box, 'webkitAnimationEnd', this.resetAnimation); 369 | addEvent(box, 'MSAnimationEnd', this.resetAnimation); 370 | } 371 | 372 | return box; 373 | } 374 | }, { 375 | key: 'applyStyle', 376 | value: function applyStyle(box, hidden) { 377 | var _this2 = this; 378 | 379 | var duration = box.getAttribute('data-wow-duration'); 380 | var delay = box.getAttribute('data-wow-delay'); 381 | var iteration = box.getAttribute('data-wow-iteration'); 382 | 383 | return this.animate(function () { 384 | return _this2.customStyle(box, hidden, duration, delay, iteration); 385 | }); 386 | } 387 | }, { 388 | key: 'resetStyle', 389 | value: function resetStyle() { 390 | for (var i = 0; i < this.boxes.length; i++) { 391 | var box = this.boxes[i]; 392 | box.style.visibility = 'visible'; 393 | } 394 | return undefined; 395 | } 396 | }, { 397 | key: 'resetAnimation', 398 | value: function resetAnimation(event) { 399 | if (event.type.toLowerCase().indexOf('animationend') >= 0) { 400 | var target = event.target || event.srcElement; 401 | target.className = target.className.replace(this.config.animateClass, '').trim(); 402 | } 403 | } 404 | }, { 405 | key: 'customStyle', 406 | value: function customStyle(box, hidden, duration, delay, iteration) { 407 | if (hidden) { 408 | this.cacheAnimationName(box); 409 | } 410 | box.style.visibility = hidden ? 'hidden' : 'visible'; 411 | 412 | if (duration) { 413 | this.vendorSet(box.style, { animationDuration: duration }); 414 | } 415 | if (delay) { 416 | this.vendorSet(box.style, { animationDelay: delay }); 417 | } 418 | if (iteration) { 419 | this.vendorSet(box.style, { animationIterationCount: iteration }); 420 | } 421 | this.vendorSet(box.style, { animationName: hidden ? 'none' : this.cachedAnimationName(box) }); 422 | 423 | return box; 424 | } 425 | }, { 426 | key: 'vendorSet', 427 | value: function vendorSet(elem, properties) { 428 | for (var name in properties) { 429 | if (properties.hasOwnProperty(name)) { 430 | var value = properties[name]; 431 | elem['' + name] = value; 432 | for (var i = 0; i < this.vendors.length; i++) { 433 | var vendor = this.vendors[i]; 434 | elem['' + vendor + name.charAt(0).toUpperCase() + name.substr(1)] = value; 435 | } 436 | } 437 | } 438 | } 439 | }, { 440 | key: 'vendorCSS', 441 | value: function vendorCSS(elem, property) { 442 | var style = getComputedStyle(elem); 443 | var result = style.getPropertyCSSValue(property); 444 | for (var i = 0; i < this.vendors.length; i++) { 445 | var vendor = this.vendors[i]; 446 | result = result || style.getPropertyCSSValue('-' + vendor + '-' + property); 447 | } 448 | return result; 449 | } 450 | }, { 451 | key: 'animationName', 452 | value: function animationName(box) { 453 | var aName = void 0; 454 | try { 455 | aName = this.vendorCSS(box, 'animation-name').cssText; 456 | } catch (error) { 457 | // Opera, fall back to plain property value 458 | aName = getComputedStyle(box).getPropertyValue('animation-name'); 459 | } 460 | 461 | if (aName === 'none') { 462 | return ''; // SVG/Firefox, unable to get animation name? 463 | } 464 | 465 | return aName; 466 | } 467 | }, { 468 | key: 'cacheAnimationName', 469 | value: function cacheAnimationName(box) { 470 | // https://bugzilla.mozilla.org/show_bug.cgi?id=921834 471 | // box.dataset is not supported for SVG elements in Firefox 472 | return this.animationNameCache.set(box, this.animationName(box)); 473 | } 474 | }, { 475 | key: 'cachedAnimationName', 476 | value: function cachedAnimationName(box) { 477 | return this.animationNameCache.get(box); 478 | } 479 | }, { 480 | key: 'scrollHandler', 481 | value: function scrollHandler() { 482 | this.scrolled = true; 483 | } 484 | }, { 485 | key: 'scrollCallback', 486 | value: function scrollCallback() { 487 | if (this.scrolled) { 488 | this.scrolled = false; 489 | var results = []; 490 | for (var i = 0; i < this.boxes.length; i++) { 491 | var box = this.boxes[i]; 492 | if (box) { 493 | if (this.isVisible(box)) { 494 | this.show(box); 495 | continue; 496 | } 497 | results.push(box); 498 | } 499 | } 500 | this.boxes = results; 501 | if (!this.boxes.length && !this.config.live) { 502 | this.stop(); 503 | } 504 | } 505 | } 506 | }, { 507 | key: 'offsetTop', 508 | value: function offsetTop(element) { 509 | // SVG elements don't have an offsetTop in Firefox. 510 | // This will use their nearest parent that has an offsetTop. 511 | // Also, using ('offsetTop' of element) causes an exception in Firefox. 512 | while (element.offsetTop === undefined) { 513 | element = element.parentNode; 514 | } 515 | var top = element.offsetTop; 516 | while (element.offsetParent) { 517 | element = element.offsetParent; 518 | top += element.offsetTop; 519 | } 520 | return top; 521 | } 522 | }, { 523 | key: 'isVisible', 524 | value: function isVisible(box) { 525 | var offset = box.getAttribute('data-wow-offset') || this.config.offset; 526 | var viewTop = this.config.scrollContainer && this.config.scrollContainer.scrollTop || window.pageYOffset; 527 | var viewBottom = viewTop + Math.min(this.element.clientHeight, getInnerHeight()) - offset; 528 | var top = this.offsetTop(box); 529 | var bottom = top + box.clientHeight; 530 | 531 | return top <= viewBottom && bottom >= viewTop; 532 | } 533 | }, { 534 | key: 'disabled', 535 | value: function disabled() { 536 | return !this.config.mobile && isMobile(navigator.userAgent); 537 | } 538 | }]); 539 | 540 | return WOW; 541 | }(); 542 | 543 | exports.default = WOW; 544 | module.exports = exports['default']; 545 | }); 546 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 14 | 16 | 17 | Raralwaves Solutions 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 46 | 47 | 48 | 49 | 50 |
51 | 52 |
53 | 54 | 55 | 56 | 57 |
58 |
59 |
60 |
61 | 238 Street, Malava - Kenya 62 | +254769410962 63 | info@raralwavessolutions.co.ke 64 |
65 |
66 |
67 |
68 | 69 | 70 | 71 | 72 | 73 |
74 |
75 |
76 |
77 | 78 | 79 | 80 | 81 |
82 | 100 | 101 | 137 |
138 | 139 | 140 | 141 | 142 | 143 |
144 |
145 |
146 |
147 |
148 |
149 | 150 |
151 |
152 |
Happy Clients
153 |

12345

154 |
155 |
156 |
157 |
158 |
159 |
160 | 161 |
162 |
163 |
Projects Done
164 |

12345

165 |
166 |
167 |
168 |
169 |
170 |
171 | 172 |
173 |
174 |
Win Awards
175 |

12345

176 |
177 |
178 |
179 |
180 |
181 |
182 | 183 | 184 | 185 | 186 |
187 |
188 |
189 |
190 |
191 |
About Us
192 |

The Best IT Solution

193 |
194 |

We deliver innovative IT solutions that drive growth

195 |
196 |
197 |
Award Winning
198 |
Professional Staff
199 |
200 |
201 |
24/7 Support
202 |
Fair Prices
203 |
204 |
205 |
206 |
207 | 208 |
209 |
210 |
Call to ask any question
211 |

+254769410962

212 |
213 |
214 | Request A Quote 215 | Review us on Google 216 | 217 |
218 |
219 |
220 | 221 |
222 |
223 |
224 |
225 |
226 | 227 | 228 | 229 | 230 |
231 |
232 |
233 |
Why Choose Us
234 |

We Are Here to Grow Your Business Exponentially

235 |
236 |
237 |
238 |
239 |
240 |
241 | 242 |
243 |

Best In Industry

244 |

Unparalleled IT expertise. Exceptional results

245 |
246 |
247 |
248 | 249 |
250 |

Award Winning

251 |

Proven results

252 |
253 |
254 |
255 |
256 |
257 | 258 |
259 |
260 |
261 |
262 |
263 |
264 | 265 |
266 |

Professional Staff

267 |

Our dedicated professionals are committed to delivering exceptional service and exceeding client expectations.

268 |
269 |
270 |
271 | 272 |
273 |

24/7 Support

274 |

Dedicated to keeping your business running smoothly.

275 |
276 |
277 |
278 |
279 |
280 |
281 | 282 | 283 | 284 | 285 |
286 |
287 |
288 |
Our Services
289 |

A reliable Partner for both Software & Hardware Solutions

290 |
291 |
292 |
293 |
294 |
295 | 296 |
297 |

Cyber Security

298 |

Shield your data with our advanced cyber defenses.

299 | 300 | 301 | 302 |
303 |
304 |
305 |
306 |
307 | 308 |
309 |

Data Analytics

310 |

Expert data analytics to fuel your growth

311 | 312 | 313 | 314 |
315 |
316 |
317 |
318 |
319 | 320 |
321 |

Web Development

322 |

Building websites that drive results.

323 | 324 |
325 |
326 |
327 |
328 |
329 | 330 |
331 |

Apps Development

332 |

Apps that connect with your audience.

333 | 334 | 335 | 336 |
337 |
338 |
339 |
340 |
341 | 342 |
343 |

SEO Optimization

344 |

Boost your online visibility with our SEO expertise.

345 | 346 | 347 | 348 |
349 |
350 |
351 |
352 |

Call Us For Quote

353 |

+254769410962

354 |
355 |
356 |
357 |
358 |
359 | 360 | 361 | 362 | 363 | 364 | 365 |
366 |
367 |
368 |
369 |
370 |
Request A Quote
371 |

Need A Quote? Please Feel Free to Contact Us

372 |
373 |
374 |
375 |
Reply within 24 hours
376 |
377 |
378 |
24 hrs telephone support
379 |
380 |
381 |
382 | 383 |
384 |
385 |
Call to ask any question
386 |

+254769410962

387 |
388 |
389 |
390 | 391 |
392 |
393 | 394 | 395 | 396 | 397 | 398 |
399 |
400 |
401 |
402 |
403 |

Raralwaves Solutions

404 |

Coding the future, one line at a time

405 | 406 |
407 |
408 |
409 |
410 |
411 |
412 |

Get In Touch

413 |
414 |
415 | 416 |

238 Street, Malava, Kenya

417 |
418 |
419 | 420 |

info@raralwavessolutions.co.ke

421 |
422 |
423 | 424 |

+254769410962

425 |
426 |
427 | 428 | 429 | 430 |
431 |
432 |
433 |
434 |

Quick Links

435 |
436 |
437 | Home 438 | About Us 439 | Our Services 440 | Contact Us 441 |
442 |
443 | 444 |
445 |
446 |
447 |
448 |
449 |
450 |
451 |
452 |
453 |
454 |

© Raralwaves - Solutions. 2024 All Rights Reserved. 455 | 456 | Designed by Raralwaves Solutions

457 |
458 |
459 |
460 |
461 |
462 | 463 | 464 | 465 | 466 | 467 | 468 | 469 | 470 | 471 | 472 | 473 | 474 | 475 | 476 | 477 | 478 | 479 | 480 | 481 | 482 | 483 | 484 | 485 | -------------------------------------------------------------------------------- /lib/animate/animate.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | /*! 4 | * animate.css -http://daneden.me/animate 5 | * Version - 3.5.2 6 | * 7 | * 8 | * Copyright (c) 2024 vanon shati 9 | */ 10 | 11 | .animated { 12 | animation-duration: 1s; 13 | animation-fill-mode: both; 14 | } 15 | 16 | .animated.infinite { 17 | animation-iteration-count: infinite; 18 | } 19 | 20 | .animated.hinge { 21 | animation-duration: 2s; 22 | } 23 | 24 | .animated.flipOutX, 25 | .animated.flipOutY, 26 | .animated.bounceIn, 27 | .animated.bounceOut { 28 | animation-duration: .75s; 29 | } 30 | 31 | @keyframes bounce { 32 | from, 20%, 53%, 80%, to { 33 | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 34 | transform: translate3d(0,0,0); 35 | } 36 | 37 | 40%, 43% { 38 | animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 39 | transform: translate3d(0, -30px, 0); 40 | } 41 | 42 | 70% { 43 | animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 44 | transform: translate3d(0, -15px, 0); 45 | } 46 | 47 | 90% { 48 | transform: translate3d(0,-4px,0); 49 | } 50 | } 51 | 52 | .bounce { 53 | animation-name: bounce; 54 | transform-origin: center bottom; 55 | } 56 | 57 | @keyframes flash { 58 | from, 50%, to { 59 | opacity: 1; 60 | } 61 | 62 | 25%, 75% { 63 | opacity: 0; 64 | } 65 | } 66 | 67 | .flash { 68 | animation-name: flash; 69 | } 70 | 71 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 72 | 73 | @keyframes pulse { 74 | from { 75 | transform: scale3d(1, 1, 1); 76 | } 77 | 78 | 50% { 79 | transform: scale3d(1.05, 1.05, 1.05); 80 | } 81 | 82 | to { 83 | transform: scale3d(1, 1, 1); 84 | } 85 | } 86 | 87 | .pulse { 88 | animation-name: pulse; 89 | } 90 | 91 | @keyframes rubberBand { 92 | from { 93 | transform: scale3d(1, 1, 1); 94 | } 95 | 96 | 30% { 97 | transform: scale3d(1.25, 0.75, 1); 98 | } 99 | 100 | 40% { 101 | transform: scale3d(0.75, 1.25, 1); 102 | } 103 | 104 | 50% { 105 | transform: scale3d(1.15, 0.85, 1); 106 | } 107 | 108 | 65% { 109 | transform: scale3d(.95, 1.05, 1); 110 | } 111 | 112 | 75% { 113 | transform: scale3d(1.05, .95, 1); 114 | } 115 | 116 | to { 117 | transform: scale3d(1, 1, 1); 118 | } 119 | } 120 | 121 | .rubberBand { 122 | animation-name: rubberBand; 123 | } 124 | 125 | @keyframes shake { 126 | from, to { 127 | transform: translate3d(0, 0, 0); 128 | } 129 | 130 | 10%, 30%, 50%, 70%, 90% { 131 | transform: translate3d(-10px, 0, 0); 132 | } 133 | 134 | 20%, 40%, 60%, 80% { 135 | transform: translate3d(10px, 0, 0); 136 | } 137 | } 138 | 139 | .shake { 140 | animation-name: shake; 141 | } 142 | 143 | @keyframes headShake { 144 | 0% { 145 | transform: translateX(0); 146 | } 147 | 148 | 6.5% { 149 | transform: translateX(-6px) rotateY(-9deg); 150 | } 151 | 152 | 18.5% { 153 | transform: translateX(5px) rotateY(7deg); 154 | } 155 | 156 | 31.5% { 157 | transform: translateX(-3px) rotateY(-5deg); 158 | } 159 | 160 | 43.5% { 161 | transform: translateX(2px) rotateY(3deg); 162 | } 163 | 164 | 50% { 165 | transform: translateX(0); 166 | } 167 | } 168 | 169 | .headShake { 170 | animation-timing-function: ease-in-out; 171 | animation-name: headShake; 172 | } 173 | 174 | @keyframes swing { 175 | 20% { 176 | transform: rotate3d(0, 0, 1, 15deg); 177 | } 178 | 179 | 40% { 180 | transform: rotate3d(0, 0, 1, -10deg); 181 | } 182 | 183 | 60% { 184 | transform: rotate3d(0, 0, 1, 5deg); 185 | } 186 | 187 | 80% { 188 | transform: rotate3d(0, 0, 1, -5deg); 189 | } 190 | 191 | to { 192 | transform: rotate3d(0, 0, 1, 0deg); 193 | } 194 | } 195 | 196 | .swing { 197 | transform-origin: top center; 198 | animation-name: swing; 199 | } 200 | 201 | @keyframes tada { 202 | from { 203 | transform: scale3d(1, 1, 1); 204 | } 205 | 206 | 10%, 20% { 207 | transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); 208 | } 209 | 210 | 30%, 50%, 70%, 90% { 211 | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 212 | } 213 | 214 | 40%, 60%, 80% { 215 | transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 216 | } 217 | 218 | to { 219 | transform: scale3d(1, 1, 1); 220 | } 221 | } 222 | 223 | .tada { 224 | animation-name: tada; 225 | } 226 | 227 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 228 | 229 | @keyframes wobble { 230 | from { 231 | transform: none; 232 | } 233 | 234 | 15% { 235 | transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 236 | } 237 | 238 | 30% { 239 | transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 240 | } 241 | 242 | 45% { 243 | transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 244 | } 245 | 246 | 60% { 247 | transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 248 | } 249 | 250 | 75% { 251 | transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 252 | } 253 | 254 | to { 255 | transform: none; 256 | } 257 | } 258 | 259 | .wobble { 260 | animation-name: wobble; 261 | } 262 | 263 | @keyframes jello { 264 | from, 11.1%, to { 265 | transform: none; 266 | } 267 | 268 | 22.2% { 269 | transform: skewX(-12.5deg) skewY(-12.5deg); 270 | } 271 | 272 | 33.3% { 273 | transform: skewX(6.25deg) skewY(6.25deg); 274 | } 275 | 276 | 44.4% { 277 | transform: skewX(-3.125deg) skewY(-3.125deg); 278 | } 279 | 280 | 55.5% { 281 | transform: skewX(1.5625deg) skewY(1.5625deg); 282 | } 283 | 284 | 66.6% { 285 | transform: skewX(-0.78125deg) skewY(-0.78125deg); 286 | } 287 | 288 | 77.7% { 289 | transform: skewX(0.390625deg) skewY(0.390625deg); 290 | } 291 | 292 | 88.8% { 293 | transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 294 | } 295 | } 296 | 297 | .jello { 298 | animation-name: jello; 299 | transform-origin: center; 300 | } 301 | 302 | @keyframes bounceIn { 303 | from, 20%, 40%, 60%, 80%, to { 304 | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 305 | } 306 | 307 | 0% { 308 | opacity: 0; 309 | transform: scale3d(.3, .3, .3); 310 | } 311 | 312 | 20% { 313 | transform: scale3d(1.1, 1.1, 1.1); 314 | } 315 | 316 | 40% { 317 | transform: scale3d(.9, .9, .9); 318 | } 319 | 320 | 60% { 321 | opacity: 1; 322 | transform: scale3d(1.03, 1.03, 1.03); 323 | } 324 | 325 | 80% { 326 | transform: scale3d(.97, .97, .97); 327 | } 328 | 329 | to { 330 | opacity: 1; 331 | transform: scale3d(1, 1, 1); 332 | } 333 | } 334 | 335 | .bounceIn { 336 | animation-name: bounceIn; 337 | } 338 | 339 | @keyframes bounceInDown { 340 | from, 60%, 75%, 90%, to { 341 | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 342 | } 343 | 344 | 0% { 345 | opacity: 0; 346 | transform: translate3d(0, -3000px, 0); 347 | } 348 | 349 | 60% { 350 | opacity: 1; 351 | transform: translate3d(0, 25px, 0); 352 | } 353 | 354 | 75% { 355 | transform: translate3d(0, -10px, 0); 356 | } 357 | 358 | 90% { 359 | transform: translate3d(0, 5px, 0); 360 | } 361 | 362 | to { 363 | transform: none; 364 | } 365 | } 366 | 367 | .bounceInDown { 368 | animation-name: bounceInDown; 369 | } 370 | 371 | @keyframes bounceInLeft { 372 | from, 60%, 75%, 90%, to { 373 | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 374 | } 375 | 376 | 0% { 377 | opacity: 0; 378 | transform: translate3d(-3000px, 0, 0); 379 | } 380 | 381 | 60% { 382 | opacity: 1; 383 | transform: translate3d(25px, 0, 0); 384 | } 385 | 386 | 75% { 387 | transform: translate3d(-10px, 0, 0); 388 | } 389 | 390 | 90% { 391 | transform: translate3d(5px, 0, 0); 392 | } 393 | 394 | to { 395 | transform: none; 396 | } 397 | } 398 | 399 | .bounceInLeft { 400 | animation-name: bounceInLeft; 401 | } 402 | 403 | @keyframes bounceInRight { 404 | from, 60%, 75%, 90%, to { 405 | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 406 | } 407 | 408 | from { 409 | opacity: 0; 410 | transform: translate3d(3000px, 0, 0); 411 | } 412 | 413 | 60% { 414 | opacity: 1; 415 | transform: translate3d(-25px, 0, 0); 416 | } 417 | 418 | 75% { 419 | transform: translate3d(10px, 0, 0); 420 | } 421 | 422 | 90% { 423 | transform: translate3d(-5px, 0, 0); 424 | } 425 | 426 | to { 427 | transform: none; 428 | } 429 | } 430 | 431 | .bounceInRight { 432 | animation-name: bounceInRight; 433 | } 434 | 435 | @keyframes bounceInUp { 436 | from, 60%, 75%, 90%, to { 437 | animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 438 | } 439 | 440 | from { 441 | opacity: 0; 442 | transform: translate3d(0, 3000px, 0); 443 | } 444 | 445 | 60% { 446 | opacity: 1; 447 | transform: translate3d(0, -20px, 0); 448 | } 449 | 450 | 75% { 451 | transform: translate3d(0, 10px, 0); 452 | } 453 | 454 | 90% { 455 | transform: translate3d(0, -5px, 0); 456 | } 457 | 458 | to { 459 | transform: translate3d(0, 0, 0); 460 | } 461 | } 462 | 463 | .bounceInUp { 464 | animation-name: bounceInUp; 465 | } 466 | 467 | @keyframes bounceOut { 468 | 20% { 469 | transform: scale3d(.9, .9, .9); 470 | } 471 | 472 | 50%, 55% { 473 | opacity: 1; 474 | transform: scale3d(1.1, 1.1, 1.1); 475 | } 476 | 477 | to { 478 | opacity: 0; 479 | transform: scale3d(.3, .3, .3); 480 | } 481 | } 482 | 483 | .bounceOut { 484 | animation-name: bounceOut; 485 | } 486 | 487 | @keyframes bounceOutDown { 488 | 20% { 489 | transform: translate3d(0, 10px, 0); 490 | } 491 | 492 | 40%, 45% { 493 | opacity: 1; 494 | transform: translate3d(0, -20px, 0); 495 | } 496 | 497 | to { 498 | opacity: 0; 499 | transform: translate3d(0, 2000px, 0); 500 | } 501 | } 502 | 503 | .bounceOutDown { 504 | animation-name: bounceOutDown; 505 | } 506 | 507 | @keyframes bounceOutLeft { 508 | 20% { 509 | opacity: 1; 510 | transform: translate3d(20px, 0, 0); 511 | } 512 | 513 | to { 514 | opacity: 0; 515 | transform: translate3d(-2000px, 0, 0); 516 | } 517 | } 518 | 519 | .bounceOutLeft { 520 | animation-name: bounceOutLeft; 521 | } 522 | 523 | @keyframes bounceOutRight { 524 | 20% { 525 | opacity: 1; 526 | transform: translate3d(-20px, 0, 0); 527 | } 528 | 529 | to { 530 | opacity: 0; 531 | transform: translate3d(2000px, 0, 0); 532 | } 533 | } 534 | 535 | .bounceOutRight { 536 | animation-name: bounceOutRight; 537 | } 538 | 539 | @keyframes bounceOutUp { 540 | 20% { 541 | transform: translate3d(0, -10px, 0); 542 | } 543 | 544 | 40%, 45% { 545 | opacity: 1; 546 | transform: translate3d(0, 20px, 0); 547 | } 548 | 549 | to { 550 | opacity: 0; 551 | transform: translate3d(0, -2000px, 0); 552 | } 553 | } 554 | 555 | .bounceOutUp { 556 | animation-name: bounceOutUp; 557 | } 558 | 559 | @keyframes fadeIn { 560 | from { 561 | opacity: 0; 562 | } 563 | 564 | to { 565 | opacity: 1; 566 | } 567 | } 568 | 569 | .fadeIn { 570 | animation-name: fadeIn; 571 | } 572 | 573 | @keyframes fadeInDown { 574 | from { 575 | opacity: 0; 576 | transform: translate3d(0, -100%, 0); 577 | } 578 | 579 | to { 580 | opacity: 1; 581 | transform: none; 582 | } 583 | } 584 | 585 | .fadeInDown { 586 | animation-name: fadeInDown; 587 | } 588 | 589 | @keyframes fadeInDownBig { 590 | from { 591 | opacity: 0; 592 | transform: translate3d(0, -2000px, 0); 593 | } 594 | 595 | to { 596 | opacity: 1; 597 | transform: none; 598 | } 599 | } 600 | 601 | .fadeInDownBig { 602 | animation-name: fadeInDownBig; 603 | } 604 | 605 | @keyframes fadeInLeft { 606 | from { 607 | opacity: 0; 608 | transform: translate3d(-100%, 0, 0); 609 | } 610 | 611 | to { 612 | opacity: 1; 613 | transform: none; 614 | } 615 | } 616 | 617 | .fadeInLeft { 618 | animation-name: fadeInLeft; 619 | } 620 | 621 | @keyframes fadeInLeftBig { 622 | from { 623 | opacity: 0; 624 | transform: translate3d(-2000px, 0, 0); 625 | } 626 | 627 | to { 628 | opacity: 1; 629 | transform: none; 630 | } 631 | } 632 | 633 | .fadeInLeftBig { 634 | animation-name: fadeInLeftBig; 635 | } 636 | 637 | @keyframes fadeInRight { 638 | from { 639 | opacity: 0; 640 | transform: translate3d(100%, 0, 0); 641 | } 642 | 643 | to { 644 | opacity: 1; 645 | transform: none; 646 | } 647 | } 648 | 649 | .fadeInRight { 650 | animation-name: fadeInRight; 651 | } 652 | 653 | @keyframes fadeInRightBig { 654 | from { 655 | opacity: 0; 656 | transform: translate3d(2000px, 0, 0); 657 | } 658 | 659 | to { 660 | opacity: 1; 661 | transform: none; 662 | } 663 | } 664 | 665 | .fadeInRightBig { 666 | animation-name: fadeInRightBig; 667 | } 668 | 669 | @keyframes fadeInUp { 670 | from { 671 | opacity: 0; 672 | transform: translate3d(0, 100%, 0); 673 | } 674 | 675 | to { 676 | opacity: 1; 677 | transform: none; 678 | } 679 | } 680 | 681 | .fadeInUp { 682 | animation-name: fadeInUp; 683 | } 684 | 685 | @keyframes fadeInUpBig { 686 | from { 687 | opacity: 0; 688 | transform: translate3d(0, 2000px, 0); 689 | } 690 | 691 | to { 692 | opacity: 1; 693 | transform: none; 694 | } 695 | } 696 | 697 | .fadeInUpBig { 698 | animation-name: fadeInUpBig; 699 | } 700 | 701 | @keyframes fadeOut { 702 | from { 703 | opacity: 1; 704 | } 705 | 706 | to { 707 | opacity: 0; 708 | } 709 | } 710 | 711 | .fadeOut { 712 | animation-name: fadeOut; 713 | } 714 | 715 | @keyframes fadeOutDown { 716 | from { 717 | opacity: 1; 718 | } 719 | 720 | to { 721 | opacity: 0; 722 | transform: translate3d(0, 100%, 0); 723 | } 724 | } 725 | 726 | .fadeOutDown { 727 | animation-name: fadeOutDown; 728 | } 729 | 730 | @keyframes fadeOutDownBig { 731 | from { 732 | opacity: 1; 733 | } 734 | 735 | to { 736 | opacity: 0; 737 | transform: translate3d(0, 2000px, 0); 738 | } 739 | } 740 | 741 | .fadeOutDownBig { 742 | animation-name: fadeOutDownBig; 743 | } 744 | 745 | @keyframes fadeOutLeft { 746 | from { 747 | opacity: 1; 748 | } 749 | 750 | to { 751 | opacity: 0; 752 | transform: translate3d(-100%, 0, 0); 753 | } 754 | } 755 | 756 | .fadeOutLeft { 757 | animation-name: fadeOutLeft; 758 | } 759 | 760 | @keyframes fadeOutLeftBig { 761 | from { 762 | opacity: 1; 763 | } 764 | 765 | to { 766 | opacity: 0; 767 | transform: translate3d(-2000px, 0, 0); 768 | } 769 | } 770 | 771 | .fadeOutLeftBig { 772 | animation-name: fadeOutLeftBig; 773 | } 774 | 775 | @keyframes fadeOutRight { 776 | from { 777 | opacity: 1; 778 | } 779 | 780 | to { 781 | opacity: 0; 782 | transform: translate3d(100%, 0, 0); 783 | } 784 | } 785 | 786 | .fadeOutRight { 787 | animation-name: fadeOutRight; 788 | } 789 | 790 | @keyframes fadeOutRightBig { 791 | from { 792 | opacity: 1; 793 | } 794 | 795 | to { 796 | opacity: 0; 797 | transform: translate3d(2000px, 0, 0); 798 | } 799 | } 800 | 801 | .fadeOutRightBig { 802 | animation-name: fadeOutRightBig; 803 | } 804 | 805 | @keyframes fadeOutUp { 806 | from { 807 | opacity: 1; 808 | } 809 | 810 | to { 811 | opacity: 0; 812 | transform: translate3d(0, -100%, 0); 813 | } 814 | } 815 | 816 | .fadeOutUp { 817 | animation-name: fadeOutUp; 818 | } 819 | 820 | @keyframes fadeOutUpBig { 821 | from { 822 | opacity: 1; 823 | } 824 | 825 | to { 826 | opacity: 0; 827 | transform: translate3d(0, -2000px, 0); 828 | } 829 | } 830 | 831 | .fadeOutUpBig { 832 | animation-name: fadeOutUpBig; 833 | } 834 | 835 | @keyframes flip { 836 | from { 837 | transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 838 | animation-timing-function: ease-out; 839 | } 840 | 841 | 40% { 842 | transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 843 | animation-timing-function: ease-out; 844 | } 845 | 846 | 50% { 847 | transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 848 | animation-timing-function: ease-in; 849 | } 850 | 851 | 80% { 852 | transform: perspective(400px) scale3d(.95, .95, .95); 853 | animation-timing-function: ease-in; 854 | } 855 | 856 | to { 857 | transform: perspective(400px); 858 | animation-timing-function: ease-in; 859 | } 860 | } 861 | 862 | .animated.flip { 863 | -webkit-backface-visibility: visible; 864 | backface-visibility: visible; 865 | animation-name: flip; 866 | } 867 | 868 | @keyframes flipInX { 869 | from { 870 | transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 871 | animation-timing-function: ease-in; 872 | opacity: 0; 873 | } 874 | 875 | 40% { 876 | transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 877 | animation-timing-function: ease-in; 878 | } 879 | 880 | 60% { 881 | transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 882 | opacity: 1; 883 | } 884 | 885 | 80% { 886 | transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 887 | } 888 | 889 | to { 890 | transform: perspective(400px); 891 | } 892 | } 893 | 894 | .flipInX { 895 | -webkit-backface-visibility: visible !important; 896 | backface-visibility: visible !important; 897 | animation-name: flipInX; 898 | } 899 | 900 | @keyframes flipInY { 901 | from { 902 | transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 903 | animation-timing-function: ease-in; 904 | opacity: 0; 905 | } 906 | 907 | 40% { 908 | transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 909 | animation-timing-function: ease-in; 910 | } 911 | 912 | 60% { 913 | transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 914 | opacity: 1; 915 | } 916 | 917 | 80% { 918 | transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 919 | } 920 | 921 | to { 922 | transform: perspective(400px); 923 | } 924 | } 925 | 926 | .flipInY { 927 | -webkit-backface-visibility: visible !important; 928 | backface-visibility: visible !important; 929 | animation-name: flipInY; 930 | } 931 | 932 | @keyframes flipOutX { 933 | from { 934 | transform: perspective(400px); 935 | } 936 | 937 | 30% { 938 | transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 939 | opacity: 1; 940 | } 941 | 942 | to { 943 | transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 944 | opacity: 0; 945 | } 946 | } 947 | 948 | .flipOutX { 949 | animation-name: flipOutX; 950 | -webkit-backface-visibility: visible !important; 951 | backface-visibility: visible !important; 952 | } 953 | 954 | @keyframes flipOutY { 955 | from { 956 | transform: perspective(400px); 957 | } 958 | 959 | 30% { 960 | transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 961 | opacity: 1; 962 | } 963 | 964 | to { 965 | transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 966 | opacity: 0; 967 | } 968 | } 969 | 970 | .flipOutY { 971 | -webkit-backface-visibility: visible !important; 972 | backface-visibility: visible !important; 973 | animation-name: flipOutY; 974 | } 975 | 976 | @keyframes lightSpeedIn { 977 | from { 978 | transform: translate3d(100%, 0, 0) skewX(-30deg); 979 | opacity: 0; 980 | } 981 | 982 | 60% { 983 | transform: skewX(20deg); 984 | opacity: 1; 985 | } 986 | 987 | 80% { 988 | transform: skewX(-5deg); 989 | opacity: 1; 990 | } 991 | 992 | to { 993 | transform: none; 994 | opacity: 1; 995 | } 996 | } 997 | 998 | .lightSpeedIn { 999 | animation-name: lightSpeedIn; 1000 | animation-timing-function: ease-out; 1001 | } 1002 | 1003 | @keyframes lightSpeedOut { 1004 | from { 1005 | opacity: 1; 1006 | } 1007 | 1008 | to { 1009 | transform: translate3d(100%, 0, 0) skewX(30deg); 1010 | opacity: 0; 1011 | } 1012 | } 1013 | 1014 | .lightSpeedOut { 1015 | animation-name: lightSpeedOut; 1016 | animation-timing-function: ease-in; 1017 | } 1018 | 1019 | @keyframes rotateIn { 1020 | from { 1021 | transform-origin: center; 1022 | transform: rotate3d(0, 0, 1, -200deg); 1023 | opacity: 0; 1024 | } 1025 | 1026 | to { 1027 | transform-origin: center; 1028 | transform: none; 1029 | opacity: 1; 1030 | } 1031 | } 1032 | 1033 | .rotateIn { 1034 | animation-name: rotateIn; 1035 | } 1036 | 1037 | @keyframes rotateInDownLeft { 1038 | from { 1039 | transform-origin: left bottom; 1040 | transform: rotate3d(0, 0, 1, -45deg); 1041 | opacity: 0; 1042 | } 1043 | 1044 | to { 1045 | transform-origin: left bottom; 1046 | transform: none; 1047 | opacity: 1; 1048 | } 1049 | } 1050 | 1051 | .rotateInDownLeft { 1052 | animation-name: rotateInDownLeft; 1053 | } 1054 | 1055 | @keyframes rotateInDownRight { 1056 | from { 1057 | transform-origin: right bottom; 1058 | transform: rotate3d(0, 0, 1, 45deg); 1059 | opacity: 0; 1060 | } 1061 | 1062 | to { 1063 | transform-origin: right bottom; 1064 | transform: none; 1065 | opacity: 1; 1066 | } 1067 | } 1068 | 1069 | .rotateInDownRight { 1070 | animation-name: rotateInDownRight; 1071 | } 1072 | 1073 | @keyframes rotateInUpLeft { 1074 | from { 1075 | transform-origin: left bottom; 1076 | transform: rotate3d(0, 0, 1, 45deg); 1077 | opacity: 0; 1078 | } 1079 | 1080 | to { 1081 | transform-origin: left bottom; 1082 | transform: none; 1083 | opacity: 1; 1084 | } 1085 | } 1086 | 1087 | .rotateInUpLeft { 1088 | animation-name: rotateInUpLeft; 1089 | } 1090 | 1091 | @keyframes rotateInUpRight { 1092 | from { 1093 | transform-origin: right bottom; 1094 | transform: rotate3d(0, 0, 1, -90deg); 1095 | opacity: 0; 1096 | } 1097 | 1098 | to { 1099 | transform-origin: right bottom; 1100 | transform: none; 1101 | opacity: 1; 1102 | } 1103 | } 1104 | 1105 | .rotateInUpRight { 1106 | animation-name: rotateInUpRight; 1107 | } 1108 | 1109 | @keyframes rotateOut { 1110 | from { 1111 | transform-origin: center; 1112 | opacity: 1; 1113 | } 1114 | 1115 | to { 1116 | transform-origin: center; 1117 | transform: rotate3d(0, 0, 1, 200deg); 1118 | opacity: 0; 1119 | } 1120 | } 1121 | 1122 | .rotateOut { 1123 | animation-name: rotateOut; 1124 | } 1125 | 1126 | @keyframes rotateOutDownLeft { 1127 | from { 1128 | transform-origin: left bottom; 1129 | opacity: 1; 1130 | } 1131 | 1132 | to { 1133 | transform-origin: left bottom; 1134 | transform: rotate3d(0, 0, 1, 45deg); 1135 | opacity: 0; 1136 | } 1137 | } 1138 | 1139 | .rotateOutDownLeft { 1140 | animation-name: rotateOutDownLeft; 1141 | } 1142 | 1143 | @keyframes rotateOutDownRight { 1144 | from { 1145 | transform-origin: right bottom; 1146 | opacity: 1; 1147 | } 1148 | 1149 | to { 1150 | transform-origin: right bottom; 1151 | transform: rotate3d(0, 0, 1, -45deg); 1152 | opacity: 0; 1153 | } 1154 | } 1155 | 1156 | .rotateOutDownRight { 1157 | animation-name: rotateOutDownRight; 1158 | } 1159 | 1160 | @keyframes rotateOutUpLeft { 1161 | from { 1162 | transform-origin: left bottom; 1163 | opacity: 1; 1164 | } 1165 | 1166 | to { 1167 | transform-origin: left bottom; 1168 | transform: rotate3d(0, 0, 1, -45deg); 1169 | opacity: 0; 1170 | } 1171 | } 1172 | 1173 | .rotateOutUpLeft { 1174 | animation-name: rotateOutUpLeft; 1175 | } 1176 | 1177 | @keyframes rotateOutUpRight { 1178 | from { 1179 | transform-origin: right bottom; 1180 | opacity: 1; 1181 | } 1182 | 1183 | to { 1184 | transform-origin: right bottom; 1185 | transform: rotate3d(0, 0, 1, 90deg); 1186 | opacity: 0; 1187 | } 1188 | } 1189 | 1190 | .rotateOutUpRight { 1191 | animation-name: rotateOutUpRight; 1192 | } 1193 | 1194 | @keyframes hinge { 1195 | 0% { 1196 | transform-origin: top left; 1197 | animation-timing-function: ease-in-out; 1198 | } 1199 | 1200 | 20%, 60% { 1201 | transform: rotate3d(0, 0, 1, 80deg); 1202 | transform-origin: top left; 1203 | animation-timing-function: ease-in-out; 1204 | } 1205 | 1206 | 40%, 80% { 1207 | transform: rotate3d(0, 0, 1, 60deg); 1208 | transform-origin: top left; 1209 | animation-timing-function: ease-in-out; 1210 | opacity: 1; 1211 | } 1212 | 1213 | to { 1214 | transform: translate3d(0, 700px, 0); 1215 | opacity: 0; 1216 | } 1217 | } 1218 | 1219 | .hinge { 1220 | animation-name: hinge; 1221 | } 1222 | 1223 | @keyframes jackInTheBox { 1224 | from { 1225 | opacity: 0; 1226 | transform: scale(0.1) rotate(30deg); 1227 | transform-origin: center bottom; 1228 | } 1229 | 1230 | 50% { 1231 | transform: rotate(-10deg); 1232 | } 1233 | 1234 | 70% { 1235 | transform: rotate(3deg); 1236 | } 1237 | 1238 | to { 1239 | opacity: 1; 1240 | transform: scale(1); 1241 | } 1242 | } 1243 | 1244 | .jackInTheBox { 1245 | animation-name: jackInTheBox; 1246 | } 1247 | 1248 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 1249 | 1250 | @keyframes rollIn { 1251 | from { 1252 | opacity: 0; 1253 | transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 1254 | } 1255 | 1256 | to { 1257 | opacity: 1; 1258 | transform: none; 1259 | } 1260 | } 1261 | 1262 | .rollIn { 1263 | animation-name: rollIn; 1264 | } 1265 | 1266 | /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 1267 | 1268 | @keyframes rollOut { 1269 | from { 1270 | opacity: 1; 1271 | } 1272 | 1273 | to { 1274 | opacity: 0; 1275 | transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 1276 | } 1277 | } 1278 | 1279 | .rollOut { 1280 | animation-name: rollOut; 1281 | } 1282 | 1283 | @keyframes zoomIn { 1284 | from { 1285 | opacity: 0; 1286 | transform: scale3d(.3, .3, .3); 1287 | } 1288 | 1289 | 50% { 1290 | opacity: 1; 1291 | } 1292 | } 1293 | 1294 | .zoomIn { 1295 | animation-name: zoomIn; 1296 | } 1297 | 1298 | @keyframes zoomInDown { 1299 | from { 1300 | opacity: 0; 1301 | transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); 1302 | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 1303 | } 1304 | 1305 | 60% { 1306 | opacity: 1; 1307 | transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 1308 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 1309 | } 1310 | } 1311 | 1312 | .zoomInDown { 1313 | animation-name: zoomInDown; 1314 | } 1315 | 1316 | @keyframes zoomInLeft { 1317 | from { 1318 | opacity: 0; 1319 | transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); 1320 | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 1321 | } 1322 | 1323 | 60% { 1324 | opacity: 1; 1325 | transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); 1326 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 1327 | } 1328 | } 1329 | 1330 | .zoomInLeft { 1331 | animation-name: zoomInLeft; 1332 | } 1333 | 1334 | @keyframes zoomInRight { 1335 | from { 1336 | opacity: 0; 1337 | transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); 1338 | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 1339 | } 1340 | 1341 | 60% { 1342 | opacity: 1; 1343 | transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); 1344 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 1345 | } 1346 | } 1347 | 1348 | .zoomInRight { 1349 | animation-name: zoomInRight; 1350 | } 1351 | 1352 | @keyframes zoomInUp { 1353 | from { 1354 | opacity: 0; 1355 | transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); 1356 | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 1357 | } 1358 | 1359 | 60% { 1360 | opacity: 1; 1361 | transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 1362 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 1363 | } 1364 | } 1365 | 1366 | .zoomInUp { 1367 | animation-name: zoomInUp; 1368 | } 1369 | 1370 | @keyframes zoomOut { 1371 | from { 1372 | opacity: 1; 1373 | } 1374 | 1375 | 50% { 1376 | opacity: 0; 1377 | transform: scale3d(.3, .3, .3); 1378 | } 1379 | 1380 | to { 1381 | opacity: 0; 1382 | } 1383 | } 1384 | 1385 | .zoomOut { 1386 | animation-name: zoomOut; 1387 | } 1388 | 1389 | @keyframes zoomOutDown { 1390 | 40% { 1391 | opacity: 1; 1392 | transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 1393 | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 1394 | } 1395 | 1396 | to { 1397 | opacity: 0; 1398 | transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); 1399 | transform-origin: center bottom; 1400 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 1401 | } 1402 | } 1403 | 1404 | .zoomOutDown { 1405 | animation-name: zoomOutDown; 1406 | } 1407 | 1408 | @keyframes zoomOutLeft { 1409 | 40% { 1410 | opacity: 1; 1411 | transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); 1412 | } 1413 | 1414 | to { 1415 | opacity: 0; 1416 | transform: scale(.1) translate3d(-2000px, 0, 0); 1417 | transform-origin: left center; 1418 | } 1419 | } 1420 | 1421 | .zoomOutLeft { 1422 | animation-name: zoomOutLeft; 1423 | } 1424 | 1425 | @keyframes zoomOutRight { 1426 | 40% { 1427 | opacity: 1; 1428 | transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); 1429 | } 1430 | 1431 | to { 1432 | opacity: 0; 1433 | transform: scale(.1) translate3d(2000px, 0, 0); 1434 | transform-origin: right center; 1435 | } 1436 | } 1437 | 1438 | .zoomOutRight { 1439 | animation-name: zoomOutRight; 1440 | } 1441 | 1442 | @keyframes zoomOutUp { 1443 | 40% { 1444 | opacity: 1; 1445 | transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 1446 | animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 1447 | } 1448 | 1449 | to { 1450 | opacity: 0; 1451 | transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); 1452 | transform-origin: center bottom; 1453 | animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 1454 | } 1455 | } 1456 | 1457 | .zoomOutUp { 1458 | animation-name: zoomOutUp; 1459 | } 1460 | 1461 | @keyframes slideInDown { 1462 | from { 1463 | transform: translate3d(0, -100%, 0); 1464 | visibility: visible; 1465 | } 1466 | 1467 | to { 1468 | transform: translate3d(0, 0, 0); 1469 | } 1470 | } 1471 | 1472 | .slideInDown { 1473 | animation-name: slideInDown; 1474 | } 1475 | 1476 | @keyframes slideInLeft { 1477 | from { 1478 | transform: translate3d(-100%, 0, 0); 1479 | visibility: visible; 1480 | } 1481 | 1482 | to { 1483 | transform: translate3d(0, 0, 0); 1484 | } 1485 | } 1486 | 1487 | .slideInLeft { 1488 | animation-name: slideInLeft; 1489 | } 1490 | 1491 | @keyframes slideInRight { 1492 | from { 1493 | transform: translate3d(100%, 0, 0); 1494 | visibility: visible; 1495 | } 1496 | 1497 | to { 1498 | transform: translate3d(0, 0, 0); 1499 | } 1500 | } 1501 | 1502 | .slideInRight { 1503 | animation-name: slideInRight; 1504 | } 1505 | 1506 | @keyframes slideInUp { 1507 | from { 1508 | transform: translate3d(0, 100%, 0); 1509 | visibility: visible; 1510 | } 1511 | 1512 | to { 1513 | transform: translate3d(0, 0, 0); 1514 | } 1515 | } 1516 | 1517 | .slideInUp { 1518 | animation-name: slideInUp; 1519 | } 1520 | 1521 | @keyframes slideOutDown { 1522 | from { 1523 | transform: translate3d(0, 0, 0); 1524 | } 1525 | 1526 | to { 1527 | visibility: hidden; 1528 | transform: translate3d(0, 100%, 0); 1529 | } 1530 | } 1531 | 1532 | .slideOutDown { 1533 | animation-name: slideOutDown; 1534 | } 1535 | 1536 | @keyframes slideOutLeft { 1537 | from { 1538 | transform: translate3d(0, 0, 0); 1539 | } 1540 | 1541 | to { 1542 | visibility: hidden; 1543 | transform: translate3d(-100%, 0, 0); 1544 | } 1545 | } 1546 | 1547 | .slideOutLeft { 1548 | animation-name: slideOutLeft; 1549 | } 1550 | 1551 | @keyframes slideOutRight { 1552 | from { 1553 | transform: translate3d(0, 0, 0); 1554 | } 1555 | 1556 | to { 1557 | visibility: hidden; 1558 | transform: translate3d(100%, 0, 0); 1559 | } 1560 | } 1561 | 1562 | .slideOutRight { 1563 | animation-name: slideOutRight; 1564 | } 1565 | 1566 | @keyframes slideOutUp { 1567 | from { 1568 | transform: translate3d(0, 0, 0); 1569 | } 1570 | 1571 | to { 1572 | visibility: hidden; 1573 | transform: translate3d(0, -100%, 0); 1574 | } 1575 | } 1576 | 1577 | .slideOutUp { 1578 | animation-name: slideOutUp; 1579 | } 1580 | --------------------------------------------------------------------------------