Home page and shopping-cart
Этот коммит содержится в:
@@ -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;
|
||||
}
|
||||
+295
-7
@@ -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 */
|
||||
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
+122
-52
@@ -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;
|
||||
}
|
||||
}
|
||||
Ссылка в новой задаче
Block a user