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-02.scss \| Size : 2.68 KB
.section-2{ position: relative; .container-section{ padding: 40px; height: 100vh; display: flex; align-items: center; } .content-left{ flex: 1; padding: 20px 40px 20px 80px; display: flex; justify-content: center; line-height: 1.2; @media(max-width: 1439px){ min-width: 578px; } @media(max-width: 1279px){ min-width: 400px; } .strong{ font-size: 56px; color: $black; display: inline; @media(max-width: 1439px){ font-size: 48px; } @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } } .simple{ font-size: 56px; color: $grey; display: none; @media(max-width: 1439px){ font-size: 48px; } @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } } .fixed-text{ font-size: 56px; display: inline; padding-left: 13px; color: $grey; @media(max-width: 1439px){ font-size: 48px; padding-left: 10px; } @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } } } .content-right{ flex: 1; padding: 40px; .text-info{ font-size: 24px; color: $black; 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; } } } .circle-blue{ position: absolute; bottom: 20%; left: 65%; } .rect-yellow{ position: absolute; top: 20%; left: 40%; } &.sect-mobile{ .container-section-mobile{ padding: 40px 40px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .circle-blue{ position: absolute; bottom: 20%; left: 80%; width: 13px; } .rect-yellow{ position: absolute; top: 20%; left: 20%; width: 18px; } .text-animated{ max-width: 425px; text-align: center; margin-bottom: 20px; .strong{ font-size: 36px; color: $black; line-height: 1.2; display: inline; @media(max-width: 640px){ font-size: 32px; } } .fixed-text{ font-size: 36px; display: inline; line-height: 1.2; padding-left: 10px; color: $grey; @media(max-width: 640px){ font-size: 32px; } } } .desc-mobile{ max-width: 425px; font-size: 16px; line-height: 26px; color: $black; font-weight: 300; text-align: center; @media(max-width: 799px){ font-size: 14px; line-height: 21px; } @media(max-width: 640px){ font-size: 18px; line-height: 28px; } } } } Back

Edit File : _section-02.scss | Size : 2.68 KB

.section-2{
	position: relative;
	.container-section{
		padding: 40px;
		height: 100vh;
		display: flex;
		align-items: center;
	}
	.content-left{
		flex: 1;
		padding: 20px 40px 20px 80px;
		display: flex;
		justify-content: center;
		line-height: 1.2;
		@media(max-width: 1439px){
			min-width: 578px;
		}
		@media(max-width: 1279px){
			min-width: 400px;
		}
		.strong{
			font-size: 56px;
			color: $black;
			display: inline;
			@media(max-width: 1439px){
				font-size: 48px;
			}
			@media(max-width: 1365px){
				font-size: 40px;
			}
			@media(max-width: 1279px){
				font-size: 34px;
			}
		}
		.simple{
			font-size: 56px;
			color: $grey;
			display: none;
			@media(max-width: 1439px){
				font-size: 48px;
			}
			@media(max-width: 1365px){
				font-size: 40px;
			}
			@media(max-width: 1279px){
				font-size: 34px;
			}
		}
		.fixed-text{
			font-size: 56px;
			display: inline;
			padding-left: 13px;
			color: $grey;
			@media(max-width: 1439px){
				font-size: 48px;
				padding-left: 10px;
			}
			@media(max-width: 1365px){
				font-size: 40px;
			}
			@media(max-width: 1279px){
				font-size: 34px;
			}
		}
	}
	.content-right{
		flex: 1;
		padding: 40px;
		.text-info{
			font-size: 24px;
			color: $black;
			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;
			}
		}
	}

.circle-blue{
		position: absolute;
		bottom: 20%; 
		left: 65%;
	}
	.rect-yellow{
		position: absolute;
		top: 20%; 
		left: 40%;
	}

&.sect-mobile{
		.container-section-mobile{
			padding: 40px 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}
		.circle-blue{
			position: absolute;
			bottom: 20%; 
			left: 80%;
			width: 13px;
		}
		.rect-yellow{
			position: absolute;
			top: 20%; 
			left: 20%;
			width: 18px;
		}

.text-animated{
			max-width: 425px;
			text-align: center;
			margin-bottom: 20px;
			.strong{
				font-size: 36px;
				color: $black;
				line-height: 1.2;
				display: inline;
				@media(max-width: 640px){
					font-size: 32px;
				}
			}
			.fixed-text{
				font-size: 36px;
				display: inline;
				line-height: 1.2;
				padding-left: 10px;
				color: $grey;
				@media(max-width: 640px){
					font-size: 32px;
				}
			}
		}
		.desc-mobile{
			max-width: 425px;
			font-size: 16px;
			line-height: 26px;
			color: $black;
			font-weight: 300;
			text-align: center;
			@media(max-width: 799px){
				font-size: 14px;
				line-height: 21px;
			}
			@media(max-width: 640px){
				font-size: 18px;
				line-height: 28px;
			}
		}
	}
}

Back