diff --git a/css/style.css b/css/style.css
index 0cf5b17..ad74a87 100644
--- a/css/style.css
+++ b/css/style.css
@@ -7,7 +7,7 @@
 }
 /* =======================================================
 *
-* 	Template Style 
+* 	Template Style
 *	Edit this section
 *
 * ======================================================= */
diff --git a/images/e1_2.png b/images/e1_2.png
new file mode 100644
index 0000000..58dff92
Binary files /dev/null and b/images/e1_2.png differ
diff --git a/images/e2_2.png b/images/e2_2.png
new file mode 100644
index 0000000..5a52005
Binary files /dev/null and b/images/e2_2.png differ
diff --git a/images/e3_2.png b/images/e3_2.png
new file mode 100644
index 0000000..60ccf6d
Binary files /dev/null and b/images/e3_2.png differ
diff --git a/images/e4_2.png b/images/e4_2.png
new file mode 100644
index 0000000..a9fe12d
Binary files /dev/null and b/images/e4_2.png differ
diff --git a/index.html b/index.html
index df19665..515dd08 100644
--- a/index.html
+++ b/index.html
@@ -26,7 +26,7 @@
     <meta name="twitter:card" content="" />
     <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
     <link rel="shortcut icon" href="favicon.ico">
-    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,400italic,700' rel='stylesheet' type='text/css'>
+    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,400italic,700" rel="stylesheet" type="text/css">
     <!-- Animate.css -->
     <link rel="stylesheet" href="css/animate.css">
     <!-- Icomoon Icon Fonts-->
@@ -56,7 +56,7 @@
     <style>
     /* For demo purpose only */
     /* For Demo Purposes Only ( You can delete this anytime :-) */
-    
+
     #colour-variations {
         padding: 10px;
         -webkit-transition: 0.5s;
@@ -76,11 +76,11 @@
         -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
         box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
     }
-    
+
     #colour-variations.sleep {
         margin-left: -140px;
     }
-    
+
     #colour-variations h3 {
         text-align: center;
         ;
@@ -92,18 +92,18 @@
         padding: 0;
         ;
     }
-    
+
     #colour-variations ul,
     #colour-variations ul li {
         padding: 0;
         margin: 0;
     }
-    
+
     #colour-variations li {
         list-style: none;
         display: inline;
     }
-    
+
     #colour-variations li a {
         width: 20px;
         height: 20px;
@@ -111,39 +111,39 @@
         float: left;
         margin: 5px;
     }
-    
+
     #colour-variations li a[data-theme="style"] {
         background: #6173f4;
     }
-    
+
     #colour-variations li a[data-theme="pink"] {
         background: #f64662;
     }
-    
+
     #colour-variations li a[data-theme="blue"] {
         background: #2185d5;
     }
-    
+
     #colour-variations li a[data-theme="turquoise"] {
         background: #00b8a9;
     }
-    
+
     #colour-variations li a[data-theme="orange"] {
         background: #ff6600;
     }
-    
+
     #colour-variations li a[data-theme="lightblue"] {
         background: #5585b5;
     }
-    
+
     #colour-variations li a[data-theme="brown"] {
         background: #a03232;
     }
-    
+
     #colour-variations li a[data-theme="green"] {
         background: #65d269;
     }
-    
+
     .option-toggle {
         position: absolute;
         right: 0;
@@ -163,12 +163,12 @@
         -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
         box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
     }
-    
+
     .option-toggle i {
         top: 2px;
         position: relative;
     }
-    
+
     .option-toggle:hover,
     .option-toggle:focus,
     .option-toggle:active {
@@ -176,11 +176,11 @@
         text-decoration: none;
         outline: none;
     }
-    
+
     #cursor {
         margin-top: -40px;
     }
-    
+
     .is-countdown {
         border: 1px solid transparent;
         background-color: transparent;
@@ -217,10 +217,10 @@
             <!-- </div> -->
         </div>
     </header>
-    <div data-section="home">
+    <div data-section="home" id="header">
         <div class="owl-carousel owl-carousel-fullwidth">
             <!-- You may change the background color here. -->
-            <div class="item" style="background-image:url(images/1234.png)">
+            <div class="item">
                 <div class="overlay"></div>
                 <div class="container" style="position: relative;">
                     <div class="row">
@@ -306,7 +306,7 @@ <h2 class="fh5co-sub-lead to-animate">100% Free Fully Responsive HTML5 Bootstrap
                     <h2 class="to-animate">About Us</h2>
                     <div class="row">
                         <div class="col-md-8 col-md-offset-2 to-animate">
-                            <h3> Google Developer Groups (GDGs) are for developers who are interested in Google's developer technology. Everything from the Android, App Engine, and Google Chrome platforms, to product APIs. We at GDG-BVP, use Google Technologies, in-order to produce some great solutions and applications. GDG-BVP was started as an initiative to promote the use of Google &amp; other open Source technologies. We believe, we are a group of students who can code, design &amp; use technology to innovate. We love to share our knowledge and simultaneously promoting the use of Google technologies.</h3>
+                            <h3> The popular tech society ‘GDG – BVP’ started in 2011 reached its new heights of achievement in the session 2015-2016. Google Developer Groups (GDGs) are for developers who are interested in Google's developer technology. Everything from the Android, App Engine, and Google Chrome platforms, to product APIs. We at GDG-BVP, use Google Technologies, in-order to produce some great solutions and applications. GDG-BVP was started as an initiative to promote the use of Google &amp; other open Source technologies. We believe, we are a group of students who can code, design &amp; use technology to innovate. We love to share our knowledge and simultaneously promoting the use of Google technologies.</h3>
                         </div>
                     </div>
                 </div>
@@ -539,10 +539,10 @@ <h3>Some of our poplular events</h3>
                 <div class="col-md-6">
                     <!-- Press Item -->
                     <div class="fh5co-press-item to-animate">
-                        <div class="fh5co-press-img" style="background-image: url(images/e1.png)">
+                        <div class="fh5co-press-img" style="background-image: url(images/e1_2.png)">
                         </div>
                         <div class="fh5co-press-text">
-                            <h3 class="h2 fh5co-press-title">APLLIED CS WITH ANDRIOD COURSE <small> (10.02.2016 - 20.04.2016)</small> <span class="fh5co-border"></span></h3>
+                            <h3 class="h2 fh5co-press-title">APLLIED CS WITH ANDRIOD COURSE <small> (10.09.2016 - 20.12.2016)</small> <span class="fh5co-border"></span></h3>
                             <p>Applied computer science with android is a Google initiative to help university students understand and apply computer science concept using the android platform. The program had concept related to data structures and algorithms and artificial intelligence. </p>
                             <br/>
                         </div>
@@ -552,11 +552,11 @@ <h3 class="h2 fh5co-press-title">APLLIED CS WITH ANDRIOD COURSE <small> (10.02.2
                 <div class="col-md-6">
                     <!-- Press Item -->
                     <div class="fh5co-press-item to-animate">
-                        <div class="fh5co-press-img" style="background-image: url(images/e2.png)">
+                        <div class="fh5co-press-img" style="background-image: url(images/e2_2.png)">
                         </div>
                         <div class="fh5co-press-text">
-                            <h3 class="h2 fh5co-press-title">GOOGLE STUDY JAM(2016)- ANDROID FOR BEGINNERS <small>(27.05.2016)</small> <span class="fh5co-border"></span></h3>
-                            <p>The aim was to create a group of developers, irrespective of their course departments and achieving certifications in a beginner level android course. Students gained interest and confidence after what they learn in the field of android development. The participants were confident enough to build simple android apps.</p>
+                            <h3 class="h2 fh5co-press-title">CODELAB ON PROGRESSIVE WEB APPS <small>(18.10.2016)</small> <span class="fh5co-border"></span></h3>
+                            <p> This code lab was hands on session on creating your own Progressive Web App, including the design considerations, as well as implementation details to ensure that your app meets the key principles of a Progressive Web App. Progressive Web Apps are experiences that combine the best of the web and the best of apps.</p>
 
                         </div>
                     </div>
@@ -565,11 +565,11 @@ <h3 class="h2 fh5co-press-title">GOOGLE STUDY JAM(2016)- ANDROID FOR BEGINNERS <
                 <div class="col-md-6">
                     <!-- Press Item -->
                     <div class="fh5co-press-item to-animate">
-                        <div class="fh5co-press-img" style="background-image: url(images/e3.png);">
+                        <div class="fh5co-press-img" style="background-image: url(images/e3_2.png);">
                         </div>
                         <div class="fh5co-press-text">
-                            <h3 class="h2 fh5co-press-title">DEVELOPER’S FEST <small>(31.10.2015)</small> <span class="fh5co-border"></span></h3>
-                            <p>A game development event by ‘GDG – BVP’ organized DEVELOPER’S FEST. Tech-savvy geeks were very excited and enrolled in the event to build their own games. </p>
+                            <h3 class="h2 fh5co-press-title">DEVELOPER’S FEST <small>(08.10.2016)</small> <span class="fh5co-border"></span></h3>
+                            <p>GDG New Delhi and GDG BVP together organized DevFest 16, the biggest Google tech conference in New Delhi. It had various sessions and lectures about Android, Web and Cloud from the experts. </p>
                             <br/>
                             <br/>
                         </div>
@@ -579,11 +579,11 @@ <h3 class="h2 fh5co-press-title">DEVELOPER’S FEST <small>(31.10.2015)</small>
                 <div class="col-md-6">
                     <!-- Press Item -->
                     <div class="fh5co-press-item to-animate">
-                        <div class="fh5co-press-img" style="background-image: url(images/e4.png);">
+                        <div class="fh5co-press-img" style="background-image: url(images/e4_2.png);">
                         </div>
                         <div class="fh5co-press-text">
-                            <h3 class="h2 fh5co-press-title">BIG DATA ANALYTICS- BY ARICENT <small>(19.10.2015)</small><span class="fh5co-border"></span></h3>
-                            <p>This event focused on the basics of big data. It briefly introduced the topic as what is it and why is it. It also explained the Hadoop echo system. Students were more interested in the role of No SQL Data base in big data analytics.</p>
+                            <h3 class="h2 fh5co-press-title">GOOGLE I/O EXTENDED AND TECHNICAL SESSIONS (AT GOOGLE OFFICE)<span class="fh5co-border"></span></h3>
+                            <p>I/O Extended events include a variety of options for developers—from live streaming sessions to local demos, to hackathons, codelabs, and more. Google Developer Groups New Delhi regularly organizes Google I/O sessions, and technical sessions with developers from the city. It includes Google I/O Extended Session, Codelabs and other activities. These events are regularly attended by members of GDG BVP.</p>
                         </div>
                     </div>
                     <!-- Press Item -->
@@ -637,6 +637,7 @@ <h3>Preset Colors</h3>
     <!-- <script src="js/owl.carousel.min.js"></script> -->
     <!-- For demo purposes only styleswitcher ( You may delete this anytime ) -->
     <script src="js/jquery.style.switcher.js"></script>
+    <script src="js/jquery.particleground.min.js"></script>
     <script>
     $(function() {
         $('#colour-variations ul').styleSwitcher({
diff --git a/js/jquery.particleground.min.js b/js/jquery.particleground.min.js
new file mode 100755
index 0000000..dca1f0b
--- /dev/null
+++ b/js/jquery.particleground.min.js
@@ -0,0 +1,16 @@
+/*!
+ * Particleground
+ *
+ * @author Jonathan Nicol - @mrjnicol
+ * @version 1.1.0
+ * @description Creates a canvas based particle system background
+ *
+ * Inspired by http://requestlab.fr/ and http://disruptivebydesign.com/
+ */
+!function(a,b){"use strict";function c(a){a=a||{};for(var b=1;b<arguments.length;b++){var c=arguments[b];if(c)for(var d in c)c.hasOwnProperty(d)&&("object"==typeof c[d]?deepExtend(a[d],c[d]):a[d]=c[d])}return a}function d(d,g){function h(){if(y){r=b.createElement("canvas"),r.className="pg-canvas",r.style.display="block",d.insertBefore(r,d.firstChild),s=r.getContext("2d"),i();for(var c=Math.round(r.width*r.height/g.density),e=0;c>e;e++){var f=new n;f.setStackPos(e),z.push(f)}a.addEventListener("resize",function(){k()},!1),b.addEventListener("mousemove",function(a){A=a.pageX,B=a.pageY},!1),D&&!C&&a.addEventListener("deviceorientation",function(){F=Math.min(Math.max(-event.beta,-30),30),E=Math.min(Math.max(-event.gamma,-30),30)},!0),j(),q("onInit")}}function i(){r.width=d.offsetWidth,r.height=d.offsetHeight,s.fillStyle=g.dotColor,s.strokeStyle=g.lineColor,s.lineWidth=g.lineWidth}function j(){if(y){u=a.innerWidth,v=a.innerHeight,s.clearRect(0,0,r.width,r.height);for(var b=0;b<z.length;b++)z[b].updatePosition();for(var b=0;b<z.length;b++)z[b].draw();G||(t=requestAnimationFrame(j))}}function k(){i();for(var a=d.offsetWidth,b=d.offsetHeight,c=z.length-1;c>=0;c--)(z[c].position.x>a||z[c].position.y>b)&&z.splice(c,1);var e=Math.round(r.width*r.height/g.density);if(e>z.length)for(;e>z.length;){var f=new n;z.push(f)}else e<z.length&&z.splice(e);for(c=z.length-1;c>=0;c--)z[c].setStackPos(c)}function l(){G=!0}function m(){G=!1,j()}function n(){switch(this.stackPos,this.active=!0,this.layer=Math.ceil(3*Math.random()),this.parallaxOffsetX=0,this.parallaxOffsetY=0,this.position={x:Math.ceil(Math.random()*r.width),y:Math.ceil(Math.random()*r.height)},this.speed={},g.directionX){case"left":this.speed.x=+(-g.maxSpeedX+Math.random()*g.maxSpeedX-g.minSpeedX).toFixed(2);break;case"right":this.speed.x=+(Math.random()*g.maxSpeedX+g.minSpeedX).toFixed(2);break;default:this.speed.x=+(-g.maxSpeedX/2+Math.random()*g.maxSpeedX).toFixed(2),this.speed.x+=this.speed.x>0?g.minSpeedX:-g.minSpeedX}switch(g.directionY){case"up":this.speed.y=+(-g.maxSpeedY+Math.random()*g.maxSpeedY-g.minSpeedY).toFixed(2);break;case"down":this.speed.y=+(Math.random()*g.maxSpeedY+g.minSpeedY).toFixed(2);break;default:this.speed.y=+(-g.maxSpeedY/2+Math.random()*g.maxSpeedY).toFixed(2),this.speed.x+=this.speed.y>0?g.minSpeedY:-g.minSpeedY}}function o(a,b){return b?void(g[a]=b):g[a]}function p(){console.log("destroy"),r.parentNode.removeChild(r),q("onDestroy"),f&&f(d).removeData("plugin_"+e)}function q(a){void 0!==g[a]&&g[a].call(d)}var r,s,t,u,v,w,x,y=!!b.createElement("canvas").getContext,z=[],A=0,B=0,C=!navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|BB10|mobi|tablet|opera mini|nexus 7)/i),D=!!a.DeviceOrientationEvent,E=0,F=0,G=!1;return g=c({},a[e].defaults,g),n.prototype.draw=function(){s.beginPath(),s.arc(this.position.x+this.parallaxOffsetX,this.position.y+this.parallaxOffsetY,g.particleRadius/2,0,2*Math.PI,!0),s.closePath(),s.fill(),s.beginPath();for(var a=z.length-1;a>this.stackPos;a--){var b=z[a],c=this.position.x-b.position.x,d=this.position.y-b.position.y,e=Math.sqrt(c*c+d*d).toFixed(2);e<g.proximity&&(s.moveTo(this.position.x+this.parallaxOffsetX,this.position.y+this.parallaxOffsetY),g.curvedLines?s.quadraticCurveTo(Math.max(b.position.x,b.position.x),Math.min(b.position.y,b.position.y),b.position.x+b.parallaxOffsetX,b.position.y+b.parallaxOffsetY):s.lineTo(b.position.x+b.parallaxOffsetX,b.position.y+b.parallaxOffsetY))}s.stroke(),s.closePath()},n.prototype.updatePosition=function(){if(g.parallax){if(D&&!C){var a=(u-0)/60;w=(E- -30)*a+0;var b=(v-0)/60;x=(F- -30)*b+0}else w=A,x=B;this.parallaxTargX=(w-u/2)/(g.parallaxMultiplier*this.layer),this.parallaxOffsetX+=(this.parallaxTargX-this.parallaxOffsetX)/10,this.parallaxTargY=(x-v/2)/(g.parallaxMultiplier*this.layer),this.parallaxOffsetY+=(this.parallaxTargY-this.parallaxOffsetY)/10}var c=d.offsetWidth,e=d.offsetHeight;switch(g.directionX){case"left":this.position.x+this.speed.x+this.parallaxOffsetX<0&&(this.position.x=c-this.parallaxOffsetX);break;case"right":this.position.x+this.speed.x+this.parallaxOffsetX>c&&(this.position.x=0-this.parallaxOffsetX);break;default:(this.position.x+this.speed.x+this.parallaxOffsetX>c||this.position.x+this.speed.x+this.parallaxOffsetX<0)&&(this.speed.x=-this.speed.x)}switch(g.directionY){case"up":this.position.y+this.speed.y+this.parallaxOffsetY<0&&(this.position.y=e-this.parallaxOffsetY);break;case"down":this.position.y+this.speed.y+this.parallaxOffsetY>e&&(this.position.y=0-this.parallaxOffsetY);break;default:(this.position.y+this.speed.y+this.parallaxOffsetY>e||this.position.y+this.speed.y+this.parallaxOffsetY<0)&&(this.speed.y=-this.speed.y)}this.position.x+=this.speed.x,this.position.y+=this.speed.y},n.prototype.setStackPos=function(a){this.stackPos=a},h(),{option:o,destroy:p,start:m,pause:l}}var e="particleground",f=a.jQuery;a[e]=function(a,b){return new d(a,b)},a[e].defaults={minSpeedX:.1,maxSpeedX:.7,minSpeedY:.1,maxSpeedY:.7,directionX:"center",directionY:"center",density:1e4,dotColor:"#666666",lineColor:"#666666",particleRadius:7,lineWidth:1,curvedLines:!1,proximity:100,parallax:!0,parallaxMultiplier:5,onInit:function(){},onDestroy:function(){}},f&&(f.fn[e]=function(a){if("string"==typeof arguments[0]){var b,c=arguments[0],g=Array.prototype.slice.call(arguments,1);return this.each(function(){f.data(this,"plugin_"+e)&&"function"==typeof f.data(this,"plugin_"+e)[c]&&(b=f.data(this,"plugin_"+e)[c].apply(this,g))}),void 0!==b?b:this}return"object"!=typeof a&&a?void 0:this.each(function(){f.data(this,"plugin_"+e)||f.data(this,"plugin_"+e,new d(this,a))})})}(window,document),/**
+ * requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
+ * @see: http://paulirish.com/2011/requestanimationframe-for-smart-animating/
+ * @see: http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
+ * @license: MIT license
+ */
+function(){for(var a=0,b=["ms","moz","webkit","o"],c=0;c<b.length&&!window.requestAnimationFrame;++c)window.requestAnimationFrame=window[b[c]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[b[c]+"CancelAnimationFrame"]||window[b[c]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(b){var c=(new Date).getTime(),d=Math.max(0,16-(c-a)),e=window.setTimeout(function(){b(c+d)},d);return a=c+d,e}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(a){clearTimeout(a)})}();
\ No newline at end of file
diff --git a/js/main.js b/js/main.js
index a7b5aa8..cc7db71 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,512 +1,535 @@
-;(function () {
-	
-	'use strict';
-
-	// iPad and iPod detection	
-	var isiPad = function(){
-		return (navigator.platform.indexOf("iPad") != -1);
-	};
-
-	var isiPhone = function(){
-	    return (
-			(navigator.platform.indexOf("iPhone") != -1) || 
-			(navigator.platform.indexOf("iPod") != -1)
-	    );
-	};
-
-
-
-	// Carousel Feature Slide
-	var owlCrouselFeatureSlide = function() {
-		
-		var owl = $('.owl-carousel');
-
-		owl.on('initialized.owl.carousel change.owl.carousel',function(elem){
-			var current = elem.item.index;
-			$(elem.target).find(".owl-item").eq(current).find(".to-animate").removeClass('fadeInUp animated');
-			$(elem.target).find(".owl-item").eq(current).find(".to-animate-2").removeClass('fadeInUp animated');
-		
-		});
-		owl.on('initialized.owl.carousel changed.owl.carousel',function(elem){
-			setTimeout(function(){
-				var current = elem.item.index;
-				$(elem.target).find(".owl-item").eq(current).find(".to-animate").addClass('fadeInUp animated');
-			}, 700);
-			setTimeout(function(){
-				var current = elem.item.index;
-				$(elem.target).find(".owl-item").eq(current).find(".to-animate-2").addClass('fadeInUp animated');
-			}, 900);
-     	});
-		owl.owlCarousel({
-			items: 1,
-		    loop: true,
-		    margin: 0,
-		    responsiveClass: true,
-		    nav: true,
-		    dots: true,
-		    autoHeight: true,
-		    smartSpeed: 500,
-		    autoplay: true,
-			autoplayTimeout: 5000,
-			autoplayHoverPause: true,
-		    navText: [	
-		      "<i class='icon-arrow-left2 owl-direction'></i>",
-		      "<i class='icon-arrow-right2 owl-direction'></i>"
-	     	]
-		});
-
-	};
-
-
-
-	// animate-box
-	var contentWayPoint = function() {
-
-		$('.animate-box').waypoint( function( direction ) {
-
-			if( direction === 'down' && !$(this).hasClass('animated') ) {
-			
-				$(this.element).addClass('fadeInUp animated');
-			
-			}
-
-		} , { offset: '75%' } );
-
-	};
-
-
-	// Burger Menu
-	var burgerMenu = function() {
-
-		$('body').on('click', '.js-fh5co-nav-toggle', function(event){
-
-			if ( $('#navbar').is(':visible') ) {
-				$(this).removeClass('active');	
-			} else {
-				$(this).addClass('active');	
-			}
-
-			event.preventDefault();
-			
-		});
-
-	};
-
-
-
-	// Page Nav
-	var clickMenu = function() {
-
-		$('a:not([class="external"])').click(function(event){
-			var section = $(this).data('nav-section'),
-				navbar = $('#navbar');
-		    $('html, body').animate({
-		        scrollTop: $('[data-section="' + section + '"]').offset().top
-		    }, 500);
-
-		    if ( navbar.is(':visible')) {
-		    	navbar.removeClass('in');
-		    	navbar.attr('aria-expanded', 'false');
-		    	$('.js-fh5co-nav-toggle').removeClass('active');
-		    }
-
-		    event.preventDefault();
-		    return false;
-		});
-
-	};
-
-	// Reflect scrolling in navigation
-	var navActive = function(section) {
-
-		var $el = $('#navbar > ul');
-		$el.find('li').removeClass('active');
-		$el.each(function(){
-			$(this).find('a[data-nav-section="'+section+'"]').closest('li').addClass('active');
-		});
-
-	};
-	var navigationSection = function() {
-
-		var $section = $('div[data-section]');
-		
-		$section.waypoint(function(direction) {
-		  	if (direction === 'down') {
-		    	navActive($(this.element).data('section'));
-		    
-		  	}
-		}, {
-		  	offset: '150px'
-		});
+;
+(function() {
 
-		$section.waypoint(function(direction) {
-		  	if (direction === 'up') {
-		    	navActive($(this.element).data('section'));
-		  	}
-		}, {
-		  	offset: function() { return -$(this.element).height() + 155; }
-		});
+    'use strict';
 
-	};
+    // iPad and iPod detection
+    var isiPad = function() {
+        return (navigator.platform.indexOf("iPad") != -1);
+    };
 
+    var isiPhone = function() {
+        return (
+            (navigator.platform.indexOf("iPhone") != -1) ||
+            (navigator.platform.indexOf("iPod") != -1)
+        );
+    };
 
-	// Window Scroll
-	var windowScroll = function() {
-		var lastScrollTop = 0;
 
-		$(window).scroll(function(event){
 
-		   	var header = $('#fh5co-header'),
-				scrlTop = $(this).scrollTop();
+    // Carousel Feature Slide
+    var owlCrouselFeatureSlide = function() {
 
-			if ( scrlTop > 500 && scrlTop <= 2000 ) {
-				header.addClass('navbar-fixed-top fh5co-animated slideInDown');
-			} else if ( scrlTop <= 500) {
-				if ( header.hasClass('navbar-fixed-top') ) {
-					header.addClass('navbar-fixed-top fh5co-animated slideOutUp');
-					setTimeout(function(){
-						header.removeClass('navbar-fixed-top fh5co-animated slideInDown slideOutUp');
-					}, 100 );
-				}
-			} 
-			
-		});
-	};
+        var owl = $('.owl-carousel');
 
+        owl.on('initialized.owl.carousel change.owl.carousel', function(elem) {
+            var current = elem.item.index;
+            $(elem.target).find(".owl-item").eq(current).find(".to-animate").removeClass('fadeInUp animated');
+            $(elem.target).find(".owl-item").eq(current).find(".to-animate-2").removeClass('fadeInUp animated');
 
-
-	// Animations
-
-	// About Us
-	var aboutAnimate = function() {
-
-		if ( $('#about-us').length > 0 ) {	
-			$('#about-us .to-animate').each(function( k ) {
-				
-				var el = $(this);
-				
-				setTimeout ( function () {
-					el.addClass('fadeInUp animated');
-				},  k * 200, 'easeInOutExpo' );
-				
-			});
-		}
-
-	};
-	var aboutWayPoint = function() {
-
-		if ( $('#about-us').length > 0 ) {
-			$('#about-us').waypoint( function( direction ) {
-										
-				if( direction === 'down' && !$(this).hasClass('animated') ) {
-
-
-					setTimeout(aboutAnimate, 200);
-
-					
-					$(this.element).addClass('animated');
-						
-				}
-			} , { offset: '95%' } );
-		}
-
-	};
-
-	// Team
-	var teamAnimate = function() {
-
-		if ( $('#team').length > 0 ) {	
-			$('#team .to-animate').each(function( k ) {
-				
-				var el = $(this);
-				
-				setTimeout ( function () {
-					el.addClass('fadeInUp animated');
-				},  k * 200, 'easeInOutExpo' );
-				
-			});
-		}
-
-	};
-	var teamWayPoint = function() {
-
-		if ( $('#team').length > 0 ) {
-			$('#team').waypoint( function( direction ) {
-										
-				if( direction === 'down' && !$(this).hasClass('animated') ) {
-
-
-					setTimeout(teamAnimate, 200);
-
-					
-					$(this.element).addClass('animated');
-						
-				}
-			} , { offset: '95%' } );
-		}
-
-	};
-
-	// Services
-	var servicesAnimate = function() {
-
-		if ( $('#fh5co-our-services').length > 0 ) {	
-			$('#fh5co-our-services .to-animate').each(function( k ) {
-				
-				var el = $(this);
-				
-				setTimeout ( function () {
-					el.addClass('fadeInUp animated');
-				},  k * 200, 'easeInOutExpo' );
-				
-			});
-		}
-
-	};
-	var servicesWayPoint = function() {
-
-		if ( $('#fh5co-our-services').length > 0 ) {
-			$('#fh5co-our-services').waypoint( function( direction ) {
-										
-				if( direction === 'down' && !$(this).hasClass('animated') ) {
-
-
-					setTimeout(servicesAnimate, 200);
-
-					
-					$(this.element).addClass('animated');
-						
-				}
-			} , { offset: '95%' } );
-		}
-
-	};
-
-
-	// Features
-	var featuresAnimate = function() {
-
-		if ( $('#fh5co-features').length > 0 ) {	
-			$('#fh5co-features .to-animate').each(function( k ) {
-				
-				var el = $(this);
-				
-				setTimeout ( function () {
-					el.addClass('fadeInUp animated');
-				},  k * 200, 'easeInOutExpo' );
-				
-			});
-		}
-
-	};
-	var featuresWayPoint = function() {
-
-		if ( $('#fh5co-features').length > 0 ) {
-			$('#fh5co-features').waypoint( function( direction ) {
-										
-				if( direction === 'down' && !$(this).hasClass('animated') ) {
-
-
-					setTimeout(function(){
-						$('.animate-features-1').addClass('animated fadeIn');
-					}, 100);
-					setTimeout(function(){
-						$('.animate-features-2').addClass('animated fadeIn');
-					}, 200);
-					setTimeout(featuresAnimate, 500);
-					setTimeout(function(){
-						$('.animate-features-3').addClass('animated fadeInUp');
-					}, 1400);
-
-					
-					$(this.element).addClass('animated');
-						
-				}
-			} , { offset: '95%' } );
-		}
-
-	};
-
-
-	// testimonials
-	var testimonialsAnimate = function() {
-
-		if ( $('#fh5co-testimonials').length > 0 ) {	
-			$('#fh5co-testimonials .to-animate').each(function( k ) {
-				
-				var el = $(this);
-				
-				setTimeout ( function () {
-					el.addClass('fadeInUp animated');
-				},  k * 200, 'easeInOutExpo' );
-				
-			});
-		}
-
-	};
-	var testimonialsWayPoint = function() {
-
-		if ( $('#fh5co-testimonials').length > 0 ) {
-			$('#fh5co-testimonials').waypoint( function( direction ) {
-										
-				
-					setTimeout(testimonialsAnimate, 200);
-					
-					
-					$(this.element).addClass('animated');
-						
-			
-			} , { offset: '95%' } );
-		}
-
-	};
-
-	// Pricing
-	var pricingAnimate = function() {
-
-		if ( $('#fh5co-pricing').length > 0 ) {	
-			$('#fh5co-pricing .to-animate').each(function( k ) {
-				
-				var el = $(this);
-				
-				setTimeout ( function () {
-					el.addClass('fadeInUp animated');
-				},  k * 200, 'easeInOutExpo' );
-				
-			});
-		}
-
-	};
-	var pricingWayPoint = function() {
-
-		if ( $('#fh5co-pricing').length > 0 ) {
-			$('#fh5co-pricing').waypoint( function( direction ) {
-										
-					setTimeout(function(){
-						$('.animate-pricing-1').addClass('animated fadeIn');
-					}, 200);
-					setTimeout(function(){
-						$('.animate-pricing-2').addClass('animated fadeIn');
-					}, 300);
-					setTimeout(pricingAnimate, 700);
-					
-					
-					$(this.element).addClass('animated');
-						
-			
-			} , { offset: '95%' } );
-		}
-
-	};
-
-	// Pricing
-	var pressAnimate = function() {
-
-		if ( $('#fh5co-press').length > 0 ) {	
-			$('#fh5co-press .to-animate').each(function( k ) {
-				
-				var el = $(this);
-				
-				setTimeout ( function () {
-					el.addClass('fadeInUp animated');
-				},  k * 200, 'easeInOutExpo' );
-				
-			});
-		}
-
-	};
-	var pressWayPoint = function() {
-
-		if ( $('#fh5co-press').length > 0 ) {
-			$('#fh5co-press').waypoint( function( direction ) {
-										
-					setTimeout(function(){
-						$('.animate-press-1').addClass('animated fadeIn');
-					}, 200);
-					setTimeout(function(){
-						$('.animate-press-2').addClass('animated fadeIn');
-					}, 300);
-					setTimeout(pressAnimate, 700);
-					
-					
-					$(this.element).addClass('animated');
-						
-			
-			} , { offset: '95%' } );
-		}
-
-	};
-
-
-	
-	
-	var cursorAnimation = function () {
-			alert('sd');
-		    $('#cursor').animate({
-		        opacity: 0
-		    }, 'fast', 'swing').animate({
-		        opacity: 1
-		    }, 'fast', 'swing');
-		}
-
-
-	// Document on load.
-	$(function(){
-
-		var daysCounter = $('#daysCounter');
-		var hoursCounter = $('#hoursCounter');
-		var minutesCounter = $('#minutesCounter');
-
-		var eventDay = '';
-		
-		var refreshTime = function(){
-			var today = new Date();
-			var difference = eventDay.getTime() - today.getTime();
-			if(difference < 0)
-				difference = 0;
-			var days = Math.floor(difference/(60*60*1000*24));
-			var left = difference%(60*60*1000*24)
-			var hours = Math.floor(left/(60*60*1000));
-			var minutes = Math.floor( (left%(60*60*1000)) /(1000*60));
-			daysCounter.html(days);
-			hoursCounter.html(hours);
-			minutesCounter.html(minutes);
-		}
-
-		burgerMenu();
-		// owlCrouselFeatureSlide();
-		clickMenu();
-		windowScroll();
-		navigationSection();
-
-		aboutWayPoint();
-		teamWayPoint();
-		servicesWayPoint();
-		featuresWayPoint();
-		testimonialsWayPoint();
-		pricingWayPoint();
-		pressWayPoint();
-
-
-		setInterval(function () {
-			$('#cursor').animate({
-				opacity: 0
-			}, 200, 'swing').animate({
-				opacity:1
-			}, 200, 'swing');
-		}, 600);
-
-
-		$.get('https://gdgbvcoe.github.io/website_data/event.txt?v='+Date.now(), function(response){
-			var data = response.split("\n");
-			$('#venue').html(data[1]);
-			$('#eventTitle').html(data[0]);
-			eventDay = new Date(data[2]);
-
-			setInterval(refreshTime,1000);
-		})
-
-	});
+        });
+        owl.on('initialized.owl.carousel changed.owl.carousel', function(elem) {
+            setTimeout(function() {
+                var current = elem.item.index;
+                $(elem.target).find(".owl-item").eq(current).find(".to-animate").addClass('fadeInUp animated');
+            }, 700);
+            setTimeout(function() {
+                var current = elem.item.index;
+                $(elem.target).find(".owl-item").eq(current).find(".to-animate-2").addClass('fadeInUp animated');
+            }, 900);
+        });
+        owl.owlCarousel({
+            items: 1,
+            loop: true,
+            margin: 0,
+            responsiveClass: true,
+            nav: true,
+            dots: true,
+            autoHeight: true,
+            smartSpeed: 500,
+            autoplay: true,
+            autoplayTimeout: 5000,
+            autoplayHoverPause: true,
+            navText: [
+                "<i class='icon-arrow-left2 owl-direction'></i>",
+                "<i class='icon-arrow-right2 owl-direction'></i>"
+            ]
+        });
+
+    };
+
+
+
+    // animate-box
+    var contentWayPoint = function() {
+
+        $('.animate-box').waypoint(function(direction) {
+
+            if (direction === 'down' && !$(this).hasClass('animated')) {
+
+                $(this.element).addClass('fadeInUp animated');
+
+            }
+
+        }, {
+            offset: '75%'
+        });
+
+    };
+
+
+    // Burger Menu
+    var burgerMenu = function() {
+
+        $('body').on('click', '.js-fh5co-nav-toggle', function(event) {
+
+            if ($('#navbar').is(':visible')) {
+                $(this).removeClass('active');
+            } else {
+                $(this).addClass('active');
+            }
+
+            event.preventDefault();
+
+        });
+
+    };
+
+
+
+    // Page Nav
+    var clickMenu = function() {
+
+        $('a:not([class="external"])').click(function(event) {
+            var section = $(this).data('nav-section'),
+                navbar = $('#navbar');
+            $('html, body').animate({
+                scrollTop: $('[data-section="' + section + '"]').offset().top
+            }, 500);
+
+            if (navbar.is(':visible')) {
+                navbar.removeClass('in');
+                navbar.attr('aria-expanded', 'false');
+                $('.js-fh5co-nav-toggle').removeClass('active');
+            }
+
+            event.preventDefault();
+            return false;
+        });
+
+    };
+
+    // Reflect scrolling in navigation
+    var navActive = function(section) {
+
+        var $el = $('#navbar > ul');
+        $el.find('li').removeClass('active');
+        $el.each(function() {
+            $(this).find('a[data-nav-section="' + section + '"]').closest('li').addClass('active');
+        });
+
+    };
+    var navigationSection = function() {
+
+        var $section = $('div[data-section]');
+
+        $section.waypoint(function(direction) {
+            if (direction === 'down') {
+                navActive($(this.element).data('section'));
+
+            }
+        }, {
+            offset: '150px'
+        });
+
+        $section.waypoint(function(direction) {
+            if (direction === 'up') {
+                navActive($(this.element).data('section'));
+            }
+        }, {
+            offset: function() {
+                return -$(this.element).height() + 155;
+            }
+        });
+
+    };
+
+
+    // Window Scroll
+    var windowScroll = function() {
+        var lastScrollTop = 0;
+
+        $(window).scroll(function(event) {
+
+            var header = $('#fh5co-header'),
+                scrlTop = $(this).scrollTop();
+
+            if (scrlTop > 500 && scrlTop <= 2000) {
+                header.addClass('navbar-fixed-top fh5co-animated slideInDown');
+            } else if (scrlTop <= 500) {
+                if (header.hasClass('navbar-fixed-top')) {
+                    header.addClass('navbar-fixed-top fh5co-animated slideOutUp');
+                    setTimeout(function() {
+                        header.removeClass('navbar-fixed-top fh5co-animated slideInDown slideOutUp');
+                    }, 100);
+                }
+            }
+
+        });
+    };
+
+
+
+    // Animations
+
+    // About Us
+    var aboutAnimate = function() {
+
+        if ($('#about-us').length > 0) {
+            $('#about-us .to-animate').each(function(k) {
+
+                var el = $(this);
+
+                setTimeout(function() {
+                    el.addClass('fadeInUp animated');
+                }, k * 200, 'easeInOutExpo');
+
+            });
+        }
+
+    };
+    var aboutWayPoint = function() {
+
+        if ($('#about-us').length > 0) {
+            $('#about-us').waypoint(function(direction) {
+
+                if (direction === 'down' && !$(this).hasClass('animated')) {
+
+
+                    setTimeout(aboutAnimate, 200);
+
+
+                    $(this.element).addClass('animated');
+
+                }
+            }, {
+                offset: '95%'
+            });
+        }
+
+    };
+
+    // Team
+    var teamAnimate = function() {
+
+        if ($('#team').length > 0) {
+            $('#team .to-animate').each(function(k) {
+
+                var el = $(this);
+
+                setTimeout(function() {
+                    el.addClass('fadeInUp animated');
+                }, k * 200, 'easeInOutExpo');
+
+            });
+        }
+
+    };
+    var teamWayPoint = function() {
+
+        if ($('#team').length > 0) {
+            $('#team').waypoint(function(direction) {
+
+                if (direction === 'down' && !$(this).hasClass('animated')) {
+
+
+                    setTimeout(teamAnimate, 200);
+
+
+                    $(this.element).addClass('animated');
+
+                }
+            }, {
+                offset: '95%'
+            });
+        }
+
+    };
+
+    // Services
+    var servicesAnimate = function() {
+
+        if ($('#fh5co-our-services').length > 0) {
+            $('#fh5co-our-services .to-animate').each(function(k) {
+
+                var el = $(this);
+
+                setTimeout(function() {
+                    el.addClass('fadeInUp animated');
+                }, k * 200, 'easeInOutExpo');
+
+            });
+        }
+
+    };
+    var servicesWayPoint = function() {
+
+        if ($('#fh5co-our-services').length > 0) {
+            $('#fh5co-our-services').waypoint(function(direction) {
+
+                if (direction === 'down' && !$(this).hasClass('animated')) {
+
+
+                    setTimeout(servicesAnimate, 200);
+
+
+                    $(this.element).addClass('animated');
+
+                }
+            }, {
+                offset: '95%'
+            });
+        }
+
+    };
+
+
+    // Features
+    var featuresAnimate = function() {
+
+        if ($('#fh5co-features').length > 0) {
+            $('#fh5co-features .to-animate').each(function(k) {
+
+                var el = $(this);
+
+                setTimeout(function() {
+                    el.addClass('fadeInUp animated');
+                }, k * 200, 'easeInOutExpo');
+
+            });
+        }
+
+    };
+    var featuresWayPoint = function() {
+
+        if ($('#fh5co-features').length > 0) {
+            $('#fh5co-features').waypoint(function(direction) {
+
+                if (direction === 'down' && !$(this).hasClass('animated')) {
+
+
+                    setTimeout(function() {
+                        $('.animate-features-1').addClass('animated fadeIn');
+                    }, 100);
+                    setTimeout(function() {
+                        $('.animate-features-2').addClass('animated fadeIn');
+                    }, 200);
+                    setTimeout(featuresAnimate, 500);
+                    setTimeout(function() {
+                        $('.animate-features-3').addClass('animated fadeInUp');
+                    }, 1400);
+
+
+                    $(this.element).addClass('animated');
+
+                }
+            }, {
+                offset: '95%'
+            });
+        }
+
+    };
+
+
+    // testimonials
+    var testimonialsAnimate = function() {
+
+        if ($('#fh5co-testimonials').length > 0) {
+            $('#fh5co-testimonials .to-animate').each(function(k) {
+
+                var el = $(this);
+
+                setTimeout(function() {
+                    el.addClass('fadeInUp animated');
+                }, k * 200, 'easeInOutExpo');
+
+            });
+        }
+
+    };
+    var testimonialsWayPoint = function() {
+
+        if ($('#fh5co-testimonials').length > 0) {
+            $('#fh5co-testimonials').waypoint(function(direction) {
+
+
+                setTimeout(testimonialsAnimate, 200);
+
+
+                $(this.element).addClass('animated');
+
+
+            }, {
+                offset: '95%'
+            });
+        }
+
+    };
+
+    // Pricing
+    var pricingAnimate = function() {
+
+        if ($('#fh5co-pricing').length > 0) {
+            $('#fh5co-pricing .to-animate').each(function(k) {
+
+                var el = $(this);
+
+                setTimeout(function() {
+                    el.addClass('fadeInUp animated');
+                }, k * 200, 'easeInOutExpo');
+
+            });
+        }
+
+    };
+    var pricingWayPoint = function() {
+
+        if ($('#fh5co-pricing').length > 0) {
+            $('#fh5co-pricing').waypoint(function(direction) {
+
+                setTimeout(function() {
+                    $('.animate-pricing-1').addClass('animated fadeIn');
+                }, 200);
+                setTimeout(function() {
+                    $('.animate-pricing-2').addClass('animated fadeIn');
+                }, 300);
+                setTimeout(pricingAnimate, 700);
+
+
+                $(this.element).addClass('animated');
+
+
+            }, {
+                offset: '95%'
+            });
+        }
+
+    };
+
+    // Pricing
+    var pressAnimate = function() {
+
+        if ($('#fh5co-press').length > 0) {
+            $('#fh5co-press .to-animate').each(function(k) {
+
+                var el = $(this);
+
+                setTimeout(function() {
+                    el.addClass('fadeInUp animated');
+                }, k * 200, 'easeInOutExpo');
+
+            });
+        }
+
+    };
+    var pressWayPoint = function() {
+
+        if ($('#fh5co-press').length > 0) {
+            $('#fh5co-press').waypoint(function(direction) {
+
+                setTimeout(function() {
+                    $('.animate-press-1').addClass('animated fadeIn');
+                }, 200);
+                setTimeout(function() {
+                    $('.animate-press-2').addClass('animated fadeIn');
+                }, 300);
+                setTimeout(pressAnimate, 700);
+
+
+                $(this.element).addClass('animated');
+
+
+            }, {
+                offset: '95%'
+            });
+        }
+
+    };
+
+
+
+
+    var cursorAnimation = function() {
+        alert('sd');
+        $('#cursor').animate({
+            opacity: 0
+        }, 'fast', 'swing').animate({
+            opacity: 1
+        }, 'fast', 'swing');
+    }
+
+
+    // Document on load.
+    $(function() {
+
+        var daysCounter = $('#daysCounter');
+        var hoursCounter = $('#hoursCounter');
+        var minutesCounter = $('#minutesCounter');
+
+        var eventDay = '';
+
+        var refreshTime = function() {
+            var today = new Date();
+            var difference = eventDay.getTime() - today.getTime();
+            if (difference < 0)
+                difference = 0;
+            var days = Math.floor(difference / (60 * 60 * 1000 * 24));
+            var left = difference % (60 * 60 * 1000 * 24)
+            var hours = Math.floor(left / (60 * 60 * 1000));
+            var minutes = Math.floor((left % (60 * 60 * 1000)) / (1000 * 60));
+            daysCounter.html(days);
+            hoursCounter.html(hours);
+            minutesCounter.html(minutes);
+        }
+
+        burgerMenu();
+        // owlCrouselFeatureSlide();
+        clickMenu();
+        windowScroll();
+        navigationSection();
+
+        aboutWayPoint();
+        teamWayPoint();
+        servicesWayPoint();
+        featuresWayPoint();
+        testimonialsWayPoint();
+        pricingWayPoint();
+        pressWayPoint();
+
+
+        setInterval(function() {
+            $('#cursor').animate({
+                opacity: 0
+            }, 200, 'swing').animate({
+                opacity: 1
+            }, 200, 'swing');
+        }, 600);
+
+
+        $.get('https://gdgbvcoe.github.io/website_data/event.txt?v=' + Date.now(), function(response) {
+            var data = response.split("\n");
+            $('#venue').html(data[1]);
+            $('#eventTitle').html(data[0]);
+            eventDay = new Date(data[2]);
+
+            setInterval(refreshTime, 1000);
+        })
+        $('#header').particleground({
+            dotColor: '#777675',
+            lineColor: '#1c252d'
+        });
+
+    });
 
 
 }());