dealposbooks 1.0.0

package/assets/scss/layouts/rtl/_spacing-rtl.scss

@@ -0,0 +1,154 @@
+// stylelint-disable declaration-no-important
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .float#{$infix}-start {
+      float: right !important;
+    }
+
+    .float#{$infix}-end {
+      float: left !important;
+    }
+
+    .float#{$infix}-none {
+      float: none !important;
+    }
+  }
+}
+
+// Margin and Padding for rtl version
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $prop, $abbrev in (margin: m, padding: p) {
+      @each $size, $length in $spacers {
+        .#{$abbrev}e#{$infix}-#{$size} {
+          #{$prop}-left: $length !important;
+          #{$prop}-right: 0 !important;
+        }
+
+        .#{$abbrev}s#{$infix}-#{$size} {
+          #{$prop}-right: $length !important;
+          #{$prop}-left: 0 !important;
+        }
+      }
+    }
+
+    .me#{$infix}-auto {
+      margin-left: auto !important;
+      margin-right: 0 !important;
+    }
+
+    .ms#{$infix}-auto {
+      margin-right: auto !important;
+      margin-left: 0 !important;
+    }
+  }
+}
+
+// Responsive alignment
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .text#{$infix}-start {
+      text-align: right !important;
+    }
+
+    .text#{$infix}-center {
+      text-align: center !important;
+    }
+  }
+}
+
+//
+// Border
+//
+.border-start {
+  border-right: $border-width solid var(--bs-border-color) !important;
+  border-left: 0 !important;
+}
+
+.border-end {
+  border-left: $border-width solid var(--bs-border-color) !important;
+  border-right: 0 !important;
+}
+
+.border-end-0 {
+  border-left: 0 !important;
+}
+
+.border-start-0 {
+  border-right: 0 !important;
+}
+
+//
+// Border-radius
+//
+.rounded-end {
+  border-top-left-radius: var(--bs-border-radius) !important;
+  border-bottom-left-radius: var(--bs-border-radius) !important;
+}
+
+.rounded-start {
+  border-top-right-radius: var(--bs-border-radius) !important;
+  border-bottom-right-radius: var(--bs-border-radius) !important;
+}
+
+.input-group {
+
+  >.form-control,
+  >.form-select {
+    &:not(:last-child) {
+      @include border-start-radius(0);
+    }
+
+    &:not(:first-child) {
+      @include border-end-radius(0);
+    }
+  }
+
+  // Custom file inputs have more complex markup, thus requiring different
+  // border-radius overrides.
+  >.custom-file {
+    display: flex;
+    align-items: center;
+
+    &:not(:last-child) .custom-file-label,
+    &:not(:last-child) .custom-file-label::after {
+      @include border-start-radius(0);
+    }
+
+    &:not(:first-child) .custom-file-label {
+      @include border-end-radius(0);
+    }
+  }
+}
+
+.input-group>.input-group-prepend>.btn,
+.input-group>.input-group-prepend>.input-group-text,
+.input-group>.input-group-append:not(:last-child)>.btn,
+.input-group>.input-group-append:not(:last-child)>.input-group-text,
+.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
+.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
+  @include border-end-radius(0.25rem);
+  @include border-start-radius(0);
+}
+
+.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
+.input-group>.input-group-prepend:not(:first-child)>.btn {
+  @include border-end-radius(0);
+}
+
+.input-group>.input-group-append>.btn,
+.input-group>.input-group-append>.input-group-text,
+.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
+.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
+  @include border-start-radius(0.25rem);
+  @include border-end-radius(0);
+}

package/assets/scss/pages/_authentication.scss

@@ -0,0 +1,78 @@
+// 
+// Login & Register Page
+// 
+.auth-wrapper {
+  min-height: 100vh;
+  position: relative;
+
+  .auth-box {
+    background: var(--bs-white);
+    padding: 35px;
+    box-shadow: $shadow;
+    max-width: 400px;
+    min-width: 380px;
+
+    &.on-sidebar {
+      top: 0px;
+      right: 0px;
+      height: 100%;
+      margin: 0px;
+      position: absolute;
+    }
+
+    @include media-breakpoint-down(md) {
+      &.on-sidebar {
+        height: auto;
+      }
+    }
+  }
+
+  #recoverform {
+    display: none;
+  }
+
+  .auth-sidebar {
+    position: fixed;
+    height: 100%;
+    right: 0px;
+    overflow: auto;
+    margin: 0px;
+    top: 0px;
+  }
+}
+
+@media(max-width:767px) {
+  .auth-wrapper {
+    .auth-sidebar {
+      position: relative;
+      max-width: 100%;
+      width: 100%;
+      margin: 40px 0 60px;
+    }
+
+    .demo-text {
+      margin-top: 30px;
+    }
+  }
+}
+
+// 
+// 404 page
+// 
+.error-box {
+  height: 100%;
+  position: fixed;
+  background: url(../../images/background/error-bg.jpg) no-repeat center center #fff;
+  width: 100%;
+
+  .error-body {
+    padding-top: 5%;
+  }
+
+  .error-title {
+    font-size: 210px;
+    font-weight: 900;
+    text-shadow: 4px 4px 0 #fff, 6px 6px 0 var(--bs-dark);
+    line-height: 210px;
+  }
+}

package/assets/scss/pages/_form-typeahead.scss

@@ -0,0 +1,18 @@
+.ngb-highlight {
+  background: var(--bs-warning);
+}
+
+// Form Editor 
+//
+
+.NgxEditor__Wrapper {
+  border: 1px solid var(--bs-border-color) !important;
+}
+
+.NgxEditor__Wrapper .NgxEditor__MenuBar {
+  border-bottom: 1px solid var(--bs-border-color) !important;
+}
+
+.NgxEditor__Seperator {
+  border-left: 1px solid var(--bs-border-color) !important;
+}

package/assets/scss/pages/_gallery-card.scss

@@ -0,0 +1,84 @@
+/*******************
+User card page
+******************/
+
+.el-element-overlay .el-card-item {
+
+  .el-overlay-1 {
+    cursor: default;
+
+    img {
+      display: block;
+      position: relative;
+      -webkit-transition: all .4s linear;
+      transition: all .4s linear;
+      width: 100%;
+      height: auto;
+    }
+
+    &:hover img {
+      -ms-transform: scale(1.2) translateZ(0);
+      -webkit-transform: scale(1.2) translateZ(0);
+    }
+
+    .el-info {
+      filter: alpha(opacity=0);
+      -webkit-transition: all .2s ease-in-out;
+      transition: all .2s ease-in-out;
+      position: absolute;
+      top: 50%;
+      left: 0;
+      right: 0;
+      transform: translateY(-50%) translateZ(0);
+      -webkit-transform: translateY(-50%) translateZ(0);
+      -ms-transform: translateY(-50%) translateZ(0);
+
+      .el-item {
+        .el-link {
+          padding: 12px 15px 10px;
+
+          &:hover {
+            background: $themecolor;
+            border-color: $themecolor;
+          }
+        }
+      }
+    }
+  }
+
+  .el-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    opacity: 0;
+    background-color: rgba(0, 0, 0, .7);
+    -webkit-transition: all .4s ease-in-out;
+    transition: all .4s ease-in-out;
+  }
+
+  .el-overlay-1:hover .el-overlay {
+    opacity: 1;
+    filter: alpha(opacity=100);
+    -webkit-transform: translateZ(0);
+    -ms-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+
+  .el-overlay-1 .scrl-dwn {
+    top: -100%;
+  }
+
+  .el-overlay-1 .scrl-up {
+    top: 100%;
+    height: 0px;
+  }
+
+  .el-overlay-1:hover .scrl-dwn {
+    top: 0px;
+  }
+
+  .el-overlay-1:hover .scrl-up {
+    top: 0px;
+    height: 100%;
+  }
+}

package/assets/scss/pages/_landingpage.scss

@@ -0,0 +1,265 @@
+body .landingpage {
+    .topheader {
+        z-index: 99;
+        position: relative;
+    }
+
+    .banner {
+        position: relative;
+        background: url(../../images/landingpage/new.svg);
+        max-height: 820px;
+        padding-top: 30px;
+        background-position: top 100px left 0;
+
+        &:before {
+            content: "";
+            background: url(../../images/landingpage/banner-bg.png);
+            position: absolute;
+            top: -99px;
+            width: 100%;
+            height: 100vh;
+            max-height: 820px;
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            background-position: center left 50%;
+            z-index: -1;
+        }
+    }
+
+    .banner-content {
+        z-index: 9;
+        position: relative;
+    }
+
+    .container-fluid {
+        max-width: 1650px !important;
+    }
+
+    .container,
+    .container-fluid,
+    .container-xxl,
+    .container-xl,
+    .container-lg,
+    .container-md,
+    .container-sm {
+        --bs-gutter-x: 30px;
+    }
+
+
+    .text-primary-grediant {
+        background: linear-gradient(91deg, #186dde 0.53%, #7460ee 118.79%);
+        background-clip: text;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-size: 300% 300%;
+        animation: gradient 20s ease infinite;
+    }
+
+    .banner-title {
+        font-size: 56px;
+    }
+
+    @include media-breakpoint-down(sm) {
+        .banner-title {
+            font-size: 40px;
+        }
+    }
+
+    .widget-title {
+        font-size: 40px;
+        font-weight: 700;
+    }
+
+    .space-sm {
+        padding: 80px 0;
+    }
+
+    @keyframes gradient {
+        0% {
+            background-position: 0% 50%;
+        }
+
+        50% {
+            background-position: 100% 50%;
+        }
+
+        100% {
+            background-position: 0% 50%;
+        }
+    }
+
+    // demos section
+
+    .section-title {
+        font-size: 30px;
+        font-weight: 700;
+        line-height: 42px;
+    }
+
+    @include media-breakpoint-down(sm) {
+        .section-title {
+            font-size: 26px;
+            font-weight: 700;
+            line-height: 35px;
+        }
+    }
+
+    .round-50 {
+        height: 50px;
+        width: 50px;
+    }
+
+    .font-weight-medium {
+        font-weight: 600;
+    }
+
+    .c2a-box {
+        background-image: url(../../images/landingpage/line-bg.svg);
+        background-repeat: no-repeat;
+        background-position: center center;
+        box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px,
+            rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
+    }
+
+    // product card
+    .product-card {
+        margin-bottom: 70px;
+        border: 0;
+
+        .card-img-top {
+            border-radius: 10px;
+        }
+
+        .overlay {
+            &:hover {
+                .overlay-buttons {
+                    display: flex;
+                }
+            }
+
+            .overlay-buttons {
+                position: absolute;
+                height: 100%;
+                background: rgba(31, 28, 46, 0.85);
+                display: none;
+                width: 100%;
+                top: 0;
+                align-items: center;
+                justify-content: center;
+                border-radius: 12px;
+            }
+        }
+    }
+
+    .hero-img-slide {
+        min-width: 2000px;
+        height: 800px;
+
+        .banner-img-1 {
+            height: 790px;
+            animation: 35s linear 0s infinite normal none running slideup;
+        }
+
+        .banner-img-2 {
+            height: 790px;
+            animation: 35s linear 0s infinite normal none running slideDown;
+        }
+    }
+
+    @keyframes slideup {
+        0% {
+            transform: translate3d(0px, 0px, 0px);
+        }
+
+        100% {
+            transform: translate3d(-100%, 0px, 0px);
+        }
+    }
+
+    @keyframes slideDown {
+        0% {
+            transform: translate3d(0px, 0px, 0px);
+        }
+
+        100% {
+            transform: translate3d(0px, -100%, 0px);
+        }
+    }
+
+    .navbar {
+        .nav-link {
+            padding: 0.5rem 20px;
+            font-weight: 500;
+        }
+    }
+
+    .dropdown:hover {
+        .dropdown-menu {
+            display: block;
+        }
+    }
+
+    .icon-section {
+        .row {
+            .col-lg-3 {
+                border: 1px solid rgba(120, 130, 140, 0.13);
+                padding: 30px;
+                transition: 0.1s ease-in;
+                position: relative;
+                background: $white;
+                min-height: 250px;
+
+                &:hover {
+                    box-shadow: 0 5px 50px rgb(0 0 0 / 5%);
+                    transform: scale(1.1);
+                    z-index: 10;
+                }
+            }
+        }
+
+        .display-icon {
+            font-size: 36px;
+        }
+    }
+
+    .btn-lg {
+        padding: 13px 46px;
+        font-size: 16px;
+    }
+}
+
+.img-shadow {
+    box-shadow: 0px 5px 80px -24px #3f3f7e99;
+}
+
+.moving-widget {
+    animation: mover 5s infinite alternate;
+}
+
+.moving-widget-2 {
+    animation: zoom-in-zoom-out 7s ease-in-out infinite;
+}
+
+@keyframes mover {
+    0% {
+        transform: translateY(0);
+    }
+
+    100% {
+        transform: translateY(-4px);
+    }
+}
+
+@keyframes zoom-in-zoom-out {
+    0% {
+        transform: scale(1, 1);
+    }
+
+    50% {
+        transform: scale(1.05, 1.05);
+    }
+
+    100% {
+        transform: scale(1, 1);
+    }
+}

package/assets/scss/pages/_timeline.scss

@@ -0,0 +1,129 @@
+// 
+// Timeline Center and common
+// 
+
+.timeline {
+  padding: 20px 0 20px;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.timeline:before {
+  content: " ";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  width: 3px;
+  margin-left: -1.5px;
+  background-color: var(--bs-border-color);
+}
+
+.timeline>.timeline-item:before,
+.timeline>.timeline-item:after {
+  content: " ";
+  display: table;
+}
+
+.timeline>.timeline-item:after {
+  clear: both;
+}
+
+.timeline>.timeline-item>.timeline-panel {
+  float: $lft;
+  width: 46%;
+  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
+}
+
+.timeline>.timeline-item>.timeline-panel:before {
+  content: " ";
+  display: inline-block;
+  position: absolute;
+  top: 26px;
+  right: -8px;
+  border-top: 8px solid transparent;
+  border-right: 0 solid var(--bs-border-color);
+  border-bottom: 8px solid transparent;
+  border-left: 8px solid var(--bs-border-color);
+}
+
+.timeline>.timeline-item>.timeline-panel:after {
+  content: " ";
+  display: inline-block;
+  position: absolute;
+  top: 27px;
+  right: -7px;
+  border-top: 7px solid transparent;
+  border-right: 0 solid var(--bs-white);
+  border-bottom: 7px solid transparent;
+  border-left: 7px solid var(--bs-white);
+}
+
+.timeline>.timeline-item>.timeline-badge {
+  z-index: 10;
+  position: absolute;
+  top: 16px;
+  left: 50%;
+  width: 50px;
+  height: 50px;
+  margin-left: -25px;
+  font-size: 1.4em;
+  line-height: 50px;
+}
+
+.timeline>.timeline-item.timeline-inverted>.timeline-panel {
+  float: $rgt;
+}
+
+.timeline>.timeline-item.timeline-inverted>.timeline-panel:before {
+  right: auto;
+  left: -8px;
+  border-right-width: 8px;
+  border-left-width: 0;
+}
+
+.timeline>.timeline-item.timeline-inverted>.timeline-panel:after {
+  right: auto;
+  left: -7px;
+  border-right-width: 7px;
+  border-left-width: 0;
+}
+
+// 
+// Timeline Left
+// 
+.timeline-left {
+  &:before {
+    left: 30px;
+  }
+
+  >.timeline-item>.timeline-badge {
+    left: 30px;
+    top: 9px;
+  }
+
+  >.timeline-item>.timeline-panel {
+    width: calc(100% - 80px);
+  }
+}
+
+// 
+// Timeline Right
+// 
+.timeline-right {
+  &:before {
+    right: 30px;
+    left: auto;
+  }
+
+  >.timeline-item>.timeline-badge {
+    right: 5px;
+    top: 9px;
+    left: auto;
+  }
+
+  >.timeline-item>.timeline-panel {
+    width: calc(100% - 80px);
+  }
+}