diff --git a/lib/jquery.js b/lib/jquery.js
diff --git a/lib/modernizr.js b/lib/modernizr.js
@@ -0,0 +1,287 @@
+/* Modernizr 2.8.3 (Custom Build) | MIT & BSD
+ * Build: http://modernizr.com/download/#-csstransforms-csstransforms3d-csstransitions-teststyles-testprop-testallprops-prefixes-domprefixes
+ */
+;
+
+
+
+window.Modernizr = (function( window, document, undefined ) {
+
+    var version = '2.8.3',
+
+        Modernizr = {},
+
+
+        docElement = document.documentElement,
+
+        mod = 'modernizr',
+        modElem = document.createElement(mod),
+        mStyle = modElem.style,
+
+        inputElem  ,
+
+
+        toString = {}.toString,
+
+        prefixes = ' -webkit- -moz- -o- -ms- '.split(' '),
+
+
+
+        omPrefixes = 'Webkit Moz O ms',
+
+        cssomPrefixes = omPrefixes.split(' '),
+
+        domPrefixes = omPrefixes.toLowerCase().split(' '),
+
+
+        tests = {},
+        inputs = {},
+        attrs = {},
+
+        classes = [],
+
+        slice = classes.slice,
+
+        featureName,
+
+
+        injectElementWithStyles = function( rule, callback, nodes, testnames ) {
+
+            var style, ret, node, docOverflow,
+                div = document.createElement('div'),
+                body = document.body,
+                fakeBody = body || document.createElement('body');
+
+            if ( parseInt(nodes, 10) ) {
+                while ( nodes-- ) {
+                    node = document.createElement('div');
+                    node.id = testnames ? testnames[nodes] : mod + (nodes + 1);
+                    div.appendChild(node);
+                }
+            }
+
+            style = ['&#173;','<style id="s', mod, '">', rule, '</style>'].join('');
+            div.id = mod;
+            (body ? div : fakeBody).innerHTML += style;
+            fakeBody.appendChild(div);
+            if ( !body ) {
+                fakeBody.style.background = '';
+                fakeBody.style.overflow = 'hidden';
+                docOverflow = docElement.style.overflow;
+                docElement.style.overflow = 'hidden';
+                docElement.appendChild(fakeBody);
+            }
+
+            ret = callback(div, rule);
+            if ( !body ) {
+                fakeBody.parentNode.removeChild(fakeBody);
+                docElement.style.overflow = docOverflow;
+            } else {
+                div.parentNode.removeChild(div);
+            }
+
+            return !!ret;
+
+        },
+        _hasOwnProperty = ({}).hasOwnProperty, hasOwnProp;
+
+    if ( !is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined') ) {
+        hasOwnProp = function (object, property) {
+            return _hasOwnProperty.call(object, property);
+        };
+    }
+    else {
+        hasOwnProp = function (object, property) {
+            return ((property in object) && is(object.constructor.prototype[property], 'undefined'));
+        };
+    }
+
+
+    if (!Function.prototype.bind) {
+        Function.prototype.bind = function bind(that) {
+
+            var target = this;
+
+            if (typeof target != "function") {
+                throw new TypeError();
+            }
+
+            var args = slice.call(arguments, 1),
+                bound = function () {
+
+                    if (this instanceof bound) {
+
+                        var F = function(){};
+                        F.prototype = target.prototype;
+                        var self = new F();
+
+                        var result = target.apply(
+                            self,
+                            args.concat(slice.call(arguments))
+                        );
+                        if (Object(result) === result) {
+                            return result;
+                        }
+                        return self;
+
+                    } else {
+
+                        return target.apply(
+                            that,
+                            args.concat(slice.call(arguments))
+                        );
+
+                    }
+
+                };
+
+            return bound;
+        };
+    }
+
+    function setCss( str ) {
+        mStyle.cssText = str;
+    }
+
+    function setCssAll( str1, str2 ) {
+        return setCss(prefixes.join(str1 + ';') + ( str2 || '' ));
+    }
+
+    function is( obj, type ) {
+        return typeof obj === type;
+    }
+
+    function contains( str, substr ) {
+        return !!~('' + str).indexOf(substr);
+    }
+
+    function testProps( props, prefixed ) {
+        for ( var i in props ) {
+            var prop = props[i];
+            if ( !contains(prop, "-") && mStyle[prop] !== undefined ) {
+                return prefixed == 'pfx' ? prop : true;
+            }
+        }
+        return false;
+    }
+
+    function testDOMProps( props, obj, elem ) {
+        for ( var i in props ) {
+            var item = obj[props[i]];
+            if ( item !== undefined) {
+
+                if (elem === false) return props[i];
+
+                if (is(item, 'function')){
+                    return item.bind(elem || obj);
+                }
+
+                return item;
+            }
+        }
+        return false;
+    }
+
+    function testPropsAll( prop, prefixed, elem ) {
+
+        var ucProp  = prop.charAt(0).toUpperCase() + prop.slice(1),
+            props   = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' ');
+
+        if(is(prefixed, "string") || is(prefixed, "undefined")) {
+            return testProps(props, prefixed);
+
+        } else {
+            props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' ');
+            return testDOMProps(props, prefixed, elem);
+        }
+    }
+
+
+    tests['csstransforms'] = function() {
+        return !!testPropsAll('transform');
+    };
+
+
+    tests['csstransforms3d'] = function() {
+
+        var ret = !!testPropsAll('perspective');
+
+        if ( ret && 'webkitPerspective' in docElement.style ) {
+
+            injectElementWithStyles('@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}', function( node, rule ) {
+                ret = node.offsetLeft === 9 && node.offsetHeight === 3;
+            });
+        }
+        return ret;
+    };
+
+
+    tests['csstransitions'] = function() {
+        return testPropsAll('transition');
+    };
+
+
+
+    for ( var feature in tests ) {
+        if ( hasOwnProp(tests, feature) ) {
+            featureName  = feature.toLowerCase();
+            Modernizr[featureName] = tests[feature]();
+
+            classes.push((Modernizr[featureName] ? '' : 'no-') + featureName);
+        }
+    }
+
+
+
+    Modernizr.addTest = function ( feature, test ) {
+        if ( typeof feature == 'object' ) {
+            for ( var key in feature ) {
+                if ( hasOwnProp( feature, key ) ) {
+                    Modernizr.addTest( key, feature[ key ] );
+                }
+            }
+        } else {
+
+            feature = feature.toLowerCase();
+
+            if ( Modernizr[feature] !== undefined ) {
+                return Modernizr;
+            }
+
+            test = typeof test == 'function' ? test() : test;
+
+            if (typeof enableClasses !== "undefined" && enableClasses) {
+                docElement.className += ' ' + (test ? '' : 'no-') + feature;
+            }
+            Modernizr[feature] = test;
+
+        }
+
+        return Modernizr;
+    };
+
+
+    setCss('');
+    modElem = inputElem = null;
+
+
+    Modernizr._version      = version;
+
+    Modernizr._prefixes     = prefixes;
+    Modernizr._domPrefixes  = domPrefixes;
+    Modernizr._cssomPrefixes  = cssomPrefixes;
+
+
+
+    Modernizr.testProp      = function(prop){
+        return testProps([prop]);
+    };
+
+    Modernizr.testAllProps  = testPropsAll;
+
+
+    Modernizr.testStyles    = injectElementWithStyles;
+    return Modernizr;
+
+})(this, this.document);
+;
diff --git a/stylesheets/index.css b/stylesheets/index.css
@@ -0,0 +1,40 @@
+
+/*welcome*/
+
+.welcome {
+    width: 100%;
+    display: table;
+    text-align: center;
+    background: white;
+}
+
+/*.pbustersWel {
+    heigh
+}*/
+
+.welcomeIMG {
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+    width: 100px;
+}
+
+.pbustersIMG {
+    position: relative;
+    text-align: center;
+    z-index: -1;
+    width: 100%;
+    height: auto;
+    top: 0;
+}
+
+
+
+/*MOBILE*/
+
+@media all and (max-width: 660px){
+    .welcomeTXT {
+        width: 90%;
+        margin: 5%;
+    }
+}
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css
@@ -0,0 +1,328 @@
+
+/*Site Wide*/
+
+body {
+    margin: 0;
+    margin-top: 60px;                                               /*FOR HEADER*/
+    font-family: 'Oxygen', sans-serif;
+    color: #2b2b2b;
+}
+
+h1 {
+    margin: 0;
+    padding: 0;
+}
+
+.montserrat {
+    font-family: 'Montserrat', sans-serif;
+    color: #444;
+}
+
+.oxygen {
+    font-family: 'Oxygen', sans-serif;
+    color: #666666;
+}
+
+.monospace {
+    font-family: monospace;
+}
+
+.onecolp {                                                          /*One Collumn Paragraph Preset (is responsive)*/
+    display: block;
+    width: 50%;
+    padding-left: 25%;
+    padding-right: 25%;
+    color: #666666;
+}
+
+/*Navigation*/
+
+.header-logo {
+    height: 55px;
+    width: auto;
+    top: 2.5px;
+    left: 5px;
+    position: absolute;
+    top
+}
+
+.nav {                                                              /*Navigation Bar*/
+    background: /*#1B87A9*/ #ffffff;
+    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
+    position: fixed;
+    width: 100%;
+    height: 60px;
+    left: 0;
+    top: 0;
+    border: none;
+    z-index: 1000000;
+    display: block;
+    text-align: center;
+}
+
+.button {                                                           /*Navigation Button*/
+    height: 100%;
+    display: inline-block;
+    line-height: 60px;
+    padding: 0 20px 0 20px;
+    font-size: 15px;
+    text-transform: uppercase;
+    color: #1B87A9;
+    background-color: transparent;
+    text-decoration: none;
+    margin-left: -5px;
+    transition: background .2s, color .2s;
+}
+.button:hover {
+    background-color: rgba(27,135,169,0.2);
+}
+
+.links {
+    float: right;
+    display: inline-block;
+}
+/*------------------------------------*/
+/*HOMEPAGE*/
+
+.onecolpIMGcon {
+    width: 100%;
+    text-align: center;
+}
+
+.center {
+    text-align: center;
+}
+
+.inline-block {
+    display: inline-block;
+}
+
+.onecolpIMG {
+    width: 100%;
+    height: auto;
+}
+
+.IMGboxshadow {
+    box-shadow:
+    10px 10px 30px 0px rgba(0,0,0,.3),
+    0px 0px 10px 0px rgba(0,0,0,.3);
+}
+
+.half {
+    width: 48%;
+    margin: 0.5%;
+    padding: 0.5%;
+    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
+    background: orange;
+    float: left;
+    text-align: center;
+    height: 400px;
+}
+
+.half-buy {
+    color: #fff;
+    font-size: 30px;
+}
+
+.half-buy-button {
+    position: relative;
+    display: inline-block;
+    background: darkorange;
+    border: none;
+    color: white;
+    font-size: 20px;
+    bottom: -325px;
+    box-shadow: 0.5px 0.5px 0 0 #D26609, 1px 1px 0 0 #D26609, 1.5px 1.5px 0 0 #D26609, 2px 2px 0 0 #D26609, 2.5px 2.5px 0 0 #D26609, 3px 3px 0 0 #D26609, 3.5px 3.5px 0 0 #D26609, 4px 4px 0 0 #D26609, 4.5px 4.5px 0 0 #D26609, 5px 5px 0 0 #D26609, 5.5px 5.5px 0 0 #D26609;
+}
+
+.half-buy-button:active {
+    bottom: -330px;
+    box-shadow: none;
+    right: -5px;
+}
+
+/*HOMEPAGE*/
+/*------------------------------------*/
+
+/*------------------------------------*/
+/*TESTIMONIALS*/
+
+.faketweet {
+    padding: 20px 20px 11.6px 20px;
+    cursor: pointer;
+    font-family: Arial;
+    color: #1c2022;
+    white-space: initial;
+    overflow: hidden;
+    background-color: #fff;
+    border: 1px solid #e1e8ed;
+    border-radius: 4px;
+    max-width: 520px;
+}
+
+.profile-pic {
+    height: 36px;
+    width: 36px;
+    border-radius: 4px;
+    border: 0px;
+    display: inline;
+    margin-right: 9px;
+}
+
+.namecon {
+    font-size: 14px;
+    display: inline-block;
+    margin: 0;
+}
+
+.namecon:hover > .name {
+    color: #3b94d9;
+}
+
+.name {
+    color: #1c2022;
+    font-weight: 700;
+    font-size: 18px;
+    margin: 0;
+}
+
+.handle {
+    color: #697882;
+    margin: 0;
+}
+
+.follow {
+    display: inline-block;
+    padding: 5.5px 13px 6.5px 11.5px;
+    font-size: 14px;
+    font-weight: 700;
+    height: 18px;
+    color: #55acee;
+    background-color: #fff;
+    border: 1px solid #55acee;
+    border-radius: 4px;
+    float: right;
+    text-decoration: none;
+}
+
+.follow:hover {
+    background: #55acee;
+    color: #fff;
+}
+
+.follow:hover > .twitter-bird {
+    background: url(../images/birdwhite.svg);
+}
+
+.Follow {
+    display: inline-block;
+    position: relative;
+    top: -4px;
+}
+
+.twitter-bird {
+    background: url(../images/bird.svg);
+    height: 18px;
+    width: 17.5px;
+    display: inline-block;
+}
+
+.tweet-con {
+    margin-top: 14px;
+}
+
+.tweet-con > p {
+    margin: 0;
+}
+
+.hashtags {
+    text-decoration: none;
+    color: #0084B4;
+}
+
+.tweet-con > a:hover {
+    text-decoration: underline;
+}
+
+.timestamp {
+    margin-top: 3.2px;
+}
+
+.timestamp > a {
+    color: #828F97;
+    text-decoration: none;
+    font-size: 14px;
+}
+
+.timestamp > a:hover {
+    color: #2b7bb9;
+    font-size: 14px;
+}
+
+.bottom {
+    margin-top: 8.4px;
+    height: 13.6px;
+}
+
+/*TESTIMONIALS*/
+/*------------------------------------*/
+
+/*FOOTER*/
+
+.footer {
+    clear: both;
+    position: relative;
+    background: #444;
+    color: white;
+    z-index: 1000;
+    margin: 0;
+    display: table;
+    height: 100%;
+    width: 100%;
+    bottom: 0;box-shadow: inset 0 0 100px #2b2b2b;
+}
+
+.footer p {
+    color: #eee;
+    font-size: 14px;
+    /*display: table-cell;
+    vertical-align: middle;*/
+    text-align: center;
+}
+
+.bunnies {
+    white-space: pre;
+}
+
+.footer-iframe {
+    border: none;
+    width: 100%;
+    height: 183px;
+    margin: 0;
+    margin-bottom: -4px;
+}
+
+/*MOBILE*/                                                          /*Media Queries for Responsive Styling*/
+
+@media all and (max-width: 660px){
+
+    .footer p {
+        font-size: 10px;
+    }
+    .onecolp {
+        width: 90%;
+        padding-left: 5%;
+        padding-right: 5%;
+    }
+    .button {
+        padding: 0 10px 0 10px;
+        font-size: 15px;
+    }
+    .nav > h1 {
+        display: none;
+    }
+
+    .links {
+        float: none;
+    }
+}
diff --git a/support.html b/support.html
@@ -0,0 +1,39 @@
+<!DOCTYPE HTML>
+
+<html>
+    <head>
+        <title>Skool-Ade LMS</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta charset="utf-8">
+        <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css">
+        <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
+        <link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
+        <head profile="http://www.w3.org/2005/10/profile">
+        <link rel="icon" type="image/png" href="images/logo3.png">
+    </head>
+    <body>
+
+        <!--THE NAV-->
+        <iframe class="nav" src="iframes/nav.html"></iframe>
+
+        <!--THE CONTENT-->
+        <div class="onecolp" id="content">
+            <div style="height: 30px;"></div>
+            For customer support, please send an eMail to www.skooladesisystems@gmail.com
+        </div>
+
+        <!--THE FOOTER-->
+        <iframe class="footer-iframe" src="iframes/footer.html"></iframe>
+
+        <script>
+            window.addEventListener("load", minScreenHeight(), false);
+            var windowHeight = "";
+            function minScreenHeight() {
+                windowHeight = window.innerHeight;
+                var content = document.getElementById("content");
+                content.style.minHeight = (windowHeight - 60 - 91).toString() + "px";
+                console.log(windowHeight);
+            }
+        </script>
+    </body>
+</html>
diff --git a/template.html b/template.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+
+<html>
+    <head>
+        <meta charset="utf-8">
+        <link rel="stylesheet" type="text/css" href="stylesheet.css">
+        <script>
+            window.addEventListener("load", time, false);
+            function time() {
+                var d = new Date();
+                var year = d.getFullYear();
+                document.getElementById("date").innerHTML = "© "+"2015 - "+year+" | All Rights Reserved";
+            }
+        </script>
+    </head>
+    <body>
+
+        <!--THE BANNER-->
+        <div class="banner">
+
+        </div>
+
+        <!--THE NAVBAR-->
+        <div class="navbar">
+
+        </div>
+
+        <!--THE ARTICLE-->
+        <div class="banner">
+
+        </div>
+
+    </body>
+</html>
diff --git a/testimonials.html b/testimonials.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML>
+
+<html>
+    <head>
+        <title>Skool-Ade LMS</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta charset="utf-8">
+        <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css">
+        <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
+        <link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
+        <head profile="http://www.w3.org/2005/10/profile">
+        <link rel="icon" type="image/png" href="images/logo3.png">
+    </head>
+    <body>
+
+        <!--THE NAV-->
+        <iframe class="nav" src="iframes/nav.html"></iframe>
+
+        <!--THE CONTENT-->
+        <div class="onecolp" id="content">
+            <div style="height: 30px;"></div>
+            <div class="faketweet">
+                <img src="https://pbs.twimg.com/profile_images/1980294624/DJT_Headshot_V2_400x400.jpg" class="profile-pic">
+                <div class="namecon">
+                    <p class="name">Donald J. Trump</p>
+                    <p class="handle">@realDonaldTrump</p>
+                </div>
+                <a href="https://twitter.com/cityofplanotx" class="follow">
+                    <span class="twitter-bird"></span>
+                    <span class="Follow">Follow</span>
+                </a>
+                <div class="tweet-con">
+                    <p><a href="https://twitter.com/search?q=%23skoolade&src=typd" class="hashtags">#Skoolade</a></p>
+                </div>
+                <div class="timestamp"><a href="https://www.twitter.com">2:67 PM - 30 Feb 2015</a></div>
+            </div>
+
+        </div>
+
+        <!--THE FOOTER-->
+        <iframe class="footer-iframe" src="iframes/footer.html"></iframe>
+
+        <script>
+            window.addEventListener("load", minScreenHeight(), false);
+            var windowHeight = "";
+            function minScreenHeight() {
+                windowHeight = window.innerHeight;
+                var content = document.getElementById("content");
+                content.style.minHeight = (windowHeight - 60 - 91).toString() + "px";
+                console.log(windowHeight);
+            }
+        </script>
+    </body>
+</html>