garbage collection

assets/scss/templates/_homepage.scss

@@ -0,0 +1,215 @@
+/* banner feature */
+.feature-icon {
+  font-size: 60px;
+  color: $secondary-color;
+  display: inline-block;
+}
+
+.feature-blocks {
+  margin-left: 40px;
+  margin-right: 40px;
+  padding-left: 70px;
+  padding-top: 80px;
+  padding-right: 30%;
+
+  @include desktop-xl {
+    padding-right: 10%;
+  }
+
+  @include desktop-lg {
+    padding-right: 50px;
+    padding-left: 50px;
+    padding-top: 30px;
+
+    h3 {
+      font-size: 20px;
+    }
+  }
+
+  @include desktop {
+    margin-top: 0;
+    padding: 50px;
+
+    h3 {
+      font-size: 25px;
+    }
+  }
+
+  @include mobile {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+}
+
+/* /banner feature */
+
+/* course */
+.card-btn {
+  font-size: 12px;
+  padding: 5px 10px;
+}
+
+.flex-basis-33 {
+  flex-basis: 33.3333%;
+}
+
+.hover-shadow {
+  transition: .3s ease;
+
+  &:hover {
+    box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.15);
+  }
+}
+
+/* /course */
+
+/* success story */
+.success-video {
+  min-height: 300px;
+
+  .play-btn {
+    position: absolute;
+    top: 50%;
+    left: 0;
+    transform: translateY(-50%);
+
+    @include tablet {
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+}
+
+.play-btn {
+  display: inline-block;
+  height: 80px;
+  width: 80px;
+  border-radius: 50%;
+  background: $primary-color;
+  color: $white;
+  font-size: 25px;
+  text-align: center;
+
+  i {
+    line-height: 80px;
+  }
+
+  &::before {
+    position: absolute;
+    content: "";
+    height: 0;
+    width: 0;
+    transform: translate(-50%, -50%);
+    background: $white;
+    border-radius: 50%;
+    top: 50%;
+    left: 50%;
+    z-index: -2;
+    transition: .3s ease;
+    transition-delay: .2s;
+  }
+
+  &::after {
+    position: absolute;
+    content: "";
+    height: 80%;
+    width: 80%;
+    transform: translate(-50%, -50%);
+    background: $primary-color;
+    border-radius: 50%;
+    top: 50%;
+    left: 50%;
+    z-index: -1;
+    transition: .3s ease;
+  }
+
+  &:hover {
+    &::before {
+      height: 80%;
+      width: 80%;
+      transition-delay: 0s;
+    }
+
+    &::after {
+      height: 0;
+      width: 0;
+      transition: 0s ease;
+    }
+  }
+}
+
+/* /success story */
+
+/* events */
+.card-date {
+  position: absolute;
+  background: $primary-color;
+  font-family: $secondary-font;
+  text-align: center;
+  padding: 10px;
+  color: $white;
+  top: 0;
+  left: 0;
+  text-transform: uppercase;
+
+  span {
+    font-size: 40px;
+  }
+}
+
+/* /events */
+
+/* teacher */
+.teacher-info {
+  width: 70%;
+  bottom: 0;
+  right: 0;
+}
+
+/* /teacher */
+
+/* footer */
+.input-wrapper {
+  position: relative;
+
+  button {
+    position: absolute;
+    right: 25px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+.form-control {
+  height: 60px;
+  background: $white;
+  border-radius: 0;
+  padding-left: 25px;
+
+  &:focus {
+    border-color: $primary-color;
+    box-shadow: none;
+  }
+}
+
+.newsletter-block {
+  .form-control {
+    height: 90px;
+  }
+}
+
+.bg-footer {
+  background-color: #182b45;
+}
+
+.logo-footer {
+  margin-top: -20px;
+  display: inline-block;
+}
+
+.footer {
+  border-color: #494a43 !important;
+  padding-top: 75px;
+}
+
+/* /footer */

assets/scss/templates/_navigation.scss

@@ -0,0 +1,168 @@
+.top-header {
+  font-size: 12px;
+  transition: transform .2s ease;
+  transform-origin: top;
+  font-weight: 600;
+
+  &.hide {
+    transform: scaleY(0);
+    transform-origin: top;
+  }
+}
+
+.navigation {
+  background: linear-gradient(to right, transparent 50%, $primary-color 50%);
+  transition: .2s ease;
+
+  @include desktop {
+    background: $secondary-color;
+  }
+}
+
+.navbar-collapse{
+  @include desktop {
+    background: $secondary-color;
+  }
+}
+
+.navbar-nav {
+  padding-left: 50px;
+  background: $primary-color;
+
+  @include desktop {
+    padding-left: 0;
+    background: $secondary-color;
+  }
+}
+
+.nav-bg {
+  background-color: $secondary-color;
+}
+
+.nav-item {
+  .nav-link {
+    text-transform: uppercase;
+    font-weight: 600;
+  }
+
+  margin: 0 15px;
+  position: relative;
+
+  &::before {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    height: 6px;
+    width: 100%;
+    content: "";
+    background: $white;
+    transform: scaleY(0);
+    transform-origin: top;
+    transition: transform .3s ease;
+  }
+
+  &:hover,
+  &.active {
+    &::before {
+      transform: scaleY(1);
+      transform-origin: bottom;
+    }
+  }
+}
+
+.navbar-dark .navbar-nav .nav-link {
+  color: $white;
+}
+
+link:focus,
+.navbar-dark .navbar-nav .nav-link:hover {
+  color: $white;
+}
+
+.navbar-dark .navbar-nav .active>.nav-link,
+.navbar-dark .navbar-nav .nav-link.active,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .show>.nav-link {
+  color: $white;
+}
+
+.navbar-expand-lg .navbar-nav .nav-link {
+  padding: 40px 0px;
+
+  @include desktop {
+    padding: 20px;
+  }
+}
+
+.sticky {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 10;
+  background: $white;
+  box-shadow: 0 2px 5px #0000000d;
+}
+
+.navbar {
+  .dropdown {
+    &:hover {
+      .dropdown-menu {
+        visibility: visible;
+        opacity: 1;
+        transform: translateY(0)
+      }
+    }
+
+    &-menu {
+      box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);
+      border-bottom: 5px solid $primary-color;
+      padding: 15px;
+      top: 96px;
+      border-radius: 0;
+      display: block;
+      visibility: hidden;
+      transition: .3s ease;
+      opacity: 0;
+      transform: translateY(20px);
+      background: $white;
+
+      @include desktop {
+        display: none;
+        opacity: 1;
+        visibility: visible;
+        transform: translateY(0);
+        transform-origin: unset;
+      }
+
+      &.show {
+        visibility: hidden;
+
+        @include desktop {
+          visibility: visible;
+          display: block;
+        }
+      }
+    }
+
+    &-item {
+      position: relative;
+      color: $text-color-dark;
+      transition: .2s ease;
+      text-transform: capitalize;
+      font-family: $primary-font;
+
+      @include desktop {
+        text-align: center;
+      }
+
+      &:not(:last-child) {
+        margin-bottom: 10px;
+      }
+
+      &:hover {
+        color: $primary-color;
+        background: transparent;
+      }
+    }
+  }
+}

assets/scss/templates/_otherspage.scss

@@ -0,0 +1,26 @@
+.filter-controls{
+  li{
+    cursor: pointer;
+    transition: .1s ease;
+    &.active{
+      font-weight: 600;
+      color: $primary-color;
+    }
+    &:hover{
+      color: $primary-color;
+    }
+  }
+}
+
+.tag-list{
+  a{
+    display: block;
+    padding: 5px 10px;
+    background: $light;
+    color: $text-color;
+    &:hover{
+      background-color: $primary-color;
+      color: $white;
+    }
+  }
+}

assets/scss/templates/_slider.scss

@@ -0,0 +1,64 @@
+.hero-section {
+  padding: 250px 0 290px;
+}
+
+.hero-slider {
+
+  .prevArrow,
+  .nextArrow {
+    position: absolute;
+    bottom: -123px;
+    z-index: 9;
+    padding: 15px;
+    color: rgba($color: $white, $alpha: .5);
+    border: 0;
+    font-size: 30px;
+    transition: all linear .2s;
+    background: transparent;
+
+    &:focus {
+      outline: 0;
+    }
+
+    &:hover {
+      color: $primary-color;
+    }
+  }
+
+  .prevArrow {
+    right: 60px;
+  }
+
+  .nextArrow {
+    right: 0;
+  }
+
+  .slick-dots {
+    position: absolute;
+    left: 0;
+    bottom: -100px;
+    padding-left: 0;
+
+    li {
+      display: inline-block;
+      margin: 0 6px;
+
+      &.slick-active {
+        button {
+          background: $primary-color;
+        }
+      }
+
+      button {
+        color: transparent;
+        padding: 0;
+        overflow: hidden;
+        height: 10px;
+        width: 10px;
+        background: rgba($color: $white, $alpha: .5);
+        border: 0;
+        outline: 0;
+      }
+    }
+  }
+}