Skip to content

Commit

Permalink
update v1.0.1
Browse files Browse the repository at this point in the history 
multiple templates for testimonials
  • Loading branch information
@DelvisTovar
DelvisTovar authored Jul 20, 2022
1 parent 54e5da6 commit 4a365e5
Show file tree
Hide file tree
Showing 2 changed files with 347 additions and 6 deletions.
261 changes: 261 additions & 0 deletions public/css/w-dt.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ body {
padding: 60px 0;
}

/* view 1 */
.section-title {
font-size: 28px;
margin-bottom: 20px;
Expand Down Expand Up @@ -242,3 +243,263 @@ body {
}
}

/* view 2 */

.testimonials2 {
padding: 100px 0;
}
.testimonials2 h3 {
margin-bottom: 20px;
}
.testimonials2 .card {
border-bottom: 3px #007bff solid !important;
transition: 0.5s;
margin-top: 60px;
}
.testimonials2 .card i {
background-color: #007bff;
color: #ffffff;
width: 75px;
height: 75px;
line-height: 75px;
margin: -40px auto 0 auto;
}

/* view 3 */

.heading {
text-align: center;
color: #454343;
font-size: 30px;
font-weight: 700;
position: relative;
margin-bottom: 70px;
text-transform: uppercase;
z-index: 999;
}
.white-heading{
color: #ffffff;
}
.heading:after {
content: ' ';
position: absolute;
top: 100%;
left: 50%;
height: 40px;
width: 180px;
border-radius: 4px;
transform: translateX(-50%);
background: url(img/heading-line.png);
background-repeat: no-repeat;
background-position: center;
}
.white-heading:after {
background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
background-repeat: no-repeat;
background-position: center;
}

.heading span {
font-size: 18px;
display: block;
font-weight: 500;
}
.white-heading span {
color: #ffffff;
}
/*-----Testimonial-------*/

.testimonial3:after {
position: absolute;
top: -0 !important;
left: 0;
content: " ";
background: url(img/testimonial.bg-top.png);
background-size: 100% 100px;
width: 100%;
height: 100px;
float: left;
z-index: 99;
}

.testimonial3 {
min-height: 375px;
position: relative;
background: url(https://i.ibb.co/PTJDkgb/testimonials.jpg);
padding-top: 50px;
padding-bottom: 50px;
background-position: center;
background-size: cover;
}
#testimonial3 .carousel-inner:hover{
cursor: -moz-grab;
cursor: -webkit-grab;
}
#testimonial3 .carousel-inner:active{
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
#testimonial3 .carousel-inner .item{
overflow: hidden;
}

.testimonial3_indicators .carousel-indicators{
left: 0;
margin: 0;
width: 100%;
font-size: 0;
height: 20px;
bottom: 15px;
padding: 0 5px;
cursor: e-resize;
overflow-x: auto;
overflow-y: hidden;
position: absolute;
text-align: center;
white-space: nowrap;
}
.testimonial3_indicators .carousel-indicators li{
padding: 0;
width: 14px;
height: 14px;
border: none;
text-indent: 0;
margin: 2px 3px;
cursor: pointer;
display: inline-block;
background: #ffffff;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.testimonial3_indicators .carousel-indicators .active{
padding: 0;
width: 14px;
height: 14px;
border: none;
margin: 2px 3px;
background-color: #9dd3af;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.testimonial3_indicators .carousel-indicators::-webkit-scrollbar{
height: 3px;
}
.testimonial3_indicators .carousel-indicators::-webkit-scrollbar-thumb{
background: #eeeeee;
-webkit-border-radius: 0;
border-radius: 0;
}

.testimonial3_control_button .carousel-control{
top: 175px;
opacity: 1;
width: 40px;
bottom: auto;
height: 40px;
font-size: 10px;
cursor: pointer;
font-weight: 700;
overflow: hidden;
line-height: 38px;
text-shadow: none;
text-align: center;
position: absolute;
background: transparent;
border: 2px solid #ffffff;
text-transform: uppercase;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial3_control_button .carousel-control-prev{
left: 7%;
top: 50%;
right: auto;
background-color:transparent;
}
.testimonial3_control_button .carousel-control-next{
right: 7%;
top: 50%;
left: auto;
background-color:transparent;
}
.testimonial3_control_button .carousel-control-next:hover,
.testimonial3_control_button .carousel-control-prev:hover,
.testimonial3_control_button .carousel-control-prev:active,
.testimonial3_control_button .carousel-control-next:active{
color: #000;
background: transparent;
/*border: 2px solid #fff;*/
}

.testimonial3_header{
top: 0;
left: 0;
bottom: 0;
width: 550px;
display: block;
margin: 30px auto;
text-align: center;
position: relative;
}
.testimonial3_header h4{
color: #ffffff;
font-size: 30px;
font-weight: 600;
position: relative;
letter-spacing: 1px;
text-transform: uppercase;
}

.testimonial3_slide{
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 70%;
margin: auto;
padding: 20px;
position: relative;
text-align: center;
}
.testimonial3_slide img {
top: 0;
left: 0;
right: 0;
width: 136px;
height: 136px;
margin: auto;
display: block;
color: #f2f2f2;
font-size: 18px;
line-height: 46px;
text-align: center;
position: relative;
border-radius: 50%;
box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
-moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
-o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
-webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}
.testimonial3_slide p {
color: #ffffff;
font-size: 20px;
line-height: 1.4;
margin: 40px 0 20px 0;
}
.testimonial3_slide h4 {
color: #ffffff;
font-size: 22px;
}

.testimonial3 .carousel {
padding-bottom:50px;
}
.testimonial3 .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
width: 35px;
height: 35px;
}
/* ------testimonial close-------*/
Loading

0 comments on commit 4a365e5

Please sign in to comment.