ONE PIECE HACKING

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

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-05.scss \| Size : 4.60 KB
.section-5{ .container-section{ min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; } .title-section{ color: $black; font-size: 48px; line-height: 1.2; text-align: center; max-width: 760px; margin-bottom: 60px; margin-top: 0; @media(max-width: 1440px){ font-size: 41px; } @media(max-width: 1280px){ font-size: 34px; } @media(max-width: 1024px){ font-size: 29px; margin-bottom: 40px; } @media(max-width: 800px){ font-size: 34px; } @media(max-width: 670px){ font-size: 29px; margin-bottom: 40px; } @media(max-width: 400px){ font-size: 26px; } } .slider-images{ width: 100%; height: 550px; position: relative; display: flex; justify-content: center; @media(max-width: 1440px){ height: 495px; } @media(max-width: 1280px){ height: 480px; } @media(max-width: 1024px){ height: 420px; } @media(max-width: 800px){ height: 380px; } @media(max-width: 670px){ height: 225px; } .prev-formular{ cursor: pointer; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); z-index: 3; @media(max-width: 1024px){ left: -40px; } @media(max-width: 670px){ left: -20px; } &.inactive{ opacity: .4; cursor: not-allowed; } .arrow-slide-left{ transform: rotate(180deg); } } .next-formular{ cursor: pointer; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 30; @media(max-width: 1024px){ right: -40px; } @media(max-width: 670px){ right: -20px; } &.inactive{ opacity: .4; cursor: not-allowed; } } .slider-item{ opacity: 0; width: 949px; height: 533px; top: 0; position: absolute; display: flex; justify-content: center; max-width: 100%; @media(max-width: 1440px){ height: 480px; } @media(max-width: 1280px){ height: 460px; } @media(max-width: 1024px){ height: 400px; } @media(max-width: 800px){ height: 360px; } @media(max-width: 670px){ height: 200px; } &.prev{ z-index: 5; } &.active{ opacity: 1; z-index: 4; img{ // box-shadow: 0px 34px 44px rgba(181, 181, 181, 0.07); } } &.next-1{ opacity: 1; z-index: 3; } &.next-2{ opacity: 1; z-index: 2; } img{ width: 100%; height: 100%; object-fit: contain; } } .square-bg-1{ position: absolute; z-index: -1; top: -100px; left: 13%; width: 16px; height: 16px; opacity: .72; rect{ stroke: #F2F2F2; fill: #F2F2F2; } } .square-bg-2{ position: absolute; z-index: -1; top: -60px; left: 16%; width: 26px; height: 26px; opacity: .72; rect{ stroke: #F2F2F2; fill: #F2F2F2; } } .square-blue-bg-1{ position: absolute; z-index: -1; top: 0px; left: 9%; width: 26px; height: 26px; } .square-bg-3{ position: absolute; z-index: -1; bottom: 45px; right: 2%; width: 26px; height: 26px; opacity: .72; rect{ stroke: #F2F2F2; fill: #F2F2F2; } } .square-bg-4{ position: absolute; z-index: -1; bottom: 100px; right: 6%; width: 20px; height: 20px; opacity: .72; rect{ stroke: #F2F2F2; fill: #F2F2F2; } } .square-bg-5{ position: absolute; z-index: -1; bottom: 20px; right: 10%; width: 42px; height: 42px; opacity: .72; rect{ stroke: #F2F2F2; fill: #F2F2F2; } } .square-bg-6{ position: absolute; z-index: -1; bottom: -30px; right: 8%; width: 10px; height: 10px; opacity: .72; rect{ stroke: #F2F2F2; fill: #F2F2F2; } } } .contact-us{ margin-top: 60px; @media(max-width: 1024px){ margin-top: 40px; } .contact-us-btn{ background: #FFF; border-radius: 37px; border: 1px solid $black; color: $black; font-size: 16px; line-height: 1.5; padding: 0px 20px; height: 48px; display: flex; align-items: center; cursor: pointer; @media(max-width: 1280px){ height: 40px; font-size: 14px; } @media(max-width: 1024px){ height: 38px; } @media(max-width: 800px){ height: 40px; } @media(max-width: 670px){ height: 38px; } &:hover{ background: $black; border: 1px solid $black; color: #FFF; .icon-arrow{ .stroke-color{ stroke: $blue; } } } .icon-arrow{ margin-left: 10px; transform: rotate(90deg); width: 11px; height: auto; .stroke-color{ stroke: $blue; } } &:focus{ outline: none; } } } } Back

Edit File : _section-05.scss | Size : 4.60 KB

.section-5{
	.container-section{
		min-height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.title-section{
		color: $black;
		font-size: 48px;
		line-height: 1.2;
		text-align: center;
		max-width: 760px;
		margin-bottom: 60px;
		margin-top: 0;
		@media(max-width: 1440px){
			font-size: 41px;
		}
		@media(max-width: 1280px){
			font-size: 34px;
		}
		@media(max-width: 1024px){
			font-size: 29px;
			margin-bottom: 40px;
		}
		@media(max-width: 800px){
			font-size: 34px;
		}
		@media(max-width: 670px){
			font-size: 29px;
			margin-bottom: 40px;
		}
		@media(max-width: 400px){
			font-size: 26px;
		}
	}
	.slider-images{
		width: 100%;
		height: 550px;
		position: relative;
		display: flex;
		justify-content: center;
		@media(max-width: 1440px){
			height: 495px;
		}
		@media(max-width: 1280px){
			height: 480px;
		}
		@media(max-width: 1024px){
			height: 420px;
		}
		@media(max-width: 800px){
			height: 380px;
		}
		@media(max-width: 670px){
			height: 225px;
		}
		.prev-formular{
			cursor: pointer;
			position: absolute;
			left: 10px;
			top: 50%;
			transform: translateY(-50%);
			z-index: 3;
			@media(max-width: 1024px){
				left: -40px;
			}
			@media(max-width: 670px){
				left: -20px;
			}
			&.inactive{
				opacity: .4;
				cursor: not-allowed;
			}
			.arrow-slide-left{
				transform: rotate(180deg);
			}
		}
		.next-formular{
			cursor: pointer;
			position: absolute;
			right: 10px;
			top: 50%;
			transform: translateY(-50%);
			z-index: 30;
			@media(max-width: 1024px){
				right: -40px;
			}
			@media(max-width: 670px){
				right: -20px;
			}
			&.inactive{
				opacity: .4;
				cursor: not-allowed;
			}
		}
		.slider-item{
			opacity: 0;
			width: 949px;
			height: 533px;
			top: 0;
			position: absolute;
			display: flex;
			justify-content: center;
			max-width: 100%;
			@media(max-width: 1440px){
				height: 480px;
			}
			@media(max-width: 1280px){
				height: 460px;
			}
			@media(max-width: 1024px){
				height: 400px;
			}
			@media(max-width: 800px){
				height: 360px;
			}
			@media(max-width: 670px){
				height: 200px;
			}
			&.prev{
				z-index: 5;
			}
			&.active{
				opacity: 1;
				z-index: 4;
				img{
					// box-shadow: 0px 34px 44px rgba(181, 181, 181, 0.07);
				}
			}
			&.next-1{
				opacity: 1;
				z-index: 3;
			}
			&.next-2{
				opacity: 1;
				z-index: 2;
			}
			img{
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
		}

.square-bg-1{
			position: absolute;
			z-index: -1;
			top: -100px;
			left: 13%;
			width: 16px;
			height: 16px;
			opacity: .72;
			rect{
				stroke: #F2F2F2;
				fill: #F2F2F2;
			}	
		}
		.square-bg-2{
			position: absolute;
			z-index: -1;
			top: -60px;
			left: 16%;
			width: 26px;
			height: 26px;
			opacity: .72;
			rect{
				stroke: #F2F2F2;
				fill: #F2F2F2;
			}	
		}
		.square-blue-bg-1{
			position: absolute;
			z-index: -1;
			top: 0px;
			left: 9%;
			width: 26px;
			height: 26px;
		}
		.square-bg-3{
			position: absolute;
			z-index: -1;
			bottom: 45px;
			right: 2%;
			width: 26px;
			height: 26px;
			opacity: .72;
			rect{
				stroke: #F2F2F2;
				fill: #F2F2F2;
			}	
		}
		.square-bg-4{
			position: absolute;
			z-index: -1;
			bottom: 100px;
			right: 6%;
			width: 20px;
			height: 20px;
			opacity: .72;
			rect{
				stroke: #F2F2F2;
				fill: #F2F2F2;
			}	
		}
		.square-bg-5{
			position: absolute;
			z-index: -1;
			bottom: 20px;
			right: 10%;
			width: 42px;
			height: 42px;
			opacity: .72;
			rect{
				stroke: #F2F2F2;
				fill: #F2F2F2;
			}	
		}
		.square-bg-6{
			position: absolute;
			z-index: -1;
			bottom: -30px;
			right: 8%;
			width: 10px;
			height: 10px;
			opacity: .72;
			rect{
				stroke: #F2F2F2;
				fill: #F2F2F2;
			}	
		}
	}

.contact-us{
		margin-top: 60px;
		@media(max-width: 1024px){
			margin-top: 40px;
		}
		.contact-us-btn{
			background: #FFF;
			border-radius: 37px;
			border: 1px solid $black;
			color: $black;
			font-size: 16px;
			line-height: 1.5;
			padding: 0px 20px;
			height: 48px;
			display: flex;
			align-items: center;
			cursor: pointer;
			@media(max-width: 1280px){
				height: 40px;
				font-size: 14px;
			}
			@media(max-width: 1024px){
				height: 38px;
			}
			@media(max-width: 800px){
				height: 40px;
			}
			@media(max-width: 670px){
				height: 38px;
			}
			&:hover{
				background: $black;
				border: 1px solid $black;
				color: #FFF;
				.icon-arrow{
					.stroke-color{
						stroke: $blue;
					}
				}
			}
			.icon-arrow{
				margin-left: 10px;
				transform: rotate(90deg);
				width: 11px;
				height: auto;
				.stroke-color{
					stroke: $blue;
				}
			}
			&:focus{
				outline: none;
			}
		}
	}
}

Back