ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro_simple / src / scss / Tbf /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : _section-06.scss \| Size : 5.06 KB
.section-6{ min-height: 100vh; display: flex; align-items: center; padding: 80px 80px 250px 80px; overflow: hidden; @media(max-width: 799px){ padding: 60px 60px 200px 60px; } @media(max-width: 670px){ padding: 50px 50px 150px 50px; } .content-section{ max-width: 100%; .title{ font-style: normal; font-weight: normal; font-size: 48px; line-height: 120%; text-align: center; color: #FFFFFF; width: 100%; max-width: 765px; margin: 0 auto 40px; @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1280px){ font-size: 37px; } @media(max-width: 959px){ font-size: 36px; } @media(max-width: 799px){ font-size: 30px; } @media(max-width: 670px){ font-size: 28px; } span{ color: $yellow; display: block; width: 100%; } } .list-testimonials{ padding-left: 0; .swiper-container{ overflow: initial; } .swiper { width: 100%; padding: 10px; padding-bottom: 40px; .swiper-slide{ display: flex; background: #2E2D2D; border-radius: 23px; padding: 75px 65px 75px 70px; max-width: 716px; width: 100%; height: 478px; @media(max-width: 1439px){ max-width: 715px; height: 478px; padding: 75px 65px; } @media(max-width: 1365px){ height: 387px; max-width: 580px; padding: 60px 50px; } @media(max-width: 799px){ max-width: 460px; height: 310px; padding: 45px 40px; } @media(max-width: 670px){ width: 300px; height: initial; padding: 30px 30px; } &.swiper-slide-active{ .image-review{ img{filter: grayscale(0%);} } } &.swiper-slide-prev{ cursor: pointer; } &.swiper-slide-next{ cursor: pointer; } &:hover{ .image-review{ img{filter: grayscale(0%);} } } } } .content-testimonial{ display: flex; @media(max-width: 670px){ flex-direction: column-reverse; justify-content: space-between; } .data{ display: flex; flex-direction: column; margin-right: 80px; flex: 1; @media(max-width: 959px){ margin-right: 50px; } @media(max-width: 670px){ margin-right: 0; } .message{ font-size: 16px; line-height: 24px; color: #fff; flex: 1; @media(max-width: 1439px){ font-size: 16px; line-height: 24px; } @media(max-width: 1365px){ font-size: 14px; line-height: 1.5; } @media(max-width: 959px){ font-size: 13px; } @media(max-width: 799px){ font-size: 12px; } @media(max-width: 670px){ font-size: 14px; text-align: center; margin-bottom: 30px; margin-top: 20px; } } .icon-review{ margin-bottom: 25px; @media(max-width: 800px){ margin-bottom: 20px; img{ width: 20px; } } @media(max-width: 670px){ text-align: center; } } .name{ font-size: 14px; color: #fff; margin-bottom: 9px; @media(max-width: 1439px){ font-size: 14px; } @media(max-width: 1365px){ font-size: 12px; } @media(max-width: 670px){ font-size: 14px; text-align: center; } } .job{ color: $lightGrey; font-size: 14px; @media(max-width: 1439px){ font-size: 14px; } @media(max-width: 1365px){ font-size: 12px; } @media(max-width: 670px){ font-size: 14px; text-align: center; } } } .image-review{ min-width: 235px; width: 235px; @media(max-width: 1439px){ min-width: 235px; width: 235px; } @media(max-width: 1365px){ min-width: 160px; width: 160px; } @media(max-width: 799px){ min-width: 120px; width: 120px; } @media(max-width: 670px){ height: 120px; min-width: initial; width: 100%; } @media(max-width: 450px){ height: 180px; img{ object-position: top; } } img{ width: 100%; height: 100%; object-fit: cover; border-radius: 10px; filter: grayscale(100%); } } } } .description{ margin: 0 auto; width: 100%; max-width: 754px; font-size: 20px; font-style: normal; font-weight: 400; line-height: 36px; letter-spacing: 0em; text-align: center; color: #E5E5E5; opacity: 0.6; @media(max-width: 1439px){ font-size: 18px; line-height: 29px; } @media(max-width: 1365px){ font-size: 16px; line-height: 29px; } @media(max-width: 1279px){ font-size: 14px; line-height: 25px; } @media(max-width: 959px){ font-size: 16px; line-height: 26px; } @media(max-width: 799px){ font-size: 14px; line-height: 21px; } @media(max-width: 670px){ font-size: 18px; line-height: 28px; } } } .container-section-mobile{ max-width: 100%; min-height: initial !important; } } Back

Edit File : _section-06.scss | Size : 5.06 KB

.section-6{
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding: 80px 80px 250px 80px;
	overflow: hidden;
	@media(max-width: 799px){
		padding: 60px 60px 200px 60px;
	}
	@media(max-width: 670px){
		padding: 50px 50px 150px 50px;
	}
	.content-section{
		max-width: 100%;
		.title{
			font-style: normal;
			font-weight: normal;
			font-size: 48px;
			line-height: 120%;
			text-align: center;
			color: #FFFFFF;
			width: 100%;
			max-width: 765px;
			margin: 0 auto 40px;
			@media(max-width: 1365px){
				font-size: 40px;
			}
			@media(max-width: 1280px){
				font-size: 37px;
			}
			@media(max-width: 959px){
				font-size: 36px;
			}
			@media(max-width: 799px){
				font-size: 30px;
			}
			@media(max-width: 670px){
				font-size: 28px;
			}
			span{
				color: $yellow;
				display: block;
				width: 100%;
			}
		}
		.list-testimonials{
			padding-left: 0;
			.swiper-container{
				overflow: initial;
			}
			.swiper {
				width: 100%;
				padding: 10px;
				padding-bottom: 40px;
				.swiper-slide{
					display: flex;
					background: #2E2D2D;
					border-radius: 23px;
					padding: 75px 65px 75px 70px;
					max-width: 716px;
					width: 100%;
					height: 478px;
					@media(max-width: 1439px){
						max-width: 715px;
						height: 478px;
						padding: 75px 65px;
					}
					@media(max-width: 1365px){
						height: 387px;
						max-width: 580px;
						padding: 60px 50px;
					}
					@media(max-width: 799px){
						max-width: 460px;
						height: 310px;
						padding: 45px 40px;
					}
					@media(max-width: 670px){
						width: 300px;
						height: initial;
						padding: 30px 30px;
					}
					&.swiper-slide-active{
						.image-review{
							img{filter: grayscale(0%);}
						}
					}
					&.swiper-slide-prev{
						cursor: pointer;
					}
					&.swiper-slide-next{
						cursor: pointer;
					}
					&:hover{
						.image-review{
							img{filter: grayscale(0%);}
						}
					}
				}
			}
			.content-testimonial{
				display: flex;
				@media(max-width: 670px){
					flex-direction: column-reverse;
					justify-content: space-between;
				}
				.data{
					display: flex;
					flex-direction: column;
					margin-right: 80px;
					flex: 1;
					@media(max-width: 959px){
						margin-right: 50px;
					}
					@media(max-width: 670px){
						margin-right: 0;
					}

.message{
						font-size: 16px;
						line-height: 24px;
						color: #fff;
						flex: 1;
						@media(max-width: 1439px){
							font-size: 16px;
							line-height: 24px;
						}
						@media(max-width: 1365px){
							font-size: 14px;
							line-height: 1.5;
						}
						@media(max-width: 959px){
							font-size: 13px;
						}
						@media(max-width: 799px){
							font-size: 12px;
						}
						@media(max-width: 670px){
							font-size: 14px;
							text-align: center;
							margin-bottom: 30px;
							margin-top: 20px;
						}

}
					.icon-review{
						margin-bottom: 25px;
						@media(max-width: 800px){
							margin-bottom: 20px;
							img{
								width: 20px;
							}
						}
						@media(max-width: 670px){
							text-align: center;
						}
					}
					.name{
						font-size: 14px;
						color: #fff;
						margin-bottom: 9px;
						@media(max-width: 1439px){
							font-size: 14px;
						}
						@media(max-width: 1365px){
							font-size: 12px;
						}
						@media(max-width: 670px){
							font-size: 14px;
							text-align: center;
						}
					}
					.job{
						color: $lightGrey;
						font-size: 14px;
						@media(max-width: 1439px){
							font-size: 14px;
						}
						@media(max-width: 1365px){
							font-size: 12px;
						}
						@media(max-width: 670px){
							font-size: 14px;
							text-align: center;
						}
					}
				}
				.image-review{
					min-width: 235px;
					width: 235px;
					@media(max-width: 1439px){
						min-width: 235px;
						width: 235px;
					}
					@media(max-width: 1365px){
						min-width: 160px;
						width: 160px;
					}
					@media(max-width: 799px){
						min-width: 120px;
						width: 120px;
					}
					@media(max-width: 670px){
						height: 120px;
						min-width: initial;
						width: 100%;
					}
					@media(max-width: 450px){
						height: 180px;
						img{
							object-position: top;
						}
					}
					img{
						width: 100%;
						height: 100%;
						object-fit: cover;
						border-radius: 10px;
						filter: grayscale(100%);
					}
				}
			}
		}
		.description{
			margin: 0 auto;
			width: 100%;
			max-width: 754px;
			font-size: 20px;
			font-style: normal;
			font-weight: 400;
			line-height: 36px;
			letter-spacing: 0em;
			text-align: center;
			color: #E5E5E5;
			opacity: 0.6;
			@media(max-width: 1439px){
				font-size: 18px;
				line-height: 29px;
			}
			@media(max-width: 1365px){
				font-size: 16px;
				line-height: 29px;
			}
			@media(max-width: 1279px){
				font-size: 14px;
				line-height: 25px;
			}
			@media(max-width: 959px){
				font-size: 16px;
				line-height: 26px;
			}
			@media(max-width: 799px){
				font-size: 14px;
				line-height: 21px;
			}
			@media(max-width: 670px){
				font-size: 18px;
				line-height: 28px;
			}
		}
	}

.container-section-mobile{
		max-width: 100%;
		min-height: initial !important;
	}
}

Back