ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro_simple / src / 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-08.scss \| Size : 2.34 KB
.section-8{ .container-section{ min-height: 100vh; } .box-section{ padding: 40px 100px; display: flex; justify-content: center; } .content-section{ position: relative; display: flex; .svg-section-8{ width: 85%; height: auto; margin-left: auto; @media(max-width: 1439px){ width: 75%; } } .content-text{ position: absolute; top: 50%; transform: translate(0, -50%); left: 0; max-width: 536px; @media(max-width: 1365px){ max-width: 400px; } @media(max-width: 1279px){ max-width: 350px; } .title{ font-size: 56px; color: $black; line-height: 1.2; margin-bottom: 30px; @media(max-width: 1439px){ font-size: 48px; } @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } .grey{ color: $grey; } } .description{ font-size: 24px; line-height: 42px; font-weight: 300; @media(max-width: 1439px){ font-size: 20px; line-height: 36px; } @media(max-width: 1365px){ font-size: 16px; line-height: 29px; } @media(max-width: 1279px){ font-size: 14px; line-height: 25px; } } } } .container-section-mobile{ position: relative; .svg-animated{ svg{ width: 530px; height: auto; } } .content-position{ position: absolute; top: 300px; max-width: 500px; left: 120px; @media(max-width: 799px){ top: 280px; left: 100px; max-width: 430px; } .title{ font-size: 36px; text-align: center; color: $black; margin-bottom: 20px; @media(max-width: 799px){ font-size: 30px; } @media(max-width: 640px){ font-size: 32px; } .grey{ color: $grey; } } .desc{ font-size: 16px; line-height: 26px; text-align: center; font-weight: 300; @media(max-width: 799px){ font-size: 14px; line-height: 21px; } @media(max-width: 640px){ font-size: 18px; line-height: 28px; } } } .title-v2{ font-size: 32px; text-align: center; color: $black; margin-bottom: 20px; .grey{ color: $grey; } } .desc-v2{ font-size: 18px; line-height: 28px; text-align: center; font-weight: 300; } .svg-animated-v2{ margin-top: 30px; svg{ width: 100%; height: auto; } } } } Back

Edit File : _section-08.scss | Size : 2.34 KB

.section-8{
    .container-section{
		min-height: 100vh;
    }
	.box-section{
		padding: 40px 100px;
		display: flex;
		justify-content: center;
	}
	.content-section{
		position: relative;
		display: flex;
		.svg-section-8{
			width: 85%;
			height: auto;
			margin-left: auto;
			@media(max-width: 1439px){
				width: 75%;
			}
		}

.content-text{
			position: absolute;
			top: 50%;
			transform: translate(0, -50%);
			left: 0;
			max-width: 536px;
			@media(max-width: 1365px){
				max-width: 400px;
			}
			@media(max-width: 1279px){
				max-width: 350px;
			}
			.title{
				font-size: 56px;
				color: $black;
				line-height: 1.2;
				margin-bottom: 30px;
				@media(max-width: 1439px){
					font-size: 48px;
				}
				@media(max-width: 1365px){
					font-size: 40px;
				}
				@media(max-width: 1279px){
					font-size: 34px;
				}
				.grey{
					color: $grey;
				}
			}
			.description{
				font-size: 24px;
				line-height: 42px;
				font-weight: 300;
				@media(max-width: 1439px){
					font-size: 20px;
					line-height: 36px;
				}
				@media(max-width: 1365px){
					font-size: 16px;
					line-height: 29px;
				}
				@media(max-width: 1279px){
					font-size: 14px;
					line-height: 25px;
				}
			}
		}
	}

.container-section-mobile{
		position: relative;
		.svg-animated{
			svg{
				width: 530px;
				height: auto;
			}
		}
		.content-position{
			position: absolute;
			top: 300px;
			max-width: 500px;
			left: 120px;
			@media(max-width: 799px){
				top: 280px;
				left: 100px;
				max-width: 430px;
			}
			.title{
				font-size: 36px;
				text-align: center;
				color: $black;
				margin-bottom: 20px;
				@media(max-width: 799px){
					font-size: 30px;
				}
				@media(max-width: 640px){
					font-size: 32px;
				}
				.grey{
					color: $grey;
				}
			}
			.desc{
				font-size: 16px;
				line-height: 26px;
				text-align: center;
				font-weight: 300;
				@media(max-width: 799px){
					font-size: 14px;
					line-height: 21px;
				}
				@media(max-width: 640px){
					font-size: 18px;
					line-height: 28px;
				}
			}
		}

.title-v2{
			font-size: 32px;
			text-align: center;
			color: $black;
			margin-bottom: 20px;
			.grey{
				color: $grey;
			}
		}
		.desc-v2{
			font-size: 18px;
			line-height: 28px;
			text-align: center;
			font-weight: 300;
		}
		.svg-animated-v2{
			margin-top: 30px;
			svg{
				width: 100%;
				height: auto;
			}
		}
	}
}

Back