Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* testimonial */
- .testimonials{
- margin-top: 20%;
- margin-bottom: 10%;
- }
- .testi-title h1{
- font-family: Helvetica;
- font-style: normal;
- font-weight: bold;
- font-size: 24px;
- line-height: 36px;
- color: #000000;
- }
- .testi-title p{
- font-family: Helvetica;
- font-style: normal;
- font-weight: 300;
- font-size: 14px;
- line-height: 20px;
- color: #000000;
- }
- .shadow-effect {
- background: #F1F3FF;
- padding: 10px;
- border-radius: 4px;
- text-align: center;
- box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
- border-radius: 8px;
- }
- #testimonials-list .shadow-effect p {
- font-family: Helvetica;
- font-style: normal;
- font-weight: 300;
- font-size: 14px;
- line-height: 20px;
- color: #000000;
- flex: none;
- order: 1;
- flex-grow: 0;
- margin: 8px 0px;
- }
- .testimonial-name {
- margin: -17px auto 0;
- display: table;
- width: auto;
- background: #0D28A6;
- padding: 9px 35px;
- border-radius: 12px;
- text-align: center;
- color: #fff;
- box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
- }
- #testimonials-list .item {
- text-align: center;
- /* padding: 50px; */
- margin-bottom:80px;
- opacity: .3;
- -webkit-transform: scale3d(0.8, 0.8, 1);
- transform: scale3d(0.8, 0.8, 1);
- transition: all 0.3s ease-in-out;
- }
- #testimonials-list .owl-item.active.center .item {
- opacity: 1;
- -webkit-transform: scale3d(1.0, 1.0, 1);
- transform: scale3d(1.0, 1.0, 1);
- }
- .owl-carousel .owl-item img {
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
- max-width: 90px;
- border-radius: 50%;
- margin: 0 auto 17px;
- }
- #testimonials-list.owl-carousel .owl-dots .owl-dot.active span,
- #testimonials-list.owl-carousel .owl-dots .owl-dot:hover span {
- background: #0D28A6;
- -webkit-transform: translate3d(0px, -50%, 0px) scale(0.7);
- transform: translate3d(0px, -50%, 0px) scale(0.7);
- }
- #testimonials-list.owl-carousel .owl-dots{
- display: inline-block;
- width: 100%;
- text-align: center;
- }
- #testimonials-list.owl-carousel .owl-dots .owl-dot{
- display: inline-block;
- }
- #testimonials-list.owl-carousel .owl-dots .owl-dot span {
- background: #0D28A6;
- display: inline-block;
- height: 20px;
- margin: 0 2px 5px;
- -webkit-transform: translate3d(0px, -50%, 0px) scale(0.3);
- transform: translate3d(0px, -50%, 0px) scale(0.3);
- -webkit-transform-origin: 50% 50% 0;
- transform-origin: 50% 50% 0;
- transition: all 250ms ease-out 0s;
- width: 20px;
- border-radius: 100%;
- }
- .card{
- width: 100%;
- height: auto;
- }
- .card-body-blue{
- width: 100%;
- height: 280px;
- background: #0D28A6;
- border-radius: 13px;
- }
- .card-title {
- font-family: Helvetica;
- font-style: normal;
- font-weight: bold;
- font-size: 36px;
- line-height: 150%;
- text-align: center;
- color: #FFFFFF;
- margin: 30px;
- }
- .card-body-blue p{
- font-family: Helvetica;
- font-style: normal;
- font-weight: 300;
- font-size: 14px;
- line-height: 20px;
- text-align: center;
- color: #FFFFFF;
- }
- .tombol{
- margin-top: 0;
- }
- @media screen and (max-width: 768px){
- .card-body-blue{
- width: 100%;
- height: 100%;
- top: auto;
- background: #0D28A6;
- border-radius: 13px;
- padding-bottom: 30px;
- }
- .card-title {
- font-family: Helvetica;
- font-style: normal;
- font-weight: bold;
- font-size: 24px;
- line-height: 150%;
- text-align: center;
- color: #FFFFFF;
- margin: 30px;
- }
- .card-body-blue p{
- font-family: Helvetica;
- font-style: normal;
- font-weight: 300;
- font-size: 14px;
- line-height: 20px;
- text-align: center;
- color: #FFFFFF;
- padding-left: 15px;
- padding-right: 15px;
- }
- .tombol{
- margin-bottom: 20px;
- }
- }
- /* end testimonial */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement