commit
This commit is contained in:
@@ -115,7 +115,9 @@
|
||||
.padding_top_10 {
|
||||
padding-top: 10rem; }
|
||||
|
||||
|
||||
.padding_top_13{
|
||||
padding-top: 13rem;
|
||||
}
|
||||
// heights
|
||||
|
||||
.h-10{
|
||||
@@ -220,6 +222,8 @@
|
||||
|
||||
|
||||
// spacing
|
||||
|
||||
|
||||
.sec-space-1 {
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
+70
-13
@@ -28,7 +28,7 @@
|
||||
background-position-y: -100px;
|
||||
// home-banner
|
||||
.banner-main-container {
|
||||
height: 400px;
|
||||
height: 620px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -118,7 +118,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:298px) and (max-width:768px) {
|
||||
@media (min-width:278px) and (max-width:767px) {
|
||||
.home-main-container {
|
||||
h5,
|
||||
h6 {
|
||||
@@ -129,18 +129,23 @@
|
||||
margin-top: 40px;
|
||||
}
|
||||
.banner-main-container {
|
||||
height: 550px;
|
||||
text-align: center;
|
||||
.col-md-6 {
|
||||
margin-top: 0px;
|
||||
.button_dark{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
height: 550px;
|
||||
display: block !important;
|
||||
text-align: center;
|
||||
.col-md-6 {
|
||||
padding-top: 7rem;
|
||||
|
||||
.button_dark{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.mobile-home-img{
|
||||
width: 85%;
|
||||
}
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
.hero-banner {
|
||||
// background: url(../../dist/assets/imgs/Home/All-in-one.png);
|
||||
// background-size: cover;
|
||||
@@ -165,10 +170,12 @@
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.products-main-container {
|
||||
.enterprise-prd {
|
||||
.enterprise-prd,.consumer-prd {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.news-letter-sec {
|
||||
a.button_dark {
|
||||
padding: 10px 5px;
|
||||
@@ -217,4 +224,54 @@
|
||||
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");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// index styles
|
||||
|
||||
.feature-bg-image.animated-feature-img {
|
||||
|
||||
animation: slide 1s ease .2s forwards;
|
||||
opacity: 0;
|
||||
// transform-origin: left top;
|
||||
}
|
||||
|
||||
@keyframes slide {
|
||||
from {
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
[alt=footer-rocket-img]{
|
||||
cursor: pointer;
|
||||
}
|
||||
.partners-img{
|
||||
height:60px;
|
||||
}
|
||||
@media (min-width:405px) and (max-width:570px) {
|
||||
.home-main-container .banner-main-container .mobile-home-img{
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:1800px) {
|
||||
.banner-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
.banner-main-container {
|
||||
height: 900px !important;
|
||||
}
|
||||
|
||||
.offer-main-sec{
|
||||
position: absolute;
|
||||
bottom: 40%;
|
||||
right: 20%;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
}
|
||||
+73
-4
@@ -135,6 +135,10 @@ body {
|
||||
padding-top: 10rem;
|
||||
}
|
||||
|
||||
.padding_top_13 {
|
||||
padding-top: 13rem;
|
||||
}
|
||||
|
||||
.h-10 {
|
||||
height: 10%;
|
||||
}
|
||||
@@ -1356,7 +1360,7 @@ body {
|
||||
background-position-y: -100px;
|
||||
}
|
||||
.hero-banner .banner-main-container {
|
||||
height: 400px;
|
||||
height: 620px;
|
||||
}
|
||||
|
||||
.home-main-container .offer-main-sec .offer-sec {
|
||||
@@ -1436,7 +1440,7 @@ body {
|
||||
padding: 10px 5px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 298px) and (max-width: 768px) {
|
||||
@media (min-width: 278px) and (max-width: 767px) {
|
||||
.home-main-container h5,
|
||||
.home-main-container h6 {
|
||||
font-size: 1rem;
|
||||
@@ -1447,14 +1451,18 @@ body {
|
||||
}
|
||||
.home-main-container .banner-main-container {
|
||||
height: 550px;
|
||||
display: block !important;
|
||||
text-align: center;
|
||||
}
|
||||
.home-main-container .banner-main-container .col-md-6 {
|
||||
margin-top: 0px;
|
||||
padding-top: 7rem;
|
||||
}
|
||||
.home-main-container .banner-main-container .col-md-6 .button_dark {
|
||||
display: none;
|
||||
}
|
||||
.home-main-container .banner-main-container .mobile-home-img {
|
||||
width: 85%;
|
||||
}
|
||||
.home-main-container .banner-main-container h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
@@ -1472,7 +1480,7 @@ body {
|
||||
-ms-writing-mode: lr-tb;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.home-main-container .products-main-container .enterprise-prd {
|
||||
.home-main-container .products-main-container .enterprise-prd, .home-main-container .products-main-container .consumer-prd {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.home-main-container .news-letter-sec a.button_dark {
|
||||
@@ -1513,6 +1521,56 @@ body {
|
||||
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");
|
||||
}
|
||||
}
|
||||
.feature-bg-image.animated-feature-img {
|
||||
-webkit-animation: slide 1s ease 0.2s forwards;
|
||||
animation: slide 1s ease 0.2s forwards;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
@-webkit-keyframes slide {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes slide {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
[alt=footer-rocket-img] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.partners-img {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
@media (min-width: 405px) and (max-width: 570px) {
|
||||
.home-main-container .banner-main-container .mobile-home-img {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1800px) {
|
||||
.banner-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
.banner-main-container {
|
||||
height: 900px !important;
|
||||
}
|
||||
.offer-main-sec {
|
||||
position: absolute;
|
||||
bottom: 40%;
|
||||
right: 20%;
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
.shopping-cart-main-container {
|
||||
background-color: #F5FFEA;
|
||||
padding-bottom: 50px;
|
||||
@@ -1953,6 +2011,13 @@ body {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#navbar-head {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 9999;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.biz-nav-wrapper .navbar-brand img {
|
||||
width: 150px;
|
||||
}
|
||||
@@ -1988,4 +2053,8 @@ body {
|
||||
.footer-wrapper .footer-sub-content p {
|
||||
line-height: 2rem;
|
||||
font-family: "Satoshi", sans-serif;
|
||||
}
|
||||
|
||||
.footer-socailImg {
|
||||
width: 30px;
|
||||
}/*# sourceMappingURL=style.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -20,6 +20,7 @@
|
||||
@import "pages/productOverview/osPlusSoftware";
|
||||
@import "pages/productOverview/controlPanel";
|
||||
|
||||
|
||||
@import "pages/home";
|
||||
@import "pages/shopping-cart";
|
||||
@import "pages/allInOne";
|
||||
@@ -120,6 +121,7 @@ body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 56.25em) {
|
||||
body {
|
||||
padding: 0;
|
||||
@@ -153,6 +155,12 @@ body {
|
||||
}
|
||||
|
||||
// navbar
|
||||
#navbar-head{
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 9999;
|
||||
top: 0;
|
||||
}
|
||||
.biz-nav-wrapper {
|
||||
.navbar-brand img {
|
||||
width: 150px;
|
||||
@@ -171,26 +179,36 @@ body {
|
||||
// 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;
|
||||
}
|
||||
}
|
||||
|
||||
// footer
|
||||
.footer-socailImg{
|
||||
width: 30px;
|
||||
}
|
||||
Reference in New Issue
Block a user