Add frontend

+body {
+    overflow-x: hidden;
+    font-family: 'Lato', sans-serif;
+    margin: 0px;
+}
+
+.wrapper {
+    width: 80%;
+}
+
+.back-to-top {
+    float: right !important;
+    background: none;
+    margin: 0;
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    width: 70px;
+    height: 70px;
+    z-index: 300;
+    display: none;
+    text-decoration: none;
+    color: #ffffff;
+    background-color: #ff9000;
+}
+
+.back-to-top i {
+    font-size: 60px;
+}
+
+.text-muted {
+    color: #777
+}
+
+.text-primary {
+    color: #266dd2;
+}
+
+p {
+    font-size: 14px;
+    line-height: 1.75
+}
+
+p.large {
+    font-size: 16px
+}
+
+a,
+a:hover,
+a:focus,
+a:active,
+a.active {
+    outline: 0
+}
+
+a {
+    color: #266dd2;
+}
+
+a:hover,
+a:focus,
+a:active,
+a.active {
+    color: #266dd2;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: 'Lato', sans-serif;
+    text-transform: uppercase;
+    font-weight: 900;
+}
+
+.img-centered {
+    margin: 0 auto
+}
+
+.bg-light-gray {
+    background-color: #f7f7f7
+}
+
+.bg-darkest-gray {
+    background-color: #222
+}
+
+.btn-primary {
+    color: #fff;
+    background-color: #266dd2;
+    border-color: #266dd2;
+    font-family: 'Lato', sans-serif;
+    text-transform: uppercase;
+    font-weight: 700
+}
+
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+    color: #fff;
+    background-color: #fec503;
+    border-color: #f6bf01
+}
+
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+    background-image: none
+}
+
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+    background-color: #266dd2;
+    border-color: #266dd2
+}
+
+.btn-primary .badge {
+    color: #266dd2;
+    background-color: #fff;
+}
+
+.btn-xl {
+    color: #fff;
+    background-color: #266dd2;
+   font-family: 'Lato', sans-serif;
+    text-transform: uppercase;
+    font-weight: 700;
+    border-radius: 0;
+    font-size: 18px;
+    padding: 15px 40px;
+    text-decoration: none;
+}
+
+.btn-xl:hover,
+.btn-xl:focus,
+.btn-xl:active,
+.btn-xl.active,
+.open .dropdown-toggle.btn-xl {
+    color: #fff;
+    background-color: #48AAF1;
+    border-color: #48AAF1;
+    text-decoration: none;
+}
+
+.btn-xl:active,
+.btn-xl.active,
+.open .dropdown-toggle.btn-xl {
+    background-image: none
+}
+
+.btn-xl.disabled,
+.btn-xl[disabled],
+fieldset[disabled] .btn-xl,
+.btn-xl.disabled:hover,
+.btn-xl[disabled]:hover,
+fieldset[disabled] .btn-xl:hover,
+.btn-xl.disabled:focus,
+.btn-xl[disabled]:focus,
+fieldset[disabled] .btn-xl:focus,
+.btn-xl.disabled:active,
+.btn-xl[disabled]:active,
+fieldset[disabled] .btn-xl:active,
+.btn-xl.disabled.active,
+.btn-xl[disabled].active,
+fieldset[disabled] .btn-xl.active {
+    background-color: #48AAF1;
+    border-color: #48AAF1;
+}
+
+.btn-xl .badge {
+    color: #48AAF1;
+    ;
+    background-color: #fff
+}
+
+.demo-picker-top {
+    background-color: #121212;
+    width: 100%;
+    height: 300px;
+}
+
+.picker-logo {
+    width: 450px;
+    height: 100%;
+    margin: 0 auto;
+    padding-top: 80px;
+}
+
+.align-center {
+    text-align: center;
+    margin: 0 auto;
+}
+.choose-demo {
+    color: #121212;
+    margin-top: 40px;
+    font-weight: 200;
+}
+
+.demo-picker {
+    padding: 0px 2% 0px 2%;
+    min-height: 500px;
+    margin: 0 auto;
+}
+
+.picture-demo {
+    width: 100%;
+}
+
+.picture-demo:hover {
+    background-color: linear-gradient(to right, #7b4397, #dc2430);
+    cursor: pointer;
+    width: 100%;
+    height: 100%;
+    transition: all 0.3s;
+    opacity: 0.8;
+}
+
+img {
+    width: 100%;
+}
+
+.demo-container {
+    padding-top: 40px;
+    width: 100%;
+    float: left;
+    position: relative;
+}
+
+.demo {
+    float: left;
+    padding: 15px;
+    height: 100%;
+}
+
+.demo-title {
+    text-align: center;
+}
+
+.demo-button {
+    padding-top: 30px;
+    margin: 0 auto;
+    width: 100%;
+    height: 100%;
+}
+
+.footer {
+    width: 100%;
+    height: 150px;
+    float: left;
+}
+
+.border {
+    width: 60%;
+    height: 1px;
+    background-color: #3C3C3C;
+    margin: 0 auto;
+}
+
+p.copy {
+    padding-top: 25px;
+}
+
+.copyright {
+    width: 100%;
+    font-size: 14px;
+    color: #3C3C3C;
+    padding-top: 80px;
+    position: relative;
+}
\ No newline at end of file

+/**
+ * footer-reveal.js
+ * 
+ * Licensed under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ * 
+ * Copyright 2014 Iain Andrew
+ * https://github.com/IainAndrew
+ */
+
+(function($) {
+
+  $.fn.footerReveal = function(options) {
+
+    var $this = $(this),
+        $prev = $this.prev(),
+        $win = $(window),
+
+        defaults = $.extend ({
+          shadow : true,
+          shadowOpacity: 0.8,
+          zIndex : -100
+        }, options ),
+
+        settings = $.extend(true, {}, defaults, options);
+
+    if ($this.outerHeight() <= $win.outerHeight()) {
+      $this.css({
+        'z-index' : defaults.zIndex,
+        position : 'fixed',
+        bottom : 0
+      });
+
+      if (defaults.shadow) {
+        $prev.css ({
+          '-moz-box-shadow' : '0 20px 30px -20px rgba(0,0,0,' + defaults.shadowOpacity + ')',
+          '-webkit-box-shadow' : '0 20px 30px -20px rgba(0,0,0,' + defaults.shadowOpacity +')',
+          'box-shadow' : '0 20px 30px -20px rgba(0,0,0,' + defaults.shadowOpacity + ')'
+        });
+      }
+
+      $win.on('load resize', function() {
+        $this.css({
+          'width' : $prev.outerWidth()
+        });
+        $prev.css({
+          'margin-bottom' : $this.outerHeight()
+        });
+      });
+    }
+
+    return this;
+
+  };
+
+}) (jQuery);
\ No newline at end of file

+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Uses the built in easing capabilities added In jQuery 1.1
+ * to offer multiple easing options
+ *
+ * TERMS OF USE - EASING EQUATIONS
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2001 Robert Penner
+ * All rights reserved.
+ *
+ * TERMS OF USE - jQuery Easing
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2008 George McGinley Smith
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+*/
+jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});
\ No newline at end of file

+jQuery(document).ready(function($) {
+
+
+    $("#settings-button").click(function() {
+        $("#theme-settings").toggleClass("active");
+        $(this).toggleClass("active");
+
+    });
+
+
+
+    $(".gradient1").click(function() {
+
+
+
+        $('<style />', {
+            text: '.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {border-bottom-color:#e84040; }section h2.section-heading, .text-muted-role, a, .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {color:#e84040;}.btn-xl, ul.social-buttons li a, ul.filter li a, .pricing .border, .pricing a.btn-send, .scroll-up a, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle, .scroll-up a:hover, .scroll-up a:active, .pricing-top-box {background-color: #e84040;}#services i.fa, #testimonials {background:#e84040;} '
+        }).appendTo('head');
+
+
+    });
+
+    $(".gradient2").click(function() {
+
+        $('<style />', {
+            text: '.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {border-bottom-color:#1D4079; }section h2.section-heading, .text-muted-role, a, .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {color:#1D4079;}.btn-xl, ul.social-buttons li a, ul.filter li a, .pricing .border, .pricing a.btn-send, .scroll-up a, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle, .scroll-up a:hover, .scroll-up a:active, .pricing-top-box {background-color: #1D4079;}#services i.fa, #testimonials {background:#1D4079;}'
+        }).appendTo('head');
+
+    });
+
+    $(".gradient3").click(function() {
+
+        $('<style />', {
+            text: '.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {border-bottom-color:#2E7D32; }section h2.section-heading, .text-muted-role, a, .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {color:#2E7D32;}.btn-xl, ul.social-buttons li a, ul.filter li a, .pricing .border, .pricing a.btn-send, .scroll-up a, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle, .scroll-up a:hover, .scroll-up a:active, .pricing-top-box {background-color: #2E7D32;}#services i.fa, #testimonials {background:#2E7D32;}'
+        }).appendTo('head');
+
+    });
+
+    $(".gradient4").click(function() {
+
+
+
+        $('<style />', {
+            text: '.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {border-bottom-color:#1abc9c; }section h2.section-heading, .text-muted-role, a, .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {color:#1abc9c;}.btn-xl, ul.social-buttons li a, ul.filter li a, .pricing .border, .pricing a.btn-send, .scroll-up a, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle, .scroll-up a:hover, .scroll-up a:active, .pricing-top-box {background-color: #1abc9c;}#services i.fa, #testimonials {background:#1abc9c;} '
+        }).appendTo('head');
+
+
+    });
+
+
+    $(".gradient5").click(function() {
+
+
+
+        $('<style />', {
+            text: '.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {border-bottom-color:#607D8B; }section h2.section-heading, .text-muted-role, a, .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {color:#607D8B;}.btn-xl, ul.social-buttons li a, ul.filter li a, .pricing .border, .pricing a.btn-send, .scroll-up a, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle, .scroll-up a:hover, .scroll-up a:active, .pricing-top-box {background-color: #607D8B;}#services i.fa, #testimonials {background:#607D8B;} '
+        }).appendTo('head');
+
+
+    });
+
+
+
+
+    $(".gradient6").click(function() {
+
+
+
+        $('<style />', {
+            text: '.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {border-bottom-color:#f39c12; }section h2.section-heading, .text-muted-role, a, .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {color:#f39c12;}.btn-xl, ul.social-buttons li a, ul.filter li a, .pricing .border, .pricing a.btn-send, .scroll-up a, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle, .scroll-up a:hover, .scroll-up a:active, .pricing-top-box {background-color: #f39c12;}#services i.fa, #testimonials {background:#f39c12;} '
+        }).appendTo('head');
+
+
+    });
+
+ $(".gradient7").click(function() {
+
+
+
+        $('<style />', {
+            text: '.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {border-bottom-color:#512DA8; }section h2.section-heading, .text-muted-role, a, .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {color:#512DA8;}.btn-xl, ul.social-buttons li a, ul.filter li a, .pricing .border, .pricing a.btn-send, .scroll-up a, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle, .scroll-up a:hover, .scroll-up a:active, .pricing-top-box {background-color: #512DA8;}#services i.fa, #testimonials {background:#512DA8;} '
+        }).appendTo('head');
+
+
+    });
+
+
+
+
+    $(".gradient8").click(function() {
+
+
+
+        $('<style />', {
+            text: '.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {border-bottom-color:#737373; }section h2.section-heading, .text-muted-role, a, .navbar-default .nav li a:hover, .navbar-default .nav li a:focus {color:#737373;}.btn-xl, ul.social-buttons li a, ul.filter li a, .pricing .border, .pricing a.btn-send, .scroll-up a, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle, .scroll-up a:hover, .scroll-up a:active, .pricing-top-box {background-color: #737373;}#services i.fa, #testimonials {background:#737373;} '
+        }).appendTo('head');
+
+
+    });
+
+
+});

+/* 
+	xBe by TEMPLATE STOCK
+	templatestock.co @templatestock
+	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+*/
+
+// jQuery for page scrolling feature - requires jQuery Easing plugin
+$(function() {
+    'use strict';
+
+    // Back to top smooth scroll
+
+    $('a.page-scroll').bind('click', function(event) {
+        var $anchor = $(this);
+        $('html, body').stop().animate({
+            scrollTop: $($anchor.attr('href')).offset().top
+        }, 1000, 'easeInOutExpo');
+        event.preventDefault();
+    });
+
+
+    // Scroll to top animated button
+
+    $(window).scroll(function() {
+        if ($(this).scrollTop() > 100) {
+            $('.scroll-up').fadeIn();
+        } else {
+            $('.scroll-up').fadeOut();
+        }
+    });
+
+
+    // Highlight the top nav as scrolling occurs
+    $('body').scrollspy({
+        target: '.navbar-fixed-top'
+    })
+
+    // Closes the Responsive Menu on Menu Item Click
+    $('.navbar-collapse ul li a').click(function() {
+        $('.navbar-toggle:visible').click();
+    });
+
+
+    // Script for Portfolio Section
+
+    $(document).ready(function() {
+
+        // Slider top 
+
+
+        $('#myCarousel-one').carousel({
+            interval: 9000, //changes the speed
+            keyboard: false,
+        })
+
+
+        //Team carousel
+
+        $('#myCarousel-two').carousel({
+            interval: 4000, //changes the speed
+            keyboard: false,
+        })
+
+        //Clients carousel
+
+        $('#myCarousel-three').carousel({
+            interval: 4000, //changes the speed
+            keyboard: false,
+        })
+
+        //Testimonials carousel
+
+        $('#myCarousel-four').carousel({
+            interval: 8000, //changes the speed
+            keyboard: false,
+        })
+
+        // Google Maps
+
+        google.maps.visualRefresh = true;
+
+        var map;
+
+        function initialize() {
+            var geocoder = new google.maps.Geocoder();
+            var address = $('#map-input').text(); /* change the map-input to your address */
+            var mapOptions = {
+                zoom: 15,
+                mapTypeId: google.maps.MapTypeId.ROADMAP,
+                scrollwheel: false
+            };
+            map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
+
+            if (geocoder) {
+                geocoder.geocode({
+                    'address': address
+                }, function(results, status) {
+                    if (status == google.maps.GeocoderStatus.OK) {
+                        if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {
+                            map.setCenter(results[0].geometry.location);
+
+                            var infowindow = new google.maps.InfoWindow({
+                                content: address,
+                                map: map,
+                                position: results[0].geometry.location,
+                            });
+
+                            var marker = new google.maps.Marker({
+                                position: results[0].geometry.location,
+                                map: map,
+                                title: address
+                            });
+
+                        } else {
+                            alert("No results found");
+                        }
+                    }
+                });
+            }
+        }
+        google.maps.event.addDomListener(window, 'load', initialize);
+
+        /* end google maps */
+
+
+    });
+
+    /* Animated Titles of Sections*/
+
+    function isScrolledIntoView(elem) {
+        var docViewTop = $(window).scrollTop();
+        var docViewBottom = docViewTop + $(window).height();
+
+        var elemTop = $(elem).offset().top;
+        var elemBottom = elemTop + $(elem).height();
+
+        return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
+    }
+
+    $(window).scroll(function() {
+        $('.section-heading, .section-subheading').each(function() {
+            if (isScrolledIntoView(this) === true) {
+                $(this).addClass('animated fadeInUp')
+            }
+        });
+
+
+    });
+
+
+    /*  Isotope Filter */
+
+    (function() {
+        var winDow = $(window);
+        var $container = $('.portfolio-items');
+        var $filter = $('.filter');
+
+        try {
+            $container.imagesLoaded(function() {
+                $container.show();
+                $container.isotope({
+                    filter: '*',
+                    layoutMode: 'masonry',
+                    animationOptions: {
+                        duration: 750,
+                        easing: 'linear'
+                    }
+                });
+            });
+        } catch (err) {}
+
+        winDow.bind('resize', function() {
+            var selector = $filter.find('a.active').attr('data-filter');
+
+            try {
+                $container.isotope({
+                    filter: selector,
+                    animationOptions: {
+                        duration: 750,
+                        easing: 'linear',
+                        queue: false,
+                    }
+                });
+            } catch (err) {}
+            return false;
+        });
+
+        $filter.find('a').click(function() {
+            var selector = $(this).attr('data-filter');
+
+            try {
+                $container.isotope({
+                    filter: selector,
+                    animationOptions: {
+                        duration: 750,
+                        easing: 'linear',
+                        queue: false,
+                    }
+                });
+            } catch (err) {
+
+            }
+            return false;
+        });
+
+
+    }());
+
+
+    /* Header shrink function*/
+
+    $(function() {
+        var shrinkHeader = 350;
+        $(window).scroll(function() {
+            var scroll = getCurrentScroll();
+            if (scroll >= shrinkHeader) {
+                $('.navbar').addClass('navbar-shrink');
+            } else {
+                $('.navbar').removeClass('navbar-shrink');
+            }
+        });
+
+        function getCurrentScroll() {
+            return window.pageYOffset || document.documentElement.scrollTop;
+        }
+    });
+
+    /* Footer reveal function*/
+
+    $('footer').footerReveal({
+        zIndex: -100,
+        shadow: true,
+        shadowOpacity: 0.6
+
+    });
+
+
+
+});

+<form action="/signup" method="POST" class="signupform">
+    <label for="email">E-MAIL</label>
+    <input name="email" type="email" required />
+    <label for="password">PASSWORD</label>
+    <input name="password" type="password" required />
+    <label for="name">NAME</label>
+    <input name="name" type="text" required />
+    <label for="adminCode">ADMIN CODE</label>
+    <input name="adminCode" type="text"/>
+    <button class="btn">SIGNUP!</button>
+</form>
\ No newline at end of file