basic theme setup done

assets/dev/js/scripts.js

@@ -0,0 +1,106 @@
+/* ---------------------------------------------
+ common scripts
+ --------------------------------------------- */
+
+;(function ($) {
+
+    "use strict";
+
+    var $window = $(window);
+
+    $(document).ready(function () {
+
+        var $navbarCollapse = $(".navbar-collapse"),
+            $navbarNav = $navbarCollapse.find('.navbar-nav');
+
+        $navbarNav.on('click', 'a', function(e) {
+            if ( e.target.hash &&
+                document.getElementById(e.target.hash.slice(1))
+            ) {
+                e.preventDefault();
+
+                // Add active class to clicked item and remove from the rest
+                $navbarNav.find('.active').removeClass('active');
+                $(e.target).addClass('active');
+
+                // Navigate to clicked section
+                var offset = $(e.target.hash).offset();
+                $('html, body')
+                    .stop()
+                    .animate({
+                        scrollTop: offset.top
+                    }, 500);
+
+                // Collapse navbar
+                $navbarCollapse.collapse('hide');
+            }
+        });
+
+        /**
+         * Multilevel dropdown
+         */
+        $('.dropdown-menu a.dropdown-toggle').on('click', function() {
+            var $_this = $(this);
+            var $subMenu =  $_this.next(".dropdown-menu");
+
+            if (! $_this.next().hasClass('show')) {
+                $_this.parents('.dropdown-menu').first().find('.show').removeClass("show");
+            }
+
+            $subMenu.toggleClass('show');
+
+            $_this.parents('li.dropdown.show').on('hidden.bs.dropdown', function() {
+                $('.dropdown-submenu .show').removeClass("show");
+            });
+
+            return false;
+        });
+
+        /* ---------------------------------------------
+         height 100%
+         --------------------------------------------- */
+
+        $(".js_full_height").height($window.height());
+
+        $window.on('resize', function(){
+            $(".js_full_height").height($window.height());
+        });
+
+
+
+        /* ---------------------------------------------
+         add sticky
+         --------------------------------------------- */
+
+        $window.on('scroll', function () {
+            var wSize = $window.width();
+            if (wSize > 767 && $(this).scrollTop() > 1) {
+                $('.app-header').addClass("sticky-header");
+            }
+            else {
+                $('.app-header').removeClass("sticky-header");
+            }
+        });
+
+
+        // search
+        $('#search-icon').on('click', function (e) {
+            e.preventDefault();
+            // console.log('Click');
+            $('#menu').addClass('hidden-for-search-appear');
+            $('#form-search').addClass('form-search--visible');
+            $('#form-search .form-control').focus();
+        });
+        $('#form-search-close-btn').on('click', function (e) {
+            e.preventDefault();
+            $('#menu').removeClass('hidden-for-search-appear');
+            // $('.tb-attr').removeClass('hidden-for-search-appear');
+            $('#form-search').removeClass('form-search--visible');
+        });
+
+
+
+
+    });
+
+})(jQuery);

assets/dev/sass/_banner-static.scss

@@ -0,0 +1,71 @@
+/*------------------------------------
+  hero static banner
+------------------------------------*/
+
+.hero{
+    position: relative;
+    display: table;
+    width: 100%;
+    padding: 0;
+    background-attachment: fixed;
+    background-size: cover;
+    background-position: center;
+
+    .hero-content {
+        display: table-cell;
+        transform: translateY(0rem);
+        vertical-align: middle;
+
+        .hero-title{
+            font-weight: bold;
+        }
+        .hero-sub-title {
+            font-size: 18px;
+        }
+        .hero-action {
+            margin-top: 5rem;
+        }
+        .hero-link {
+          font-size: 20px;
+          color: #8c8c8c;
+          border-bottom: 1px solid #8c8c8c;
+          &:hover{
+            padding-bottom: 3px;
+          }
+        }
+    }
+
+}
+
+.hero-inner {
+  height: 200px;
+  margin-top: 75px;
+
+  .hero-content{
+    transform: translateY(0rem);
+    .hero-title {
+      margin: 0;
+    }
+  }
+
+}
+
+.base-gradient {
+  position: relative;
+  height: 100%;
+
+  &:before {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-image: linear-gradient(to bottom right,#9d5df5,#3477f2);
+    opacity: .8;
+  }
+}
+
+.inner-banner {
+  height: 460px;
+}

assets/dev/sass/_buttons.scss

@@ -0,0 +1,10 @@
+.btn-solid-dark {
+  color: #fff;
+  background: #43454b;
+  padding: .6180469716em 1.41575em;
+  line-height: 1.8;
+  &:hover{
+    color: #fff;
+    background: #000;
+  }
+}

assets/dev/sass/_footer.scss

@@ -0,0 +1,31 @@
+footer{
+  border-top: 1px solid $gray-light;
+}
+
+.social-links{
+  a{
+    width: 35px;
+    height: 35px;
+    line-height: 35px;
+    border: 1px solid #e1e1e1;
+    border-radius: 50%;
+    display: inline-block;
+    text-align: center;
+    color: $black-light;
+    margin: 0 .3rem;
+    &:hover{
+      background: $primary-color;
+      color: $white;
+      border-color: $primary-color;
+    }
+  }
+}
+
+@media (max-width: 767px) {
+  footer{
+    text-align: center;
+  }
+  .footer-logo {
+    display: inline-block;
+  }
+}