Home page and shopping-cart

styles/base/_utilities.scss

@@ -1,158 +1,181 @@
 // colors
 .bg-green {
-  background-color: #3bb78f;
-  background: linear-gradient(90deg, #3bb78f 0%, rgba(11, 171, 100, 1) 35%, rgba(59, 183, 143, 1) 100%);
+    background-color: #3bb78f;
+    background: linear-gradient(90deg, #3bb78f 0%, rgba(11, 171, 100, 1) 35%, rgba(59, 183, 143, 1) 100%);
 }
 
-.text-green-Awni{
-  color: #0A886A;
+.text-green-Awni {
+    color: #0A886A;
 }
 
-.orbitron_font{
-  font-family: 'Orbitron', sans-serif;
+.orbitron_font {
+    font-family: 'Orbitron', sans-serif;
 }
 
 // font size
 .font-3 {
-  font-size: 3rem;
+    font-size: 3rem;
 }
+
 .font-1_5 {
-  font-size: 2rem;
+    font-size: 2rem;
 }
 
-.font-1_7{
-  font-size: 1.7rem;
+.font-1_7 {
+    font-size: 1.7rem;
 }
 
-.font-2{
-  font-size: 2.2rem;
+.font-2 {
+    font-size: 2.2rem;
 }
 
-.font-2_2{
-  font-size: 2.2rem;
+.font-2_2 {
+    font-size: 2.2rem;
 }
 
-.font-2_7{
-  font-size: 2.7rem;
+.font-2_7 {
+    font-size: 2.7rem;
 }
 
-
-.font_4{
-  font-size: 4rem;
+.font_4 {
+    font-size: 4rem;
 }
 
-
 .subtitle_1 {
-  font-size: 1.5rem;
+    font-size: 1.5rem;
 }
 
-
+.gap-1 {
+    gap: 0.7rem;
+}
 
 .banner_heading_4 {
-  font-size: 3rem;
+    font-size: 3rem;
 }
 
-
 // padding
-
 .padding_top_14 {
-  padding-top: 14rem;
+    padding-top: 14rem;
 }
 
-.p-6{
-  padding:5rem;
+.p-6 {
+    padding: 5rem;
 }
 
 .padding_top_10 {
-  padding-top: 10rem; }
-
+    padding-top: 10rem;
+}
 
 // heights
-
-.h-10{
-  height: 10%;
+.h-10 {
+    height: 10%;
 }
 
-.h-15{
-  height: 15%;
+.h-15 {
+    height: 15%;
 }
 
-.h-20{
-  height: 20%;
+.h-20 {
+    height: 20%;
 }
 
-.h-30{
-  height: 30%;
+.h-30 {
+    height: 30%;
 }
 
-.h-33{
-  height: 33%;
-}
-.h-34{
-  height: 34%;
-}
-.h-35{
-  height: 35%;
+.h-33 {
+    height: 33%;
 }
 
-.h-40{
-  height: 40%;
+.h-34 {
+    height: 34%;
 }
 
-.vh_60{
-  height: 60vh;
+.h-35 {
+    height: 35%;
 }
 
-.vh-70{
-  height: 70vh;
+.h-40 {
+    height: 40%;
 }
 
-.vh-77{
-  height: 77vh;
+.vh_60 {
+    height: 60vh;
+}
+
+.vh-70 {
+    height: 70vh;
+}
+
+.vh-77 {
+    height: 77vh;
 }
 
 .vh-85 {
-  height: 85vh;
+    height: 85vh;
 }
 
 .vh-15 {
-  height: 15vh;
+    height: 15vh;
 }
 
-.h-700p{
-  height: 700px;
+.h-700p {
+    height: 700px;
 }
 
+// margin
+.mt-7 {
+    margin-top: 7rem;
+}
 
 // font weight
-
-.fw-600{
-  font-weight: 600;
+.fw-600 {
+    font-weight: 600;
 }
 
-
-  .fw-700 {
-    font-weight: 700; }
-
-
-.h-200p{
-  height: 200px;
+.fw-700 {
+    font-weight: 700;
 }
 
+.h-200p {
+    height: 200px;
+}
 
+// spacing
+.sec-space-1 {
+    margin-top: 80px;
+}
+
+.sec-space-2 {
+    margin-top: 60px;
+}
+
+.sec-space-3 {
+    margin-top: 40px;
+}
+
+.sec-space-4 {
+    margin-top: 20px;
+}
+
+.sec-space-5 {
+    margin-top: 0px;
+}
+
+.h-100p {
+    height: 100px;
+}
 
 // gap
-
 .gap-1 {
-  gap: 0.7rem;
+    gap: 0.7rem;
 }
 
-.gap-2{
-  gap:2rem
+.gap-2 {
+    gap: 2rem
 }
 
 // border-radius
-
-.br-1{
-  border-radius: 1rem;
+.br-1 {
+    border-radius: 1rem;
 }

styles/style.css

@@ -78,6 +78,10 @@ body {
   font-size: 1.5rem;
 }
 
+.gap-1 {
+  gap: 0.7rem;
+}
+
 .banner_heading_4 {
   font-size: 3rem;
 }
@@ -150,6 +154,10 @@ body {
   height: 700px;
 }
 
+.mt-7 {
+  margin-top: 7rem;
+}
+
 .fw-600 {
   font-weight: 600;
 }
@@ -162,6 +170,30 @@ body {
   height: 200px;
 }
 
+.sec-space-1 {
+  margin-top: 80px;
+}
+
+.sec-space-2 {
+  margin-top: 60px;
+}
+
+.sec-space-3 {
+  margin-top: 40px;
+}
+
+.sec-space-4 {
+  margin-top: 20px;
+}
+
+.sec-space-5 {
+  margin-top: 0px;
+}
+
+.h-100p {
+  height: 100px;
+}
+
 .gap-1 {
   gap: 0.7rem;
 }
@@ -460,6 +492,214 @@ body {
   right: 700px;
 }
 
+/* home page */
+.button_dark.btn-dark {
+  background-color: #000000 !important;
+  font-family: "Satoshi", sans-serif;
+}
+
+.button_dark.btn-dark:hover {
+  background-color: #000000 !important;
+  font-family: "Satoshi", sans-serif;
+  opacity: 1 !important;
+}
+
+.home-main-container #navbar-head .navbar-nav .nav-item .nav-link {
+  color: #000000;
+  font-family: "Satoshi", sans-serif;
+}
+
+.hero-banner {
+  background-image: url(../../dist/assets/imgs/Home/banner.png);
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-position-y: -100px;
+}
+.hero-banner .banner-main-container {
+  height: 475px;
+}
+
+.home-main-container .offer-main-sec .offer-sec {
+  margin-top: -35px;
+}
+
+.home-main-container .aw-feature-name h5 {
+  transform: rotate(180deg);
+  transform-origin: center center 0;
+  -ms-writing-mode: tb-rl;
+      writing-mode: vertical-rl;
+}
+
+.home-main-container .out-of-world .card {
+  background-color: #0FA5C5;
+}
+
+.home-main-container .aw-support-sec .aw-support-sec-main-container {
+  background-color: #F2F9FB;
+}
+.home-main-container .aw-support-sec .news-letter-sec .news-letter-email:focus {
+  border-bottom: 1px solid white;
+  outline: none;
+}
+.home-main-container .aw-support-sec .news-letter-sec .news-letter-email::-moz-placeholder {
+  color: white;
+}
+.home-main-container .aw-support-sec .news-letter-sec .news-letter-email:-ms-input-placeholder {
+  color: white;
+}
+.home-main-container .aw-support-sec .news-letter-sec .news-letter-email::placeholder {
+  color: white;
+}
+
+.home-main-container .owl-carousel.star-products-img-sec .owl-dots {
+  text-align: left;
+}
+.home-main-container .owl-carousel.star-products-img-sec .owl-dots .owl-dot span {
+  height: 3px;
+  width: 25px;
+}
+.home-main-container .owl-carousel.star-products-img-sec .owl-dots .owl-dot.active {
+  color: #000000;
+}
+
+.home-main-container .owl-carousel.star-products-img-sec .owl-nav {
+  text-align: right;
+  margin-right: 5rem;
+}
+
+@media (min-width: 1900px) {
+  .hero-banner {
+    background-size: 100% 100%;
+  }
+  .products-main-container .col-md-6 {
+    text-align: center !important;
+  }
+  .products-main-container .col-md-6 .product-heading span {
+    text-align: center !important;
+    margin: auto !important;
+  }
+}
+@media (min-width: 769px) and (max-width: 1024px) {
+  .home-main-container .aw-partners.sec-space-1 {
+    margin-top: 0px;
+  }
+  .home-main-container .aw-partners .sec-space-3 {
+    margin-right: 60px;
+  }
+  .home-main-container .offer-main-sec .offer-sec {
+    margin-top: -30%;
+  }
+  .home-main-container .news-letter-sec .card-body.px-5 {
+    padding: 20px !important;
+  }
+  .home-main-container .news-letter-sec a.button_dark {
+    padding: 10px 5px;
+  }
+}
+@media (min-width: 298px) and (max-width: 768px) {
+  .home-main-container h5,
+.home-main-container h6 {
+    font-size: 1rem;
+  }
+  .home-main-container .sec-space-1,
+.home-main-container .sec-space-2 {
+    margin-top: 40px;
+  }
+  .home-main-container .banner-main-container {
+    height: 275px;
+    text-align: center;
+  }
+  .home-main-container .banner-main-container .col-md-6 {
+    margin-top: 0px;
+  }
+  .home-main-container .banner-main-container h1 {
+    font-size: 2rem;
+  }
+  .home-main-container .hero-banner {
+    background: #cccccc;
+  }
+  .home-main-container .mobile-text-center {
+    text-align: center;
+  }
+  .home-main-container .aw-feature-name h5 {
+    transform: rotate(0deg);
+    -ms-writing-mode: lr-tb;
+        writing-mode: horizontal-tb;
+  }
+  .home-main-container .products-main-container .enterprise-prd {
+    margin-top: 10px;
+  }
+  .home-main-container .news-letter-sec a.button_dark {
+    padding: 10px 5px;
+  }
+  .home-main-container .owl-carousel.star-products-img-sec .owl-nav {
+    text-align: center;
+    margin-right: 0px;
+  }
+  .home-main-container .star-products .owl-dots {
+    display: none;
+  }
+  .home-main-container .aw-support-sec-main-container .row {
+    margin: 0px !important;
+    text-align: center;
+  }
+  .home-main-container .aw-support-sec-main-container .col-md-4 {
+    border: none !important;
+  }
+  .home-main-container .aw-support-sec-main-container .support-sec-heading {
+    padding: 0 !important;
+  }
+  .footer-wrapper .accordion-button,
+.footer-wrapper .accordion-body {
+    font-family: "Satoshi", sans-serif;
+    color: white;
+    background-color: #000000;
+  }
+  .footer-wrapper .accordion-button:not(.collapsed)::after,
+.footer-wrapper .accordion-button.collapsed::after {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  }
+}
+.shopping-cart-main-container {
+  background-color: #F5FFEA;
+  padding-bottom: 50px;
+}
+.shopping-cart-main-container * {
+  font-family: "Satoshi", sans-serif;
+}
+.shopping-cart-main-container h6 {
+  padding: 10px;
+  margin-bottom: 0;
+}
+.shopping-cart-main-container .cart-sec-highlighter .text-muted {
+  color: #C5C5C5 !important;
+}
+.shopping-cart-main-container .alert-display-sec {
+  z-index: 1;
+}
+
+#footer-head .footer-wrapper.sec-space-1 {
+  margin-top: 0;
+}
+
+@media (max-width: 1300px) {
+  .cart-sec-highlighter h5 {
+    font-size: 0.8rem;
+  }
+}
+@media (max-width: 768px) {
+  .cart-sec-highlighter,
+.shopping-cart-details-row-1 {
+    display: none !important;
+  }
+  .buy-together-sec {
+    text-align: center;
+  }
+  .buy-together-sec .row {
+    padding: 10px;
+  }
+}
 /*
 0 - 600px:      Phone
 600 - 900px:    Tablet portrait
@@ -522,11 +762,34 @@ ORDER: Base + typography > general layout + grid > page layout > components
   font-weight: 700;
   font-style: normal;
 }
+*,
+*::after,
+*::before {
+  margin: 0;
+  padding: 0;
+  box-sizing: inherit;
+  font-family: "Orbitron", sans-serif;
+}
+
 /* Satoshi end */
 .satoshi_font {
   font-family: "Satoshi", sans-serif;
 }
 
+html {
+  font-size: 100%;
+}
+
+body {
+  box-sizing: border-box;
+  overflow-x: hidden;
+}
+
+@media only screen and (max-width: 56.25em) {
+  body {
+    padding: 0;
+  }
+}
 .bg-green {
   background-color: #3bb78f;
   background: linear-gradient(90deg, #3bb78f 0%, #0bab64 35%, #3bb78f 100%);
@@ -542,14 +805,39 @@ ORDER: Base + typography > general layout + grid > page layout > components
   border-radius: 10px;
 }
 
-/* footer */
-.footer-wrapper {
-  background-color: rgb(0, 0, 0);
-  border-radius: 0 275px 0 0;
-  -webkit-clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
-          clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
+.biz-nav-wrapper .navbar-brand img {
+  width: 150px;
 }
 
-.footer-wrapper li {
+.navbar-nav .nav-item .nav-link {
+  color: #000000;
+  font-family: "Satoshi", sans-serif;
+}
+
+/* footer */
+.footer-wrapper {
+  background-image: url(../dist/assets/imgs/Home/Footer-bg-1.png);
+  background-size: cover;
+}
+.footer-wrapper .footer-content-main-container {
+  background-image: url(../dist/assets/imgs/Home/Footer-pattern.png);
+  background-size: contain;
+  background-position: right 30px;
+  background-repeat: no-repeat;
+}
+.footer-wrapper .last-col-footer {
+  width: 23%;
+}
+@media (min-width: 1990px) {
+  .footer-wrapper .footer-rkt {
+    right: 45px !important;
+  }
+}
+.footer-wrapper .footer-logo img {
+  width: 120px;
+}
+.footer-wrapper li,
+.footer-wrapper .footer-sub-content p {
   line-height: 2rem;
+  font-family: "Satoshi", sans-serif;
 }/*# sourceMappingURL=style.css.map */

styles/style.css.map

@@ -1 +1 @@
-{"version":3,"sources":["abstracts/_mixins.scss","base/_base.scss","style.css","base/_utilities.scss","components/_button.scss","pages/_productOverview.scss","style.scss"],"names":[],"mappings":"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","file":"style.css"}
+{"version":3,"sources":["abstracts/_mixins.scss","base/_base.scss","style.css","base/_utilities.scss","components/_button.scss","pages/_productOverview.scss","pages/_home.scss","pages/_shopping-cart.scss","style.scss"],"names":[],"mappings":"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 truncated

styles/style.scss

@@ -1,17 +1,15 @@
 @import "abstracts/functions";
 @import "abstracts/mixins";
 @import "abstracts/variables";
-
 @import "base/base";
 @import "base/typography";
 @import "base/utilities";
-
-
 // components
 @import "components/button";
-
 // pages
 @import "pages/productOverview";
+@import "pages/home";
+@import "pages/shopping-cart";
 
 /*
 0 - 600px:      Phone
@@ -31,88 +29,160 @@ ORDER: Base + typography > general layout + grid > page layout > components
 1em = 16px
 */
 
+
 /* Orbitron */
+
 @font-face {
     font-family: "Orbitron";
     src: url("../assets/font/orbitron/Orbitron-Regular.ttf") format("truetype");
     font-weight: 400;
     font-style: normal;
-  }
-  @font-face {
+}
+
+@font-face {
     font-family: "Orbitron";
     src: url("../assets/font/orbitron/Orbitron-Medium.ttf") format("truetype");
     font-weight: 500;
     font-style: normal;
-  }
-  @font-face {
+}
+
+@font-face {
     font-family: "Orbitron";
     src: url("../assets/font/orbitron/Orbitron-SemiBold.ttf") format("truetype");
     font-weight: 600;
     font-style: normal;
-  }
-  @font-face {
+}
+
+@font-face {
     font-family: "Orbitron";
     src: url("../assets/font/orbitron/Orbitron-Bold.ttf") format("truetype");
     font-weight: 700;
     font-style: normal;
-  }
-  /* Orbitron end */
-  /* Satoshi */
-  @font-face {
+}
+
+
+/* Orbitron end */
+
+
+/* Satoshi */
+
+@font-face {
     font-family: "Satoshi";
     src: url("../assets/font/satoshi/Satoshi-Regular.ttf") format("truetype");
     font-weight: 400;
     font-style: normal;
-  }
-  @font-face {
+}
+
+@font-face {
     font-family: "Satoshi";
     src: url("../assets/font/satoshi/Satoshi-Medium.ttf") format("truetype");
     font-weight: 500;
     font-style: normal;
-  }
-  @font-face {
+}
+
+@font-face {
     font-family: "Satoshi";
     src: url("../assets/font/satoshi/Satoshi-Bold.ttf") format("truetype");
     font-weight: 700;
     font-style: normal;
-  }
-  
-  /* Satoshi end */
+}
 
-  .satoshi_font{
+*,
+*::after,
+*::before {
+    margin: 0;
+    padding: 0;
+    box-sizing: inherit;
+    font-family: "Orbitron", sans-serif;
+}
+
+
+/* Satoshi end */
+
+.satoshi_font {
     font-family: "Satoshi", sans-serif;
-  }
-  
-  // html {
-  //   font-size: 100%; }
-  
-  // body {
-  //   box-sizing: border-box; 
-  //   overflow-x: hidden;
-  // }
-  //   @media only screen and (max-width: 56.25em) {
-  //     body {
-  //       padding: 0; } 
-  //   }
-  
-  .bg-green {
-    background-color: #3bb78f;
-    background: linear-gradient(90deg, #3bb78f 0%, #0bab64 35%, #3bb78f 100%); }
-  
+}
 
-  /* button */
-  .button_dark {
+html {
+    font-size: 100%;
+}
+
+body {
+    box-sizing: border-box;
+    overflow-x: hidden;
+}
+
+@media only screen and (max-width: 56.25em) {
+    body {
+        padding: 0;
+    }
+}
+
+// html {
+//   font-size: 100%; }
+// body {
+//   box-sizing: border-box; 
+//   overflow-x: hidden;
+// }
+//   @media only screen and (max-width: 56.25em) {
+//     body {
+//       padding: 0; } 
+//   }
+.bg-green {
+    background-color: #3bb78f;
+    background: linear-gradient(90deg, #3bb78f 0%, #0bab64 35%, #3bb78f 100%);
+}
+
+
+/* button */
+
+.button_dark {
     clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0);
     padding-right: 1.7rem;
     padding-bottom: 0.6rem;
     padding-top: 0.6rem;
-    border-radius: 10px; }
-  /* footer */
-  .footer-wrapper {
-    background-color: rgb(0, 0, 0);
-    border-radius: 0 275px 0 0;
-    clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
-  }
-  .footer-wrapper li {
-    line-height: 2rem;
-  }
+    border-radius: 10px;
+}
+
+// navbar
+.biz-nav-wrapper {
+    .navbar-brand img {
+        width: 150px;
+    }
+}
+
+.navbar-nav .nav-item .nav-link {
+    color: #000000;
+    font-family: "Satoshi", sans-serif;
+}
+
+
+/* footer */
+
+.footer-wrapper {
+    // background-color: rgb(0, 0, 0);
+    background-image: url(../dist/assets/imgs/Home/Footer-bg-1.png);
+    background-size: cover;
+    .footer-content-main-container {
+        background-image: url(../dist/assets/imgs/Home/Footer-pattern.png);
+        background-size: contain;
+        background-position: right 30px;
+        background-repeat: no-repeat;
+    }
+    .last-col-footer {
+        width: 23%;
+    }
+    @media (min-width:1990px) {
+        .footer-rkt {
+            right: 45px !important;
+        }
+    }
+    .footer-logo img {
+        width: 120px;
+    }
+    li,
+    .footer-sub-content p {
+        line-height: 2rem;
+        font-family: "Satoshi", sans-serif;
+    }
+}