ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro / resources / scss / TbfDigital /

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-18.scss \| Size : 3.86 KB
.section-18{ background: #F6F7F9; overflow: hidden; .container-section{ padding: 40px 0; min-height: 100vh; display: flex; align-items: center; } .container-section-mobile{ padding: 40px 0; min-height: 100vh; display: flex; align-items: center; @media(max-width: 640px){ padding: 40px 40px; } } .content-section{ max-width: 100%; .title{ padding-left: 120px; color: $black; font-size: 56px; line-height: 1.2; margin-bottom: 60px; @media(max-width: 1439px){ font-size: 48px; } @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } @media(max-width: 959px){ padding-left: 0; text-align: center; font-size: 36px; } @media(max-width: 799px){ font-size: 30px; } @media(max-width: 640px){ font-size: 32px; } } .list-features{ padding-left: 110px; @media(max-width: 959px){ padding-left: 0; } .swiper-container{ overflow: initial; } .swiper { width: 100%; padding: 10px; .swiper-slide{ display: flex; background: #FFF; border-radius: 23px; padding: 60px; max-width: 415px; width: 100%; height: 560px; @media(max-width: 1439px){ height: 480px; } @media(max-width: 1365px){ height: 420px; max-width: 350px; padding: 50px; } @media(max-width: 959px){ height: 335px; max-width: 300px; padding: 50px; } @media(max-width: 799px){ height: 320px; max-width: 225px; padding: 30px; border-radius: 12px; } @media(max-width: 640px){ max-width: 276px; height: 410px; } &.swiper-slide-active{ box-shadow: 1px 2px 9px 0px rgba(179, 184, 191, 0.46); .content-feature{ .icon-feature{ svg{ path{ stroke: $red; } } } } } &:hover{ box-shadow: 1px 2px 9px 0px rgba(179, 184, 191, 0.46); .content-feature{ .icon-feature{ svg{ path{ stroke: $red; } } } } } } } .content-feature{ .icon-feature{ height: 58px; width: 58px; margin-bottom: 65px; @media(max-width: 1439px){ height: 50px; width: 50px; margin-bottom: 56px; } @media(max-width: 1365px){ height: 40px; width: 40px; } @media(max-width: 959px){ height: 35px; width: 35px; margin-bottom: 30px; } @media(max-width: 799px){ width: 30px; height: 30px; } @media(max-width: 640px){ width: 40px; height: 40px; margin-bottom: 40px; } svg{ width: auto; height: 100%; } } .name{ font-weight: 400; font-size: 32px; line-height: 1.2; margin-bottom: 18px; color: $black; @media(max-width: 1439px){ font-size: 30px; } @media(max-width: 1365px){ font-size: 25px; } @media(max-width: 959px){ font-size: 22px; margin-bottom: 10px; } @media(max-width: 799px){ font-size: 18px; } @media(max-width: 640px){ font-size: 22px; } } .description{ color: $black; font-weight: 300; font-size: 21px; line-height: 1.61; @media(max-width: 1439px){ font-size: 18px; } @media(max-width: 1365px){ font-size: 15px; } @media(max-width: 959px){ font-size: 13px; } @media(max-width: 799px){ font-size: 12px; } @media(max-width: 640px){ font-size: 16px; } } .link-video{ color: #BDBDBD; font-size: 18px; @media(max-width: 1439px){ font-size: 16px; } @media(max-width: 959px){ font-size: 12px; } @media(max-width: 640px){ font-size: 16px; } } } } } } Back

Edit File : _section-18.scss | Size : 3.86 KB

.section-18{
	background: #F6F7F9;
	overflow: hidden;
	.container-section{
		padding: 40px 0;
		min-height: 100vh;
		display: flex;
		align-items: center;
	}
	.container-section-mobile{
		padding: 40px 0;
		min-height: 100vh;
		display: flex;
		align-items: center;
		@media(max-width: 640px){
			padding: 40px 40px; 
		}
	}
	.content-section{
		max-width: 100%;
		.title{
			padding-left: 120px;
			color: $black;
			font-size: 56px;
			line-height: 1.2;
			margin-bottom: 60px;
			@media(max-width: 1439px){
				font-size: 48px;
			}
			@media(max-width: 1365px){
				font-size: 40px;
			}
			@media(max-width: 1279px){
				font-size: 34px;
			}
			@media(max-width: 959px){
				padding-left: 0;
				text-align: center;
				font-size: 36px;
			}
			@media(max-width: 799px){
				font-size: 30px;
			}
			@media(max-width: 640px){
				font-size: 32px;
			}
		}
		.list-features{
			padding-left: 110px;
			@media(max-width: 959px){
				padding-left: 0;
			}
			.swiper-container{
				overflow: initial;
			}
			.swiper {
				width: 100%;
				padding: 10px;
				.swiper-slide{
					display: flex;
					background: #FFF;
					border-radius: 23px;
					padding: 60px;
					max-width: 415px;
					width: 100%;
					height: 560px;
					@media(max-width: 1439px){
						height: 480px;
					}
					@media(max-width: 1365px){
						height: 420px;
						max-width: 350px;
						padding: 50px;
					}
					@media(max-width: 959px){
						height: 335px;
						max-width: 300px;
						padding: 50px;
					}
					@media(max-width: 799px){
						height: 320px;
						max-width: 225px;
						padding: 30px;
						border-radius: 12px;
					}
					@media(max-width: 640px){
						max-width: 276px;
						height: 410px;
					}
					&.swiper-slide-active{
						box-shadow: 1px 2px 9px 0px rgba(179, 184, 191, 0.46);
						.content-feature{
							.icon-feature{
								svg{
									path{
										stroke: $red;
									}
								}
							}
						}
					}
					&:hover{
						box-shadow: 1px 2px 9px 0px rgba(179, 184, 191, 0.46);
						.content-feature{
							.icon-feature{
								svg{
									path{
										stroke: $red;
									}
								}
							}
						}
					}
				}
			}
			.content-feature{
				.icon-feature{
					height: 58px;
					width: 58px;
					margin-bottom: 65px;
					@media(max-width: 1439px){
						height: 50px;
						width: 50px;
						margin-bottom: 56px;
					}
					@media(max-width: 1365px){
						height: 40px;
						width: 40px;
					}
					@media(max-width: 959px){
						height: 35px;
						width: 35px;
						margin-bottom: 30px;
					}
					@media(max-width: 799px){
						width: 30px;
						height: 30px;
					}
					@media(max-width: 640px){
						width: 40px;
						height: 40px;
						margin-bottom: 40px;
					}
					svg{
						width: auto;
						height: 100%;
					}
				}
				.name{
					font-weight: 400;
					font-size: 32px;
					line-height: 1.2;
					margin-bottom: 18px;
					color: $black;
					@media(max-width: 1439px){
						font-size: 30px;
					}
					@media(max-width: 1365px){
						font-size: 25px;
					}
					@media(max-width: 959px){
						font-size: 22px;
						margin-bottom: 10px;
					}
					@media(max-width: 799px){
						font-size: 18px;
					}
					@media(max-width: 640px){
						font-size: 22px;
					}
				}
				.description{
					color: $black;
					font-weight: 300;
					font-size: 21px;
					line-height: 1.61;
					@media(max-width: 1439px){
						font-size: 18px;
					}
					@media(max-width: 1365px){
						font-size: 15px;
					}
					@media(max-width: 959px){
						font-size: 13px;
					}
					@media(max-width: 799px){
						font-size: 12px;
					}
					@media(max-width: 640px){
						font-size: 16px;
					}
				}
				.link-video{
					color: #BDBDBD;
					font-size: 18px;
					@media(max-width: 1439px){
						font-size: 16px;
					}
					@media(max-width: 959px){
						font-size: 12px;
					}
					@media(max-width: 640px){
						font-size: 16px;
					}
				}
			}
		}
	}
}

Back