# Conflicts:
#	styles/style.scss
这个提交包含在:
2023-02-06 18:20:06 +05:30
当前提交 0bdee634db
修改 20 个文件,包含 380 行新增232 行删除
第三方依赖
+28 -5
查看文件
@@ -136,31 +136,31 @@ $(document).ready(function() {
<li> <li>
<ul class="d-flex <ul class="d-flex
list-inline"> list-inline">
<li><img src="" alt="logo"></li> <li class="footer-socailImg"><img src="dist/assets/imgs/footer/twitter.png" alt="logo" class="px-1 img-fluid"></li>
<li>Twitter</li> <li>Twitter</li>
</ul> </ul>
</li> </li>
<li> <li>
<ul class="d-flex list-inline"> <ul class="d-flex list-inline">
<li><img src="" alt="logo"></li> <li class="footer-socailImg"><img src="dist/assets/imgs/footer/instra.png" alt="logo" class="px-1 img-fluid"></li>
<li>Instagram</li> <li>Instagram</li>
</ul> </ul>
</li> </li>
<li> <li>
<ul class="d-flex list-inline"> <ul class="d-flex list-inline">
<li><img src="" alt="logo"></li> <li class="footer-socailImg"><img src="dist/assets/imgs/footer/youtube.png" alt="logo" class="px-1 img-fluid"></li>
<li>Youtube</li> <li>Youtube</li>
</ul> </ul>
</li> </li>
<li> <li>
<ul class="d-flex list-inline"> <ul class="d-flex list-inline">
<li><img src="" alt="logo"></li> <li class="footer-socailImg"><img src="dist/assets/imgs/footer/linkedin.png" alt="logo" class="px-1 img-fluid"></li>
<li>Linkedin</li> <li>Linkedin</li>
</ul> </ul>
</li> </li>
<li> <li>
<ul class="d-flex list-inline"> <ul class="d-flex list-inline">
<li><img src="" alt="logo"></li> <li class="footer-socailImg"><img src="dist/assets/imgs/footer/facebook.png" alt="logo" class="px-1 img-fluid"></li>
<li>Facebook</li> <li>Facebook</li>
</ul> </ul>
</li> </li>
@@ -169,7 +169,30 @@ $(document).ready(function() {
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="footer-sub-content ">
<div class="container">
<div class="d-flex g-0 align-items-center justify-content-around">
<div class="col-md-2 text-white
text-center">
<p class="mb-0">Privacy Policy</p>
</div>
<div class="col-md-2 text-white
text-center">
<p class="mb-0"> Terms of Use Sales
</p>
</div>
<div class="col-md-2 text-white">
<p class="mb-0">Policy</p>
</div>
</div>
<div class="text-white">
<p class="mb-0 text-center">Copyright ©2023 Anwisystems pvt ltd.</p>
<p class="mb-0 text-center">All rights reserved.</p>
</div>
</div>
</div>
</div> </div>
<div class="footer-main-container d-none d-sm-block "> <div class="footer-main-container d-none d-sm-block ">
<div class="footer-logo py-3 <div class="footer-logo py-3
二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 37 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 36 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 39 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 38 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 72 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 44 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 49 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 53 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 30 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 48 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 106 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 39 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 30 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 43 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 40 KiB

二进制
查看文件
二进制文件未显示。

之后

宽度:  |  高度:  |  大小: 38 KiB

+4
查看文件
@@ -195,6 +195,10 @@
width: 20px; width: 20px;
} }
.w-200{
width:200px;
}
// font weight // font weight
+112 -89
查看文件
@@ -1,84 +1,95 @@
/* home page */ /* home page */
$color_1: #000;
$color_2: white;
$font-family_1: "Satoshi", sans-serif;
$background-color_1: #000;
$background-color_2: #0fa5c5;
$background-color_3: #f2f9fb;
/* BUtton */
.button_dark.btn-dark { .button_dark.btn-dark {
background-color: #000000 !important; background-color: $background-color_1 !important;
font-family: "Satoshi", sans-serif; font-family: $font-family_1;
} &:hover {
background-color: $background-color_1 !important;
.button_dark.btn-dark:hover { font-family: $font-family_1;
background-color: #000000 !important;
font-family: "Satoshi", sans-serif;
opacity: 1 !important; opacity: 1 !important;
}
.home-main-container #navbar-head {
.navbar-nav .nav-item .nav-link {
color: #000000;
font-family: "Satoshi", sans-serif;
} }
} }
/* main-container */
.hero-banner { .home-main-container {
// background-image: url(../../dist/assets/imgs/Home/banner.png); #navbar-head { /* navbar */
background-image: url(../../dist/assets/imgs/Home/banner.png); .navbar-nav {
// background-color: #cccccc; .nav-item {
background-size: cover; .nav-link {
background-repeat: no-repeat; color: $color_1;
background-position: center center; font-family: $font-family_1;
background-position-y: -100px;
// home-banner
.banner-main-container {
height: 620px;
} }
} }
}
.home-main-container .offer-main-sec { }
.offer-main-sec {/* main-offersec */
.offer-sec { .offer-sec {
margin-top: -35px; margin-top: -35px;
} }
} }
.aw-feature-name {
.home-main-container .aw-feature-name {
h5 { h5 {
transform: rotate(180deg); transform: rotate(180deg);
transform-origin: center center 0; transform-origin: center center 0;
writing-mode: vertical-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;
} }
.news-letter-sec .news-letter-email:focus { .out-of-world { /* out-of-worldzz */
.card {
background-color: $background-color_2;
}
}
.aw-support-sec {
.aw-support-sec-main-container {
background-color: $background-color_3;
}
.news-letter-sec {
.news-letter-email {
&:focus {
border-bottom: 1px solid white; border-bottom: 1px solid white;
outline: none; outline: none;
} }
.news-letter-sec .news-letter-email::placeholder { &::placeholder {
color: white; color: $color_2;
} }
} }
}
.home-main-container .owl-carousel.star-products-img-sec .owl-dots { }
.owl-carousel.star-products-img-sec { /* owl-carousal */
.owl-dots {
text-align: left; text-align: left;
.owl-dot span { .owl-dot {
span {
height: 3px; height: 3px;
width: 25px; width: 25px;
} }
.owl-dot.active {
color: #000000;
} }
} .owl-dot.active {
color: $color_1;
.home-main-container .owl-carousel.star-products-img-sec .owl-nav { }
}
.owl-nav {
text-align: right; text-align: right;
margin-right: 5rem; margin-right: 5rem;
}
}
}
/* banner */
.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;
.banner-main-container {
height: 620px;
}
} }
@media (min-width:1900px) { @media (min-width:1900px) {
.hero-banner { .hero-banner {
background-size: 100% 100%; background-size: 100% 100%;
@@ -120,11 +131,15 @@
@media (min-width:278px) and (max-width:767px) { @media (min-width:278px) and (max-width:767px) {
.home-main-container { .home-main-container {
h5, h5 {
font-size: 1rem;
}
h6 { h6 {
font-size: 1rem; font-size: 1rem;
} }
.sec-space-1, .sec-space-1 {
margin-top: 40px;
}
.sec-space-2 { .sec-space-2 {
margin-top: 40px; margin-top: 40px;
} }
@@ -134,12 +149,11 @@
text-align: center; text-align: center;
.col-md-6 { .col-md-6 {
padding-top: 7rem; padding-top: 7rem;
.button_dark {
.button_dark{
display: none; display: none;
} }
} }
.mobile-home-img{ .mobile-home-img {
width: 85%; width: 85%;
} }
h1 { h1 {
@@ -147,44 +161,42 @@
} }
} }
.hero-banner { .hero-banner {
// background: url(../../dist/assets/imgs/Home/All-in-one.png);
// background-size: cover;
background-position: 0; background-position: 0;
} }
.aw-main-features{ .aw-main-features {
display: none; display: none;
} }
.mobile-text-center { .mobile-text-center {
text-align: center; text-align: center;
} }
// .aw-partners img { .aw-feature-name {
// width: 150px; h5 {
// height: 50px;
// }
// .aw-partners .windows-icon-mb img {
// width: 60px;
// height: 50px;
// }
.aw-feature-name h5 {
transform: rotate(0deg); transform: rotate(0deg);
writing-mode: horizontal-tb; writing-mode: horizontal-tb;
} }
}
.products-main-container { .products-main-container {
.enterprise-prd,.consumer-prd { .enterprise-prd {
margin-top: 10px;
}
.consumer-prd {
margin-top: 10px; margin-top: 10px;
} }
} }
.news-letter-sec { .news-letter-sec {
a.button_dark { a.button_dark {
padding: 10px 5px; padding: 10px 5px;
} }
} }
.owl-carousel.star-products-img-sec .owl-nav { .owl-carousel.star-products-img-sec {
.d-flex{
justify-content: center !important;
}
.owl-nav {
text-align: center; text-align: center;
margin-right: 0px; margin-right: 0px;
} }
}
.star-products { .star-products {
.owl-dots { .owl-dots {
display: none; display: none;
@@ -202,34 +214,45 @@
padding: 0 !important; padding: 0 !important;
} }
} }
.offer-main-sec{ .offer-main-sec {
margin-bottom: 0 !important; margin-bottom: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
.offer-sec{ .offer-sec {
p{ p {
font-size: 0.85rem; font-size: 0.85rem;
} }
} }
} }
.footer-wrapper { .footer-wrapper {
.accordion-button, .accordion-button {
.accordion-body { font-family: $font-family_1;
font-family: "Satoshi", sans-serif; color: $color_2;
color: white; background-color: $background-color_1;
background-color: #000000; &:not(.collapsed) {
} &::after {
.accordion-button:not(.collapsed)::after,
.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"); 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");
} }
} }
}
.accordion-body {
font-family: $font-family_1;
color: $color_2;
background-color: $background-color_1;
}
.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");
}
}
.footer-sub-content p{
font-size: 0.85rem;
}
}
} }
// index styles // index styles
.feature-bg-image.animated-feature-img { .feature-bg-image.animated-feature-img {
animation: slide 1s ease .2s forwards; animation: slide 1s ease .2s forwards;
opacity: 0; opacity: 0;
// transform-origin: left top; // transform-origin: left top;
+151 -53
查看文件
@@ -138,14 +138,17 @@ body {
// body { // body {
// padding: 0; } // padding: 0; }
// } // }
$color_1: #000;
$font-family_1: "Satoshi", sans-serif;
$background-color_1: #3bb78f;
$background-color_2: #fff;
.bg-green { .bg-green {
background-color: #3bb78f; background-color: $background-color_1;
background: linear-gradient(90deg, #3bb78f 0%, #0bab64 35%, #3bb78f 100%); background: linear-gradient(90deg, #3bb78f 0%, #0bab64 35%, #3bb78f 100%);
} }
/* button */ /* button */
.button_dark { .button_dark {
clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0); clip-path: polygon(75% 0, 86% 30%, 99% 66%, 100% 100%, 0 100%, 0 61%, 0 0);
padding-right: 1.7rem; padding-right: 1.7rem;
@@ -153,79 +156,174 @@ body {
padding-top: 0.6rem; padding-top: 0.6rem;
border-radius: 10px; border-radius: 10px;
} }
/* navbar */
// navbar #navbar-head {
#navbar-head{
position: fixed; position: fixed;
width: 100%; width: 100%;
z-index: 20; z-index: 9999;
top: 0; top: 0;
} .biz-nav-wrapper {
.biz-nav-wrapper { .navbar-brand {
.navbar-brand img { img {
width: 150px; width: 150px;
} }
}
.dropdown.has-mega-menu {
position: static !important;
}
.dropdown-menu {
.dropdown-items-row {
width: 100%;
margin: 0px;
}
}
}
.navbar-nav {
gap: 2rem;
.nav-item {
.nav-link {
color: $color_1;
font-family: $font-family_1;
margin-top: 0.25rem;
}
}
.dropdown.has-mega-menu {
&:hover {
>.navbar {
background-color: $background-color_2;
}
}
}
}
.button_dark.btn-dark {
font-weight: bold;
}
.dropdown-menu {
width: 100%;
left: 0;
margin-top: 1.5rem;
}
.dropdown {
&:hover {
>.dropdown-menu {
display: block;
}
}
}
.dropdown-item-img {
img {
width: 200px;
}
}
} }
.navbar-nav .nav-item .nav-link {
color: #000000;
font-family: "Satoshi", sans-serif;
}
/* footer */ /* footer */
.footer-wrapper { .footer-wrapper {
// background-color: rgb(0, 0, 0);
background-image: url(../dist/assets/imgs/Home/Footer-bg-1.png); background-image: url(../dist/assets/imgs/Home/Footer-bg-1.png);
background-size: cover; background-size: cover;
.footer-content-main-container { .footer-content-main-container {
background-image: url(../dist/assets/imgs/Home/Footer-pattern.png); background-image: url(../dist/assets/imgs/Home/Footer-pattern.png);
background-size: contain; background-size: contain;
background-position: right 30px; background-position: right 30px;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.last-col-footer { .last-col-footer {
width: 23%; width: 23%;
} }
.footer-logo {
@media (min-width:1990px) { img {
width: 120px;
}
}
li {
line-height: 2rem;
font-family: $font-family_1;
}
.footer-sub-content {
p {
line-height: 2rem;
font-family: $font-family_1;
}
}
}
.footer-socailImg {
width: 30px;
}
@media (min-width: 1990px) {
.footer-wrapper {
.footer-rkt { .footer-rkt {
right: 45px !important; right: 45px !important;
} }
} }
.footer-logo img {
width: 120px;
}
li,
.footer-sub-content p {
line-height: 2rem;
font-family: "Satoshi", sans-serif;
}
} }
// footer @media (max-width:1024px) {
.footer-socailImg{ $color_1: rgb(255 32 32 / 0%);
width: 30px; $background-color_1: #4f4f4f;
} #navbar-head {
.navbar-nav {
.footer-rocket-img{ gap: 0;
width: 80px; .dropdown-menu{
} margin-top: 0;
.footer-rkt:hover{
animation: rocketRotate 2s infinite;
}
@keyframes rocketRotate {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
} }
} }
.owl-carousel {
.owl-dots{
display: none;
}
.owl-item {
// h6 {
// text-align: left !important;
// }
}
}
}
.navbar-toggler {
color: $color_1;
span {
display: block;
background-color: $background-color_1;
height: 3px;
width: 25px;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
left: 0;
opacity: 1;
transition: all 0.35s ease-out;
transform-origin: center left;
&:nth-child(1) {
transform: translate(0%, 0%) rotate(0deg);
margin-top: 0.3em;
}
&:nth-child(2) {
opacity: 1;
}
&:nth-child(3) {
transform: translate(0%, 0%) rotate(0deg);
}
}
&:not(.collapsed) {
span {
&:nth-child(1) {
transform: translate(15%, -33%) rotate(45deg);
}
&:nth-child(2) {
opacity: 0;
}
&:nth-child(3) {
transform: translate(15%, 33%) rotate(-45deg);
}
}
}
}
}
#footer-head{
.accordion-item{
border: 1px solid;
box-shadow: none;
.accordion-button:not(.collapsed){
box-shadow: none !important;}
}
}