init
This commit is contained in:
9
static/Vvvebjs/demo/landing/scss/sections/cta/cta-1.scss
Normal file
9
static/Vvvebjs/demo/landing/scss/sections/cta/cta-1.scss
Normal file
@@ -0,0 +1,9 @@
|
||||
.cta-1 {
|
||||
padding: 5rem 1rem;
|
||||
margin: 5rem 0;
|
||||
|
||||
.btn-lg {
|
||||
padding:1rem 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,21 @@
|
||||
.features-1 {
|
||||
.max-box {
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
.max-box {
|
||||
max-width: 480px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
//text-decoration: none;
|
||||
}
|
||||
.linking {
|
||||
//color: #3e4555;
|
||||
&:hover {
|
||||
//color: #316ce8;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
.features-11 {
|
||||
color: #8d97ad;
|
||||
font-weight: 300;
|
||||
.badge {
|
||||
font-weight: 500;
|
||||
line-height: 14px;
|
||||
}
|
||||
.badge-info {
|
||||
background: #188ef4;
|
||||
}
|
||||
.wrap {
|
||||
.max-box {
|
||||
max-width: 580px;
|
||||
}
|
||||
}
|
||||
a {
|
||||
//text-decoration: none;
|
||||
}
|
||||
.linking {
|
||||
color: #3e4555;
|
||||
&:hover {
|
||||
color: #316ce8;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: #3e4555;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
.features-2 {
|
||||
color: #ffffff;
|
||||
font-weight: 300;
|
||||
|
||||
.text-box {
|
||||
max-width: 500px;
|
||||
margin-left: 80px;
|
||||
}
|
||||
|
||||
.bg-info-gradiant {
|
||||
background: #188ef4;
|
||||
background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
|
||||
background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
|
||||
background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
|
||||
background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
|
||||
}
|
||||
.btn-md {
|
||||
padding: 15px 45px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: #3e4555;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
.features-3 {
|
||||
color: #8d97ad;
|
||||
font-weight: 300;
|
||||
h6 {
|
||||
line-height: 22px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.font-weight-medium {
|
||||
font-weight: 500;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.linking {
|
||||
color: #3e4555;
|
||||
&:hover {
|
||||
color: #316ce8;
|
||||
}
|
||||
}
|
||||
.bg-body-secondary {
|
||||
background-color: #f4f8fa !important;
|
||||
}
|
||||
.text-success {
|
||||
color: #2cdd9b !important;
|
||||
}
|
||||
.icon-round {
|
||||
width: 80px;
|
||||
line-height: 80px;
|
||||
font-size: 2rem;
|
||||
}
|
||||
.btn-success-gradient {
|
||||
background: #2cdd9b;
|
||||
background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
|
||||
background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
|
||||
background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
|
||||
background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
|
||||
&:hover {
|
||||
background: #1dc8cc;
|
||||
background: -webkit-linear-gradient(legacy-direction(to right), #1dc8cc 0%, #2cdd9b 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, from(#1dc8cc), to(#2cdd9b));
|
||||
background: -webkit-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%);
|
||||
background: -o-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%);
|
||||
background: linear-gradient(to right, #1dc8cc 0%, #2cdd9b 100%);
|
||||
}
|
||||
}
|
||||
.btn-md {
|
||||
padding: 15px 45px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: #3e4555;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,83 @@
|
||||
footer.footer-1, footer.footer-3 {
|
||||
position:relative;
|
||||
padding-top: 3rem;
|
||||
//padding-bottom: 2rem;
|
||||
padding-bottom: 0rem;
|
||||
//background-color:var(--bs-light-bg-subtle);
|
||||
background-color:rgba(var(--bs-body-color-rgb), 0.03);
|
||||
border-top:1px solid rgba(var(--bs-body-color-rgb), 0.03);
|
||||
|
||||
//background-color:rgba(var(--light-bg-rgb), 0.7);
|
||||
background-color:rgba(var(--bs-body-color-rgb), 0.01);
|
||||
//border-top:1px solid rgba(var(--light-bg-rgb), 0.5);
|
||||
border-top:1px solid rgba(var(--bs-body-color-rgb), 0.05);
|
||||
z-index: 3;
|
||||
/*
|
||||
&:before{
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-image: linear-gradient(180deg, rgba(var(--bs-body-color-rgb), 0.05) 0%, rgba(var(--bs-body-color-rgb), 0.025) 20%, rgba(var(--bs-body-bg-rgb), 0) 80%);
|
||||
//border-top:1px solid var(--bs-border-color);
|
||||
width: 100%;
|
||||
height: 7px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
*/
|
||||
|
||||
.h6 {
|
||||
margin: 1rem 0rem;
|
||||
font-weight: 500;
|
||||
color: var(--bs-light-text-emphasis);
|
||||
}
|
||||
nav {
|
||||
a {
|
||||
display: block;
|
||||
font-size: 90%;
|
||||
//font-weight: 500;
|
||||
text-decoration: none;
|
||||
margin-bottom: 0.55rem;
|
||||
color:var(--bs-secondary-color);
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
//make tap easier
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
img {
|
||||
margin: 2rem auto;
|
||||
//display: block;
|
||||
|
||||
html[data-bs-theme="dark"] &{
|
||||
//filter: brightness(5);
|
||||
}
|
||||
}
|
||||
|
||||
.footer-copyright {
|
||||
margin-top:5rem;
|
||||
|
||||
//background:#fafafa;
|
||||
//background:rgba(var(--bs-body-color-rgb), 0.01);
|
||||
//background-color:rgba(var(--light-bg-rgb), 1);
|
||||
padding:0.5rem;
|
||||
|
||||
|
||||
font-size:75%;
|
||||
a {
|
||||
text-decoration:none;
|
||||
|
||||
&:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
padding:1.5rem 0;
|
||||
border-top: 1px solid rgba(var(--bs-body-color-rgb), 0.05);
|
||||
//border-top:1px solid rgba(var(--bs-body-color-rgb), 0.07);
|
||||
//border-top:1px solid var(--bs-border-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
240
static/Vvvebjs/demo/landing/scss/sections/hero/hero-1.scss
Normal file
240
static/Vvvebjs/demo/landing/scss/sections/hero/hero-1.scss
Normal file
@@ -0,0 +1,240 @@
|
||||
.hero-1 {
|
||||
padding: 0px 2rem 0;
|
||||
text-align: center;
|
||||
background-position: bottom center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
//min-height: 60rem;
|
||||
position: relative;
|
||||
padding: 5rem 2rem 2rem;
|
||||
background-image: linear-gradient(179deg,var(--bs-body-bg) 49%,var(--bs-body-bg) 77%, rgba(var(--bs-body-bg-rgb), 0.8) 100%);
|
||||
/*
|
||||
&::before {
|
||||
background: url(../img/background.svg);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
pointer-events:none;
|
||||
opacity:0.1;
|
||||
background-size: 100%;
|
||||
background-position: bottom center;
|
||||
background-size: cover;
|
||||
background-position: bottom 0px center;
|
||||
background-repeat: no-repeat;
|
||||
background-blend-mode: luminosity;
|
||||
}
|
||||
*/
|
||||
h1 {
|
||||
//line-height: 1.2;
|
||||
//font-size: 4.2rem;
|
||||
|
||||
color: var(--bs-body-color);
|
||||
font-weight:700;
|
||||
z-index: 2;
|
||||
text-shadow: 1px 1px 2px var(--bs-body-bg);
|
||||
letter-spacing:-0.04em;
|
||||
//letter-spacing: 0.014em;
|
||||
//line-height: 64px;
|
||||
}
|
||||
/*
|
||||
@media (max-width: 1601px) {
|
||||
h1 {
|
||||
font-size: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1281px) {
|
||||
h1 {
|
||||
font-size: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 961px) {
|
||||
h1 {
|
||||
font-size: 4.5rem;
|
||||
line-height: 4.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 661px) {
|
||||
h1 {
|
||||
font-size: 3.2rem;
|
||||
line-height: 3.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 481px) {
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
}
|
||||
*/
|
||||
h2 {
|
||||
//font-size: 1.5rem;
|
||||
//line-height: 1.5;
|
||||
font-weight: normal;
|
||||
line-height: 1.5;
|
||||
margin: 1.4rem auto 0rem;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
text-shadow: 1px 1px 2px var(--bs-body-bg);
|
||||
//letter-spacing: 0.03em;
|
||||
max-width: 750px;
|
||||
color: var(--bs-body-color);
|
||||
}
|
||||
|
||||
.heading {
|
||||
text-align: center;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
max-width: var(--width-xl);
|
||||
width: 100%;
|
||||
z-index: 3;
|
||||
|
||||
padding: 2rem 0 0rem;
|
||||
}
|
||||
|
||||
.btns {
|
||||
margin-top:4rem;
|
||||
}
|
||||
|
||||
.btn {
|
||||
b {
|
||||
margin-left: 5px;
|
||||
display: inline-block;
|
||||
font-family:system-ui;
|
||||
}
|
||||
|
||||
//min-width:250px;
|
||||
display: inline-block;
|
||||
//width: 200px;
|
||||
//height: 49px;
|
||||
border-radius: 2px;
|
||||
//background-color: #419bf9;
|
||||
//background-color: rgb(65, 155, 249);
|
||||
//padding: 12px 20px;
|
||||
line-height: 20px;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
//color: var(--bs-body-color);
|
||||
margin-right: 7px;
|
||||
margin-left: 7px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 6px;
|
||||
//font-weight: 600;
|
||||
//box-shadow:0 1px 3px 0 rgba(var(--bs-body-color-rgb), 0.07);
|
||||
//letter-spacing: 0.01em;
|
||||
|
||||
&:hover {
|
||||
//background: var(--bs-dark);
|
||||
//background: #2781df;
|
||||
}
|
||||
span {
|
||||
//font-size: 24px;
|
||||
//line-height: 24px;
|
||||
//vertical-align: text-top;
|
||||
margin-left: 0.2rem;
|
||||
//display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn.btn-outline-primary {
|
||||
b {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
//background-color: transparent;
|
||||
//background-color: rgba(65, 155, 249, 0.07);
|
||||
//background-color: #f1f8ff;
|
||||
box-shadow: -1px 1px 2px 0px rgba(var(--bs-body-bg-rgb), 0.2) inset;
|
||||
box-shadow: 0 1px 3px 0 rgba(var(--bs-body-color-rgb), 0.07);
|
||||
//border: 1px solid var(--bs-border-color);
|
||||
//background:var(--bs-body-bg);
|
||||
//color: var(--bs-blue);
|
||||
&:hover {
|
||||
//background-color: rgba(65, 155, 249, 0.14);
|
||||
background: rgba(var(--bs-primary-rgb), 0.07);
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
|
||||
&:after {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn.btn-outline-secondary {
|
||||
border: 1px solid var(--bs-dark-border-subtle);
|
||||
--bs-secondary: var(--bs-border-color);
|
||||
color:var(--bs-body-color);
|
||||
}
|
||||
|
||||
.btn.btn-primary {
|
||||
//box-shadow: -1px 1px 2px 1px rgba(var(--bs-body-color-rgb), 0.07), -1px 1px 2px 0px rgba(var(--bs-body-bg-rgb), 0.2) inset;
|
||||
//box-shadow: 0 1px 3px 0 rgba(var(--bs-body-color-rgb), 0.07);
|
||||
//padding: 1rem 2.5rem;
|
||||
border:none;
|
||||
span {
|
||||
//font-size: 28px;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
&:hover {
|
||||
//color: var(--bs-body-color);
|
||||
//background: var(--bs-dark);
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
display: inline-block;
|
||||
.dropdown-menu {
|
||||
min-width: 240px;
|
||||
z-index:3;
|
||||
}
|
||||
}
|
||||
|
||||
> img {
|
||||
margin-top: 2rem;
|
||||
max-width: 100%;
|
||||
//opacity: 0;
|
||||
transition: opacity 3s;
|
||||
border-radius: 10px 10px 0px 0px;
|
||||
border: 1px solid var(--bs-border-color);
|
||||
|
||||
background: #f0f4f9;
|
||||
box-shadow: 0 0 1px 0 rgba(var(--bs-body-color-rgb), 0.2), 0 3px 4px 0 rgba(87, 87, 87, 0.1), 0 10px 15px 0 rgba(5, 4, 10, 0.06%);
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
padding-top: 2rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.show {
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.btn {
|
||||
min-width: 300px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.overlay {
|
||||
background:var(--bs-body-bg);
|
||||
}
|
||||
|
||||
}
|
||||
84
static/Vvvebjs/demo/landing/scss/sections/hero/hero-2.scss
Normal file
84
static/Vvvebjs/demo/landing/scss/sections/hero/hero-2.scss
Normal file
@@ -0,0 +1,84 @@
|
||||
.hero-2 {
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
padding-top: 15rem;
|
||||
padding-bottom: 15rem;
|
||||
|
||||
.btn {
|
||||
padding: 1rem 2rem;
|
||||
border-radius: 30px;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
letter-spacing: .1rem;
|
||||
|
||||
&.btn-white {
|
||||
background:rgba(var(--bs-body-bg-rgb), 0.2);
|
||||
color:#fff;
|
||||
}
|
||||
}
|
||||
|
||||
>.container {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.heading {
|
||||
font-size: 3.2rem;
|
||||
font-weight: 700;
|
||||
color: var(--bs-light);
|
||||
}
|
||||
.subheading {
|
||||
font-size: 1.4rem;
|
||||
color: var(--bs-light);
|
||||
}
|
||||
.svg-wrapper {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
background-color:rgba(var(--bs-primary-rgb), 1);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.video-wrap {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 0;
|
||||
-webkit-transition: .2s all ease;
|
||||
-o-transition: .2s all ease;
|
||||
transition: .2s all ease;
|
||||
|
||||
.play-button {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
background-color: var(--bs-success);
|
||||
color: var(--bs-white);
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
img {
|
||||
border-radius: 7px;
|
||||
-webkit-box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb), 0.2);
|
||||
box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb), 0.2);
|
||||
}
|
||||
&:hover {
|
||||
-webkit-transform: scale(1.05);
|
||||
-ms-transform: scale(1.05);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
113
static/Vvvebjs/demo/landing/scss/sections/hero/hero-3.scss
Normal file
113
static/Vvvebjs/demo/landing/scss/sections/hero/hero-3.scss
Normal file
@@ -0,0 +1,113 @@
|
||||
.hero-3 {
|
||||
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
//background-image:url("../img/demo/hero-3.jpg");
|
||||
|
||||
//height:100vh;
|
||||
//min-height:960px;
|
||||
/*
|
||||
> .container > .row {
|
||||
height:100vh;
|
||||
min-height:800px;
|
||||
}*/
|
||||
|
||||
|
||||
.btn {
|
||||
padding: 1rem 3rem;
|
||||
margin: 0rem 1rem 1rem 0;
|
||||
//border-radius: 30px;
|
||||
//text-transform: uppercase;
|
||||
//font-size: 16px;
|
||||
//font-weight: 600;
|
||||
//letter-spacing: .1rem;
|
||||
box-shadow: rgba(var(--bs-body-color-rgb), 0.25) 0px 5px 15px -5px;
|
||||
/*
|
||||
&.btn-white {
|
||||
background:rgba(var(--bs-white-rgb), 0.2);
|
||||
color: var(--bs-light);
|
||||
}
|
||||
*/
|
||||
&.btn-primary {
|
||||
//background:#006cff;
|
||||
}
|
||||
}
|
||||
|
||||
>.container, > .container-fluid {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
> div {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
min-height:960px;
|
||||
min-height:calc(100vh - 200px);
|
||||
min-height:calc(max(100vh - 200px, 1080px));
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.heading {
|
||||
//font-size: 60px;
|
||||
font-weight: 700;
|
||||
//color: var(--bs-light);
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
//font-size: 32px;
|
||||
color: var(--bs-light);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-weight:normal;
|
||||
}
|
||||
.svg-wrapper {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
margin-top:5rem;
|
||||
}
|
||||
|
||||
/*
|
||||
&.overlay {
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
content: "";
|
||||
//background: rgba(var(--bs-body-color-rgb), 0.6);
|
||||
background: rgba(var(--bs-body-color-rgb), 0.6);
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
|
||||
>.container, > .container-fluid {
|
||||
|
||||
> div {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
min-height:100vh;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
min-width: 300px;
|
||||
//width: 90%;
|
||||
margin:0 0 1rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
64
static/Vvvebjs/demo/landing/scss/sections/hero/hero-4.scss
Normal file
64
static/Vvvebjs/demo/landing/scss/sections/hero/hero-4.scss
Normal file
@@ -0,0 +1,64 @@
|
||||
.hero-4 {
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
//background-image:url("../img/demo/hero-3.jpg");
|
||||
|
||||
height:100vh;
|
||||
min-height:800px;
|
||||
|
||||
> .container > .row {
|
||||
height:100vh;
|
||||
min-height:800px;
|
||||
}
|
||||
|
||||
|
||||
.btn {
|
||||
padding: 1rem 2rem;
|
||||
border-radius: 30px;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
letter-spacing: .1rem;
|
||||
|
||||
&.btn-white {
|
||||
background:rgba(var(--bs-body-bg-rgb), 0.2);
|
||||
color:#fff;
|
||||
}
|
||||
}
|
||||
|
||||
>.container {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.heading {
|
||||
//font-size: 50px;
|
||||
font-weight: 700;
|
||||
color: var(--bs-light);
|
||||
}
|
||||
.subheading {
|
||||
font-family:var(--bs-font-body);
|
||||
//font-size:2rem;
|
||||
margin-bottom:3rem;
|
||||
color: var(--bs-light);
|
||||
}
|
||||
.svg-wrapper {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
margin-top:3rem;
|
||||
font-family:var(--bs-font-body);
|
||||
}
|
||||
|
||||
.overlay {
|
||||
background: rgba(0,0,0, 1);
|
||||
opacity:0.5;
|
||||
}
|
||||
}
|
||||
18
static/Vvvebjs/demo/landing/scss/sections/hero/hero-5.scss
Normal file
18
static/Vvvebjs/demo/landing/scss/sections/hero/hero-5.scss
Normal file
@@ -0,0 +1,18 @@
|
||||
.hero-5 {
|
||||
height:100vh;
|
||||
min-height:800px;
|
||||
|
||||
> .container > .row {
|
||||
height:100vh;
|
||||
min-height:800px;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
background: rgba(0,0,0, 1);
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
h1, p.lead {
|
||||
color: var(--bs-light);
|
||||
}
|
||||
}
|
||||
32
static/Vvvebjs/demo/landing/scss/sections/hero/hero-6.scss
Normal file
32
static/Vvvebjs/demo/landing/scss/sections/hero/hero-6.scss
Normal file
@@ -0,0 +1,32 @@
|
||||
.hero-6 {
|
||||
height:100vh;
|
||||
min-height:800px;
|
||||
|
||||
> .container > .row {
|
||||
height:100vh;
|
||||
min-height:800px;
|
||||
}
|
||||
|
||||
>.container, > .container-fluid {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
> div {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
min-height:960px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.overlay {
|
||||
background: rgba(0,0,0, 1);
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
color: var(--bs-light);
|
||||
}
|
||||
}
|
||||
32
static/Vvvebjs/demo/landing/scss/sections/hero/hero-7.scss
Normal file
32
static/Vvvebjs/demo/landing/scss/sections/hero/hero-7.scss
Normal file
@@ -0,0 +1,32 @@
|
||||
.hero-7 {
|
||||
height:100vh;
|
||||
min-height:800px;
|
||||
|
||||
> .container > .row {
|
||||
height:100vh;
|
||||
min-height:800px;
|
||||
}
|
||||
|
||||
>.container, > .container-fluid {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
> div {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
min-height:960px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.overlay {
|
||||
background: rgba(0,0,0, 1);
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
color: var(--bs-light);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
header.hero-slider {
|
||||
height:100vh;
|
||||
min-height:800px;
|
||||
|
||||
> .container > .row {
|
||||
height:100vh;
|
||||
min-height:800px;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
background: rgba(0,0,0, 1);
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
|
||||
.swiper-slide {
|
||||
|
||||
> img + .content {
|
||||
position:absolute;
|
||||
z-index:2;
|
||||
top:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
|
||||
>.container, > .container-fluid {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
> div {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
min-height:960px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.overlay {
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
color: var(--bs-light);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,99 @@
|
||||
@media screen and (min-width: 767px) {
|
||||
.navigation-1 {
|
||||
top:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
z-index:10;
|
||||
position:sticky;
|
||||
//margin-bottom: 2rem;
|
||||
backdrop-filter: saturate(180%) blur(20px);
|
||||
|
||||
-webkit-box-shadow: 0 4px 10px rgba(var(--bs-body-color-rgb),0.07),inset 0 -1px 0 rgba(var(--bs-body-color-rgb),0.07);
|
||||
box-shadow: 0 4px 40px rgba(var(--bs-body-color-rgb),0.07),inset 0 -1px 0 rgba(var(--bs-body-color-rgb),0.07);
|
||||
box-shadow: 0 3px 14px rgba(var(--bs-body-color-rgb), 0.07);
|
||||
|
||||
/*
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb), 0.05) 0%,rgba(var(--bs-body-color-rgb), 0.02) 10%,rgba(var(--bs-body-bg-rgb), 0.05) 80%);
|
||||
//background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb),.05) 0%,rgba(var(--bs-body-color-rgb),.025) 20%,rgba(var(--bs-body-bg-rgb),0) 80%);
|
||||
//background-image: linear-gradient(180deg, rgba(var(--bs-body-color-rgb), 0.05) 0%, rgba(var(--bs-body-color-rgb), 0.015) 10%, rgba(var(--bs-body-bg-rgb), 0) 80%);
|
||||
border-top:1px solid rgba(var(--bs-body-color-rgb), 0.05);
|
||||
width: 100%;
|
||||
height: 1.5rem;
|
||||
left: 0;
|
||||
bottom: -1.5rem;
|
||||
}
|
||||
*/
|
||||
|
||||
body.home & {
|
||||
//border:none;
|
||||
&:after {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 0 1rem;
|
||||
//background: rgba(var(--bs-body-bg-rgb),.85);
|
||||
|
||||
.navbar-nav {
|
||||
|
||||
a.nav-link {
|
||||
font-size: 15px;
|
||||
//font-weight: 500;
|
||||
padding: 2.1rem 1rem 2.1rem;
|
||||
//text-transform:none;
|
||||
//color: var(--bs-navbar-active-color);
|
||||
/*
|
||||
&.active {
|
||||
background-color:rgba(var(--bs-primary-rgb), 0.05);
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
border-bottom: 2px solid rgba(var(--bs-primary-rgb), 0.5);
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0px;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
&:hover {
|
||||
//background-color: rgba(var(--bs-body-color-rgb),.015);
|
||||
//color: var(--bs-blue);
|
||||
color: var(--bs-navbar-hover-color);
|
||||
}
|
||||
}
|
||||
|
||||
.nav-toggle {
|
||||
a.nav-link {
|
||||
padding: 2.1rem 0.5rem 2.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
nav.navbar-expand-md {
|
||||
a.nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: rgba(var(--bs-body-color-rgb),.7);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.dropdown-toggle::after {
|
||||
font-size:60%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
.navigation-2 {
|
||||
|
||||
&::before {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: " ";
|
||||
position: absolute;
|
||||
backdrop-filter: blur(14px);
|
||||
}
|
||||
|
||||
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
|
||||
a.nav-link {
|
||||
//font-size: 15px;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 2.5rem 1rem 2rem;
|
||||
}
|
||||
|
||||
.dropdown-toggle::after {
|
||||
font-size:60%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
@media screen and (min-width: 767px) {
|
||||
.navigation-3 {
|
||||
.sticky {
|
||||
background:rgba(var(--bs-body-bg-rgb), 0.8);
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb),.05) 0%,rgba(var(--bs-body-color-rgb),.025) 20%,rgba(var(--bs-body-bg-rgb),0) 80%);
|
||||
//background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb),.05) 0%,rgba(var(--bs-body-color-rgb),.025) 20%,rgba(var(--bs-body-bg-rgb),0) 80%);
|
||||
background-image: linear-gradient(180deg, rgba(var(--bs-body-color-rgb), 0.05) 0%, rgba(var(--bs-body-color-rgb), 0.015) 10%, rgba(var(--bs-body-bg-rgb), 0) 80%);
|
||||
border-top:1px solid rgba(var(--bs-body-color-rgb), 0.07);
|
||||
width: 100%;
|
||||
height: 1.5rem;
|
||||
left: 0;
|
||||
bottom: -1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
&::before {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: " ";
|
||||
position: absolute;
|
||||
backdrop-filter: blur(14px);
|
||||
}
|
||||
*/
|
||||
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.search-area i {
|
||||
color: var(--bs-navbar-active-color);
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 0 1rem;
|
||||
//background: rgba(var(--bs-body-bg-rgb),.85);
|
||||
|
||||
.navbar-nav {
|
||||
|
||||
a.nav-link {
|
||||
font-size: 15px;
|
||||
//font-weight: 500;
|
||||
padding: 2.1rem 1rem 2.1rem;
|
||||
//text-transform:none;
|
||||
//color: var(--bs-navbar-active-color);
|
||||
|
||||
&:hover {
|
||||
//background-color: rgba(var(--bs-body-color-rgb),.015);
|
||||
//color: var(--bs-blue);
|
||||
color: var(--bs-navbar-hover-color);
|
||||
}
|
||||
}
|
||||
|
||||
.nav-toggle {
|
||||
a.nav-link {
|
||||
padding: 2.1rem 0.5rem 2.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
nav.navbar-expand-md {
|
||||
a.nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: rgba(var(--bs-body-color-rgb),.7);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.dropdown-toggle::after {
|
||||
font-size:60%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.navbar-collapse {
|
||||
display: flex !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.navbar-dark .navbar-collapse {
|
||||
background: var(--bs-body-color);
|
||||
padding:1rem;
|
||||
}
|
||||
.navbar-collapse {
|
||||
background: var(--bs-body-bg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
@media screen and (min-width: 767px) {
|
||||
.navigation-4 {
|
||||
top:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
z-index:10;
|
||||
//margin-bottom: 2rem;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb),.05) 0%,rgba(var(--bs-body-color-rgb),.025) 20%,rgba(var(--bs-body-bg-rgb),0) 80%);
|
||||
//background-image: linear-gradient(180deg,rgba(var(--bs-body-color-rgb),.05) 0%,rgba(var(--bs-body-color-rgb),.025) 20%,rgba(var(--bs-body-bg-rgb),0) 80%);
|
||||
background-image: linear-gradient(180deg, rgba(var(--bs-body-color-rgb), 0.05) 0%, rgba(var(--bs-body-color-rgb), 0.015) 10%, rgba(var(--bs-body-bg-rgb), 0) 80%);
|
||||
border-top:1px solid rgba(var(--bs-body-color-rgb), 0.05);
|
||||
width: 100%;
|
||||
height: 1.5rem;
|
||||
left: 0;
|
||||
bottom: -1.5rem;
|
||||
}
|
||||
|
||||
body.home & {
|
||||
//border:none;
|
||||
&:after {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 0 1rem;
|
||||
//background: rgba(var(--bs-body-bg-rgb),.85);
|
||||
|
||||
.navbar-nav {
|
||||
|
||||
a.nav-link {
|
||||
text-transform: none;
|
||||
font-size: 15px;
|
||||
//color: var(--bs-secondary-color);
|
||||
//font-weight: 500;
|
||||
padding: 2.1rem 1rem 2.1rem;
|
||||
text-transform:none;
|
||||
&:hover {
|
||||
background-color: rgba(var(--bs-body-color-rgb),.015);
|
||||
color: var(--bs-blue);
|
||||
}
|
||||
}
|
||||
|
||||
nav.navbar-expand-md {
|
||||
a.nav-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: rgba(var(--bs-body-color-rgb),.7);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.dropdown-toggle::after {
|
||||
font-size:60%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
.portfolio-1 {
|
||||
.gallery {
|
||||
column-gap: 0px;
|
||||
|
||||
.item {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.portfolio-2 .gallery {
|
||||
column-count: 3;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
.posts-1 {
|
||||
padding:3rem;
|
||||
}
|
||||
57
static/Vvvebjs/demo/landing/scss/sections/posts/posts-3.scss
Normal file
57
static/Vvvebjs/demo/landing/scss/sections/posts/posts-3.scss
Normal file
@@ -0,0 +1,57 @@
|
||||
.posts-3 .card {
|
||||
//color: var(--bs-body-bg);
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: " ";
|
||||
opacity: 0.7;
|
||||
background: var(--bs-body-bg);
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.card-img-overlay {
|
||||
bottom: 0px;
|
||||
top: auto;
|
||||
-webkit-transition: 0.2s ease-in;
|
||||
-o-transition: 0.2s ease-in;
|
||||
transition: 0.2s ease-in;
|
||||
height: 50%;
|
||||
z-index:20;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
//color: var(--bs-body-bg);
|
||||
}
|
||||
|
||||
.card-text {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
//color: var(--bs-body-bg);
|
||||
|
||||
.card-img-overlay {
|
||||
height: 100%;
|
||||
background-color: rgba(var(--bs-body-bg-rgb), 0.7);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.card-text {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width:768px) {
|
||||
.posts-3 .card-img-overlay {
|
||||
height: 40%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,68 @@
|
||||
.pricing-table-3 {
|
||||
border-radius: 4px;
|
||||
padding: 3rem;
|
||||
|
||||
.heading-2 {
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.price {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
sup {
|
||||
font-size: 24px;
|
||||
top: -1em;
|
||||
}
|
||||
.number {
|
||||
font-size: 60px;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
.excerpt {
|
||||
margin-bottom: 0px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.label2 {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.pricing-text {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid rgba(var(--bs-body-color-rgb), 0.1);
|
||||
|
||||
&:last-child {
|
||||
border:none;
|
||||
}
|
||||
|
||||
&:nth-child(odd) {
|
||||
//background: rgba(var(--bs-body-color-rgb), 0.05);
|
||||
}
|
||||
span.fa {
|
||||
//color: $color_4;
|
||||
}
|
||||
}
|
||||
}
|
||||
.btn-primary {
|
||||
font-style: 16px;
|
||||
font-weight: 600;
|
||||
width: 60%;
|
||||
margin: 0 auto;
|
||||
&:hover {
|
||||
//background: #00bd56 !important;
|
||||
}
|
||||
&:focus {
|
||||
//background: #00bd56 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
.products-1 {
|
||||
padding:3rem;
|
||||
}
|
||||
|
||||
202
static/Vvvebjs/demo/landing/scss/sections/sections.scss
Normal file
202
static/Vvvebjs/demo/landing/scss/sections/sections.scss
Normal file
@@ -0,0 +1,202 @@
|
||||
/*
|
||||
* Style common for all sections
|
||||
*/
|
||||
//@use 'bootstrap/scss/bootstrap' as bs;
|
||||
//@import "../bootstrap/functions";
|
||||
//@import "../bootstrap/variables";
|
||||
//@import "../bootstrap/variables-dark";
|
||||
//@import "../bootstrap/maps";
|
||||
//@import "../bootstrap/mixins";
|
||||
|
||||
body {
|
||||
> section, > footer, > header {
|
||||
position:relative;
|
||||
//padding:5rem 0;
|
||||
|
||||
&.bg-alternate:nth-child(even) {
|
||||
//background-color:rgba(var(--bs-body-color-rgb), 0.05);
|
||||
}
|
||||
|
||||
.background-container, .overlay {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index:-2;
|
||||
width:100%;
|
||||
height:100%;
|
||||
overflow:hidden;
|
||||
|
||||
&::before {
|
||||
}
|
||||
|
||||
img, video {
|
||||
width:auto;
|
||||
height:auto;
|
||||
top:0;
|
||||
left:0;
|
||||
max-width: initial;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
object-fit: cover;
|
||||
|
||||
|
||||
//center hero image on mobile
|
||||
/*
|
||||
@include media-breakpoint-down(md) {
|
||||
margin: 0 0 0 -25%;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin: 0 0 0 -50%;
|
||||
}
|
||||
*/
|
||||
}
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
height: 100%;
|
||||
width: auto;
|
||||
-webkit-transform: translate(-50%,-50%);
|
||||
-ms-transform: translate(-50%,-50%);
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.overlay {
|
||||
z-index:-1;
|
||||
//background: var(--bs-body-color);
|
||||
background: var(--bs-black);
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.separator {
|
||||
|
||||
z-index:2;
|
||||
position:absolute;
|
||||
width:100%;
|
||||
//height:5rem;
|
||||
color:#fff;
|
||||
|
||||
/*> svg, */> img {
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
&.bottom {
|
||||
bottom:0;
|
||||
}
|
||||
|
||||
&.top {
|
||||
top:0px;
|
||||
}
|
||||
}
|
||||
/*
|
||||
&.overlay {
|
||||
position: relative;
|
||||
|
||||
|
||||
&:before {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
content: "";
|
||||
background: rgba(var(--bs-body-color-rgb), 0.4);
|
||||
}
|
||||
}*/
|
||||
|
||||
//parallax
|
||||
.background-container.parallax {
|
||||
clip-path: inset(0 0 0 0);
|
||||
|
||||
> * {
|
||||
position:fixed;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.logo-sticky {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.logo-default-dark {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.logo-default-dark-sticky {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.sticky {
|
||||
.logo-sticky {
|
||||
display:unset;
|
||||
}
|
||||
.logo-default {
|
||||
display:none;
|
||||
}
|
||||
.logo-default-dark {
|
||||
display:none;
|
||||
}
|
||||
.logo-default-dark-sticky {
|
||||
display:none;
|
||||
}
|
||||
.logo-dark {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
[data-bs-theme="dark"] {
|
||||
|
||||
.logo-default-dark {
|
||||
display:unset;
|
||||
}
|
||||
|
||||
.logo-default {
|
||||
display:none;
|
||||
}
|
||||
|
||||
|
||||
div.sticky {
|
||||
.logo-sticky {
|
||||
display:none;
|
||||
}
|
||||
.logo-default-dark {
|
||||
display:none;
|
||||
}
|
||||
.logo-default-dark-sticky {
|
||||
display:unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.navbar-dark {
|
||||
.logo-default {
|
||||
display:none;
|
||||
}
|
||||
.logo-default-dark {
|
||||
display:unset;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-light {
|
||||
.logo-default {
|
||||
display:unset;
|
||||
}
|
||||
.logo-default-dark {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.fixed-top ~ .fixed-top {
|
||||
position: unset;
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
.showcase-1, .showcase-2 {
|
||||
//border-top: 1px solid var(--bs-border-color);
|
||||
padding: 3rem 0;
|
||||
|
||||
.container {
|
||||
//max-width:960px;
|
||||
//margin: 0 auto;
|
||||
//padding: 0;
|
||||
|
||||
> .row {
|
||||
--bs-gutter-x: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(even) {
|
||||
//background: rgba(var(--bs-body-color-rgb),0.015);
|
||||
}
|
||||
|
||||
.col-md-6 {
|
||||
padding: 0rem 1.4rem;
|
||||
//text-align:center;
|
||||
|
||||
> div {
|
||||
margin:auto;
|
||||
display:inline-block;
|
||||
text-align:left;
|
||||
}
|
||||
}
|
||||
.col-text > div {
|
||||
//padding: 3.5rem;
|
||||
i.la, i.lab {
|
||||
padding:0 1rem 0 0;
|
||||
font-size: 2rem;
|
||||
color:var(--bs-primary);
|
||||
}
|
||||
}
|
||||
|
||||
.col-img {
|
||||
text-align: center;
|
||||
|
||||
.frame {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
video {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
}
|
||||
img {
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 2.1rem;
|
||||
font-size: 2.5rem;
|
||||
font-weight:600;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.1rem;
|
||||
line-height: 2.1rem;
|
||||
font-weight: 400;
|
||||
margin-bottom:1.4rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
.showcase-12 {
|
||||
|
||||
.font-container {
|
||||
margin-bottom:0;
|
||||
|
||||
.font-icon {
|
||||
color:var(--bs-primary);
|
||||
font-size:4rem;
|
||||
}
|
||||
}
|
||||
//border-top: 1px solid var(--bs-border-color);
|
||||
padding: 2rem 0;
|
||||
|
||||
&:nth-child(even) {
|
||||
background: rgba(var(--bs-body-color-rgb),0.025);
|
||||
}
|
||||
.col-md-6 {
|
||||
//padding: 4rem;
|
||||
}
|
||||
.col-img {
|
||||
text-align: center;
|
||||
}
|
||||
img {
|
||||
max-height: 300px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 0rem;
|
||||
color: var(--bs-blue);
|
||||
text-align:center;
|
||||
line-height:2.1rem;
|
||||
|
||||
a {
|
||||
font-size:1.4rem;
|
||||
color:var(--bs-body-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1rem;
|
||||
color: #999;
|
||||
line-height: 2.1rem;
|
||||
padding:1rem 2rem 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
.showcase-3 {
|
||||
|
||||
.feature {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height:100%;
|
||||
-webkit-box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb),.1);
|
||||
box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb),.1);
|
||||
border: 1px solid var(--bs-border-color);
|
||||
padding:2rem 1rem;
|
||||
border-radius:7px;
|
||||
margin:0.5rem;
|
||||
margin-bottom:1rem;
|
||||
background-color:var(--bs-body-bg);
|
||||
//border: 1px solid var(--bs-light-border-subtle);
|
||||
|
||||
.text {
|
||||
padding:1rem 1rem 1rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
.font-container {
|
||||
margin-bottom:1.5rem;
|
||||
|
||||
.font-icon {
|
||||
background-color:var(--bs-primary);
|
||||
color:var(--bs-light);
|
||||
|
||||
font-size:4rem;
|
||||
padding:1.4rem;
|
||||
border-radius:70px;
|
||||
|
||||
}
|
||||
}
|
||||
//border-top: 1px solid var(--bs-border-color);
|
||||
padding: 2rem 0;
|
||||
|
||||
&:nth-child(even) {
|
||||
//background: rgba(var(--bs-body-color-rgb),0.025);
|
||||
}
|
||||
.col-md-6 {
|
||||
//padding: 4rem;
|
||||
}
|
||||
.col-img {
|
||||
text-align: center;
|
||||
}
|
||||
img {
|
||||
max-height: 300px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: auto;
|
||||
color: var(--bs-body-color);
|
||||
text-align:center;
|
||||
font-size:1.1rem;
|
||||
font-weight:600;
|
||||
//line-height:1.8rem;
|
||||
padding:0 0.5rem;
|
||||
|
||||
a {
|
||||
font-size:1.2rem;
|
||||
color:var(--bs-body-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1rem;
|
||||
color: var(--bs-secondary);
|
||||
line-height: 1.9rem;
|
||||
padding:0.5rem 1rem 0;
|
||||
margin:0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
.showcase-4 {
|
||||
.feature {
|
||||
background-color:var(--bs-light);
|
||||
padding:2rem 0;
|
||||
border-radius:7px;
|
||||
margin:0.2rem;
|
||||
}
|
||||
|
||||
.font-container {
|
||||
margin-bottom:2.1rem;
|
||||
|
||||
.font-icon {
|
||||
background-color:var(--bs-white);
|
||||
color:var(--bs-primary);
|
||||
|
||||
font-size:4rem;
|
||||
padding:1rem;
|
||||
border-radius:60px;
|
||||
|
||||
}
|
||||
}
|
||||
//border-top: 1px solid var(--bs-border-color);
|
||||
padding: 2rem 0;
|
||||
|
||||
&:nth-child(even) {
|
||||
background: rgba(var(--bs-body-color-rgb),0.025);
|
||||
}
|
||||
.col-md-6 {
|
||||
//padding: 4rem;
|
||||
}
|
||||
.col-img {
|
||||
text-align: center;
|
||||
}
|
||||
img {
|
||||
max-height: 300px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 0rem;
|
||||
color:var(--bs-body-color);
|
||||
text-align:center;
|
||||
line-height:1.8rem;
|
||||
|
||||
a {
|
||||
font-size:1.4rem;
|
||||
font-weight: 600;
|
||||
color:var(--bs-body-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
color:var(--bs-body-color);
|
||||
|
||||
&.more {
|
||||
font-size:0.8rem;
|
||||
text-align:center;
|
||||
|
||||
&:hover{
|
||||
color:var(--bs-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1rem;
|
||||
color:var(--bs-gray);
|
||||
line-height: 1.8rem;
|
||||
text-align:center;
|
||||
padding:1.5rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
.showcase-5 {
|
||||
|
||||
|
||||
.feature {
|
||||
-webkit-box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb),.1);
|
||||
box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb),.1);
|
||||
padding:1rem 0 0;
|
||||
border-radius:7px;
|
||||
}
|
||||
|
||||
.font-container {
|
||||
margin-bottom:0rem;
|
||||
|
||||
.font-icon {
|
||||
color:var(--bs-primary);
|
||||
|
||||
font-size:4rem;
|
||||
padding:1.4rem;
|
||||
border-radius:60px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
padding: 2rem 0;
|
||||
|
||||
.col-md-6 {
|
||||
//padding: 4rem;
|
||||
}
|
||||
.col-img {
|
||||
text-align: center;
|
||||
}
|
||||
img {
|
||||
max-height: 300px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 0rem;
|
||||
color:var(--bs-body-color);
|
||||
text-align:center;
|
||||
line-height:1.8rem;
|
||||
|
||||
a {
|
||||
font-size:1.4rem;
|
||||
color:var(--bs-body-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
color:var(--bs-gray);
|
||||
|
||||
&.more {
|
||||
margin-right:2rem;
|
||||
text-align:right;
|
||||
font-size:0.9rem;
|
||||
|
||||
&:hover{
|
||||
color:var(--bs-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 0.9rem;
|
||||
color:var(--bs-gray);
|
||||
line-height: 1.4rem;
|
||||
padding:2rem;
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
.showcase-6 {
|
||||
padding: 2rem 0;
|
||||
|
||||
.feature {
|
||||
-webkit-box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb),.1);
|
||||
box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb),.1);
|
||||
padding:1rem 0;
|
||||
border-radius:7px;
|
||||
display:flex;
|
||||
|
||||
.text {
|
||||
padding:1rem 1rem 1rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
.font-container {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 80px;
|
||||
flex: 0 0 80px;
|
||||
|
||||
.font-icon {
|
||||
color:var(--bs-primary);
|
||||
|
||||
font-size:5rem;
|
||||
padding:1.4rem;
|
||||
border-radius:60px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.col-md-6 {
|
||||
//padding: 4rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 1rem;
|
||||
color:var(--bs-body-color);
|
||||
line-height:1.8rem;
|
||||
|
||||
a {
|
||||
font-size:1.4rem;
|
||||
color:var(--bs-body-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
color:var(--bs-gray);
|
||||
|
||||
&.more {
|
||||
font-size:0.9rem;
|
||||
i {
|
||||
color:var(--bs-primary);
|
||||
}
|
||||
|
||||
&:hover{
|
||||
color:var(--bs-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 0.9rem;
|
||||
color:var(--bs-gray);
|
||||
line-height: 1.7rem;
|
||||
margin-bottom:1rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
.showcase-7 {
|
||||
padding: 2rem 0;
|
||||
|
||||
.feature {
|
||||
-webkit-box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb),.1);
|
||||
box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb),.1);
|
||||
border-radius:7px;
|
||||
display:flex;
|
||||
|
||||
.text {
|
||||
padding:1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.font-container {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 80px;
|
||||
flex: 0 0 80px;
|
||||
display:flex;
|
||||
background:var(--bs-light);
|
||||
|
||||
.font-icon {
|
||||
color:var(--bs-primary);
|
||||
margin:auto;
|
||||
|
||||
font-size:5rem;
|
||||
padding:1.4rem;
|
||||
border-radius:60px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.col-md-6 {
|
||||
//padding: 4rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 1rem;
|
||||
color:var(--bs-body-color);
|
||||
line-height:1.4rem;
|
||||
|
||||
a {
|
||||
font-size:1.4rem;
|
||||
line-height:2.1rem;
|
||||
color:var(--bs-body-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
color:var(--bs-gray);
|
||||
|
||||
&.more {
|
||||
font-size:0.9rem;
|
||||
i {
|
||||
color:var(--bs-primary);
|
||||
}
|
||||
|
||||
&:hover{
|
||||
color:var(--bs-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 0.9rem;
|
||||
color:var(--bs-gray);
|
||||
line-height: 1.7rem;
|
||||
margin-bottom:1rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,74 @@
|
||||
.showcase-8 {
|
||||
padding: 2rem 0;
|
||||
|
||||
.feature {
|
||||
-webkit-box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb),.1);
|
||||
box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb),.1);
|
||||
border-radius:7px;
|
||||
display:flex;
|
||||
|
||||
.text {
|
||||
padding:2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.font-container {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 210px;
|
||||
flex: 0 0 210px;
|
||||
display:flex;
|
||||
background:var(--bs-light);
|
||||
|
||||
.font-icon {
|
||||
color:var(--bs-primary);
|
||||
margin:auto;
|
||||
|
||||
font-size:7rem;
|
||||
padding:1.4rem;
|
||||
border-radius:60px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.col-md-6 {
|
||||
//padding: 4rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-bottom: 2rem;
|
||||
color:var(--bs-body-color);
|
||||
line-height:1.4rem;
|
||||
|
||||
a {
|
||||
font-size:2.7rem;
|
||||
line-height:3.5rem;
|
||||
color:var(--bs-body-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
color:var(--bs-gray);
|
||||
|
||||
&.more {
|
||||
font-size:0.9rem;
|
||||
color:var(--bs-primary);
|
||||
|
||||
i {
|
||||
color:var(--bs-primary);
|
||||
}
|
||||
|
||||
&:hover{
|
||||
color:var(--bs-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1rem;
|
||||
color:var(--bs-gray);
|
||||
line-height: 1.4rem;
|
||||
margin-bottom:1rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
.subscribe-1, .subscribe-2 , .subscribe-3 , .subscribe-4 , .subscribe-5 {
|
||||
background-color: var(--bs-tertiary-bg);
|
||||
padding:4rem 0;
|
||||
|
||||
.form-control{
|
||||
height:70px;
|
||||
background-color:inherit;
|
||||
border-width:2px;
|
||||
}
|
||||
|
||||
.form-control:focus{
|
||||
}
|
||||
|
||||
.search button{
|
||||
top:10px;
|
||||
height:50px;
|
||||
right:10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
16
static/Vvvebjs/demo/landing/scss/sections/team/team-1.scss
Normal file
16
static/Vvvebjs/demo/landing/scss/sections/team/team-1.scss
Normal file
@@ -0,0 +1,16 @@
|
||||
.social-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #666;
|
||||
border-radius: 50%;
|
||||
transition: all 0.3s;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.social-link:hover, .social-link:focus {
|
||||
background: var(--bs-border-color);
|
||||
text-decoration: none;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
68
static/Vvvebjs/demo/landing/scss/sections/team/team-2.scss
Normal file
68
static/Vvvebjs/demo/landing/scss/sections/team/team-2.scss
Normal file
@@ -0,0 +1,68 @@
|
||||
.team-2 {
|
||||
.container {
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
position: relative;
|
||||
bottom: 11px
|
||||
}
|
||||
|
||||
.profile {
|
||||
margin:2rem 0;
|
||||
img {
|
||||
padding:1rem 3rem;
|
||||
max-width:100%;
|
||||
border-radius: 50%
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
border-radius: 15px;
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
box-shadow: 0 10px 20px rgba(var(--bs-body-color-rgb), .2)
|
||||
}
|
||||
|
||||
.card-body {
|
||||
position: relative;
|
||||
bottom: 35px
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-top: 36px;
|
||||
margin-bottom: 45px;
|
||||
background-color: #AB47BC;
|
||||
border: none;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
-webkit-transform: scale(1.05);
|
||||
-ms-transform: scale(1.05);
|
||||
transform: scale(1.05);
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.header {
|
||||
padding-top: 40px
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.social-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #666;
|
||||
border-radius: 50%;
|
||||
transition: all 0.3s;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.social-link:hover, .social-link:focus {
|
||||
background: var(--bs-border-color);
|
||||
text-decoration: none;
|
||||
color: #555;
|
||||
}
|
||||
58
static/Vvvebjs/demo/landing/scss/sections/team/team-3.scss
Normal file
58
static/Vvvebjs/demo/landing/scss/sections/team/team-3.scss
Normal file
@@ -0,0 +1,58 @@
|
||||
.team2 {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
color: #8d97ad;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.team2 h1,
|
||||
.team2 h2,
|
||||
.team2 h3,
|
||||
.team2 h4,
|
||||
.team2 h5,
|
||||
.team2 h6 {
|
||||
color: #3e4555;
|
||||
}
|
||||
|
||||
.team2 h5 {
|
||||
line-height: 22px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.team2 .font-weight-medium {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.team2 .subtitle {
|
||||
color: #8d97ad;
|
||||
line-height: 24px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.team2 .pro-pic {
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
.team2 .pro-pic .card-img-overlay {
|
||||
background: rgba(26, 139, 243, 0.87);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.team2 .pro-pic .card-img-overlay ul {
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.team2 .pro-pic .card-img-overlay ul li a {
|
||||
-webkit-transition: 0.1s ease-in;
|
||||
-o-transition: 0.1s ease-in;
|
||||
transition: 0.1s ease-in;
|
||||
}
|
||||
|
||||
.team2 .pro-pic .card-img-overlay ul li a:hover {
|
||||
-webkit-transform: translate3d(0px, -5px, 0px);
|
||||
transform: translate3d(0px, -5px, 0px);
|
||||
}
|
||||
|
||||
.team2 .pro-pic:hover .card-img-overlay {
|
||||
display: block;
|
||||
}
|
||||
|
||||
61
static/Vvvebjs/demo/landing/scss/sections/team/team-4.scss
Normal file
61
static/Vvvebjs/demo/landing/scss/sections/team/team-4.scss
Normal file
@@ -0,0 +1,61 @@
|
||||
.team3 {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
color: #8d97ad;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.team3 h1,
|
||||
.team3 h2,
|
||||
.team3 h3,
|
||||
.team3 h4,
|
||||
.team3 h5,
|
||||
.team3 h6 {
|
||||
color: #3e4555;
|
||||
}
|
||||
|
||||
.team3 .font-weight-medium {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.team3 .bg-body-secondary {
|
||||
background-color: #f4f8fa !important;
|
||||
}
|
||||
|
||||
.team3 .subtitle {
|
||||
color: #8d97ad;
|
||||
line-height: 24px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.team3 ul {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.team3 h5 {
|
||||
line-height: 22px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.team3 ul li a {
|
||||
color: #8d97ad;
|
||||
padding-right: 15px;
|
||||
-webkit-transition: 0.1s ease-in;
|
||||
-o-transition: 0.1s ease-in;
|
||||
transition: 0.1s ease-in;
|
||||
}
|
||||
|
||||
.team3 ul li a:hover {
|
||||
-webkit-transform: translate3d(0px, -5px, 0px);
|
||||
transform: translate3d(0px, -5px, 0px);
|
||||
color: #316ce8;
|
||||
}
|
||||
|
||||
.team3 .title {
|
||||
margin: 30px 0 0 0;
|
||||
}
|
||||
|
||||
.team3 .subtitle {
|
||||
margin: 0 0 20px 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
.card.border-1 {
|
||||
border-color:rgba(var(--bs-body-color-rgb),0.05);
|
||||
}
|
||||
15
static/Vvvebjs/demo/landing/scss/sections/team/team-6.scss
Normal file
15
static/Vvvebjs/demo/landing/scss/sections/team/team-6.scss
Normal file
@@ -0,0 +1,15 @@
|
||||
.social-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #666;
|
||||
border-radius: 50%;
|
||||
transition: all 0.3s;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.social-link:hover, .social-link:focus {
|
||||
background: var(--bs-border-color);
|
||||
text-decoration: none;
|
||||
color: #555;
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
.testimonials-1 {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
//color: #8d97ad;
|
||||
font-weight: 300;
|
||||
padding:3rem;
|
||||
}
|
||||
|
||||
.testimonials-1 h3 {
|
||||
line-height: 22px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.testimonials-1 .subtitle {
|
||||
// color: #8d97ad;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.testimonials-1 .testimonial {
|
||||
padding:3rem 1.5rem;
|
||||
background-color:var(--bs-body-bg);
|
||||
box-shadow:0 0.1rem 0.5rem rgba(var(--bs-body-color-rgb), 0.15)
|
||||
}
|
||||
|
||||
.testimonials-1 .testimonial .bg {
|
||||
background-size: cover;
|
||||
padding: 150px 0;
|
||||
}
|
||||
@@ -0,0 +1,58 @@
|
||||
.testimonials-2 {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
color: #8d97ad;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.testimonials-2 h1,
|
||||
.testimonials-2 h2,
|
||||
.testimonials-2 h3,
|
||||
.testimonials-2 h4,
|
||||
.testimonials-2 h5,
|
||||
.testimonials-2 h6 {
|
||||
color: #3e4555;
|
||||
}
|
||||
|
||||
.testimonials-2 .font-weight-medium {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.testimonials-2 .subtitle {
|
||||
color: #8d97ad;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.testimonials-2 .testimonial .quote-bg {
|
||||
max-width: 800px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 60px;
|
||||
background: url(images/testimonial/up-quote.png) no-repeat top left, url(images/testimonial/down-quote.png) no-repeat bottom right;
|
||||
}
|
||||
|
||||
.testimonials-2 .testimonial h3 {
|
||||
line-height: 40px;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.testimonials-2 .testimonial .user-thumb img {
|
||||
width: 60px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.testimonials-2 .testimonial h3 {
|
||||
line-height: 30px;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.testimonials-2.bg-success-gradiant {
|
||||
background: #2cdd9b;
|
||||
background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
|
||||
background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
|
||||
background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
|
||||
background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
|
||||
background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);
|
||||
}
|
||||
@@ -0,0 +1,50 @@
|
||||
.testimonials-3 {
|
||||
color: #8d97ad;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.testimonials-3 h1,
|
||||
.testimonials-3 h2,
|
||||
.testimonials-3 h3,
|
||||
.testimonials-3 h4,
|
||||
.testimonials-3 h5,
|
||||
.testimonials-3 h6 {
|
||||
color: #3e4555;
|
||||
}
|
||||
|
||||
.testimonials-3 .testimonial .card-body {
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.testimonials-3 .testimonial h6 {
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.testimonials-3 .testimonial .thumb-img img {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.testimonials-3 .testimonial .user {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.testimonials-3 .card.card-shadow {
|
||||
-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
|
||||
box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
|
||||
}
|
||||
|
||||
|
||||
.testimonials-3 .text-success {
|
||||
color: #2cdd9b !important;
|
||||
}
|
||||
|
||||
.testimonials-3 .text-muted {
|
||||
color: #8d97ad !important;
|
||||
}
|
||||
|
||||
.testimonials-3 .owl-theme .owl-dots .owl-dot.active span,
|
||||
.testimonials-3 .owl-theme .owl-dots .owl-dot:hover span {
|
||||
background: #316ce8;
|
||||
}
|
||||
@@ -0,0 +1,105 @@
|
||||
.testimonials-5 {
|
||||
.carousel {
|
||||
width: 650px;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 50px
|
||||
}
|
||||
|
||||
.carousel .item {
|
||||
color: #999;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
min-height: 340px
|
||||
}
|
||||
|
||||
.carousel .item a {
|
||||
color: #eb7245
|
||||
}
|
||||
|
||||
.carousel .img-box {
|
||||
width: 145px;
|
||||
height: 145px;
|
||||
margin: 0 auto;
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.carousel .img-box img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.carousel .testimonial {
|
||||
padding: 30px 0 10px
|
||||
}
|
||||
|
||||
.testimonial {
|
||||
color: #000000;
|
||||
font: Times Roman
|
||||
}
|
||||
|
||||
.carousel .overview {
|
||||
text-align: center;
|
||||
padding-bottom: 5px
|
||||
}
|
||||
|
||||
.carousel .overview b {
|
||||
color: var(--bs-body-color);
|
||||
font-size: 15px;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
padding-bottom: 5px
|
||||
}
|
||||
|
||||
.carousel .star-rating i {
|
||||
font-size: 18px;
|
||||
color: #ffdc12
|
||||
}
|
||||
|
||||
.carousel .carousel-control {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
background: #999;
|
||||
text-shadow: none;
|
||||
top: 4px
|
||||
}
|
||||
|
||||
.carousel-control i {
|
||||
font-size: 20px;
|
||||
margin-right: 2px
|
||||
}
|
||||
|
||||
.carousel-control.left {
|
||||
left: auto;
|
||||
right: 40px
|
||||
}
|
||||
|
||||
.carousel-control.right i {
|
||||
margin-right: -2px
|
||||
}
|
||||
|
||||
.carousel .carousel-indicators {
|
||||
bottom: 15px
|
||||
}
|
||||
|
||||
.carousel-indicators li,
|
||||
.carousel-indicators li.active {
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
margin: 1px 5px;
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
background: #e2e2e2;
|
||||
border-color: transparent
|
||||
}
|
||||
|
||||
.carousel-indicators li.active {
|
||||
border: none;
|
||||
background: #888
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user