init
This commit is contained in:
@@ -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