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-12.scss \| Size : 4.22 KB
.section-12{ min-height: 100vh; background-image: url('/build/images/Webinar_image 1.jpg'); background-repeat: no-repeat; background-size: auto 100%; background-color: #020202; background-position: right; &.sect-mobile{ background-image: url('/build/images/webinar_image_mobile.png'); background-position: top center; } .container-section{ display: flex; align-items: center; min-height: 100vh; } .content-section{ padding: 80px 120px; max-width: 1000px; .tag{ color: $yellow; font-size: 26px; line-height: 1.2; margin-bottom: 50px; display: flex; align-items: center; @media(max-width: 1439px){ font-size: 22px; margin-bottom: 39px; } @media(max-width: 1365px){ font-size: 18px; } img{ margin-right: 13px; } } .title{ color: #FFF; font-size: 88px; line-height: 1.09; margin-bottom: 30px; @media(max-width: 1439px){ font-size: 75px; } @media(max-width: 1365px){ font-size: 62px; max-width: 530px; } @media(max-width: 1279px){ max-width: 480px; font-size: 52px; } } .description{ font-size: 24px; line-height: 42px; color: #FFF; font-weight: 300; margin-bottom: 60px; @media(max-width: 1439px){ max-width: 650px; font-size: 20px; line-height: 36px; margin-bottom: 33px; } @media(max-width: 1365px){ font-size: 16px; line-height: 29px; max-width: 530px; } @media(max-width: 1279px){ font-size: 14px; line-height: 25px; max-width: 480px; } } .save-seat{ border-radius: 37px; border: 1px solid #FFF; padding: 12px 20px; height: 56px; display: flex; align-items: center; background: transparent; font-size: 18px; color: #FFF; cursor: pointer; line-height: 1; width: min-content; white-space: nowrap; text-decoration: none; @media(max-width: 1439px){ height: 48px; padding: 10px 20px; font-size: 16px; } @media(max-width: 1279px){ height: 38px; font-size: 12px; } .icon-arrow{ margin-left: 10px; transform: rotate(90deg); height: auto; width: 15px; .stroke-color{ stroke: #FFF; } } &:hover{ background: #FFF; color: $black; .icon-arrow{ .stroke-color{ stroke: $black; } } } &:focus{ outline: none; } } } .container-section-mobile{ display: flex; align-items: center; justify-content: center; flex-direction: column; @media(max-width: 640px){ padding: 200px 40px; } .webinar{ text-align: center; color: #F2C94C; font-size: 20px; margin-bottom: 10px; @media(max-width: 799px){ font-size: 16px; } } .title{ font-size: 54px; color: #FFF; line-height: 1.09; text-align: center; margin-bottom: 20px; @media(max-width: 799px){ font-size: 48px; } @media(max-width: 640px){ font-size: 32px; } } .desc{ text-align: center; font-size: 16px; line-height: 26px; color: #FFF; font-weight: 300; margin-bottom: 60px; @media(max-width: 799px){ font-size: 14px; line-height: 21px; } @media(max-width: 640px){ font-size: 18px; line-height: 28px; } } .save-seat{ border-radius: 37px; border: 1px solid #FFF; padding: 12px 20px; height: 56px; display: flex; align-items: center; background: transparent; font-size: 18px; color: #FFF; cursor: pointer; line-height: 1; text-decoration: none; @media(max-width: 1439px){ height: 48px; padding: 10px 20px; font-size: 16px; } @media(max-width: 799px){ height: 46px; font-size: 14px; } @media(max-width: 640px){ height: 48px; font-size: 16px; } @media(max-width: 640px){ font-size: 16px; height: 48px; width: 100%; max-width: 400px; justify-content: space-between; padding: 12px 15px; } .icon-arrow{ margin-left: 10px; transform: rotate(90deg); height: auto; width: 15px; @media(max-width: 799px){ width: 13px; } .stroke-color{ stroke: #FFF; } } &:hover{ background: #FFF; color: $black; .icon-arrow{ .stroke-color{ stroke: $black; } } } &:focus{ outline: none; } } } } Back

Edit File : _section-12.scss | Size : 4.22 KB

.section-12{
	min-height: 100vh;
	background-image: url('/build/images/Webinar_image 1.jpg');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-color: #020202;
	background-position: right;
    &.sect-mobile{
		background-image: url('/build/images/webinar_image_mobile.png');
		background-position: top center;
    }
    .container-section{
		display: flex;
		align-items: center;
		min-height: 100vh;
    }
	.content-section{
		padding: 80px 120px;
		max-width: 1000px;
		.tag{
			color: $yellow;
			font-size: 26px;
			line-height: 1.2;
			margin-bottom: 50px;
			display: flex;
			align-items: center;
			@media(max-width: 1439px){
				font-size: 22px;
				margin-bottom: 39px;
			}
			@media(max-width: 1365px){
				font-size: 18px;
			}
			img{
				margin-right: 13px;
			}
		}
		.title{
			color: #FFF;
			font-size: 88px;
			line-height: 1.09;
			margin-bottom: 30px;
			@media(max-width: 1439px){
				font-size: 75px;
			}
			@media(max-width: 1365px){
				font-size: 62px;
				max-width: 530px;
			}
			@media(max-width: 1279px){
				max-width: 480px;
				font-size: 52px;
			}
		}
		.description{
			font-size: 24px;
			line-height: 42px;
			color: #FFF;
			font-weight: 300;
			margin-bottom: 60px;
			@media(max-width: 1439px){
				max-width: 650px;
				font-size: 20px;
				line-height: 36px;
				margin-bottom: 33px;
			}
			@media(max-width: 1365px){
				font-size: 16px;
				line-height: 29px;
				max-width: 530px;
			}
			@media(max-width: 1279px){
				font-size: 14px;
				line-height: 25px;
				max-width: 480px;
			}
		}
		.save-seat{
			border-radius: 37px;
			border: 1px solid #FFF;
			padding: 12px 20px;
			height: 56px;
			display: flex;
			align-items: center;
			background: transparent;
			font-size: 18px;
			color: #FFF;
			cursor: pointer;
			line-height: 1;
			width: min-content;
			white-space: nowrap;
			text-decoration: none;
			@media(max-width: 1439px){
				height: 48px;
				padding: 10px 20px;
				font-size: 16px;
			}
			@media(max-width: 1279px){
				height: 38px;
				font-size: 12px;
			}
			.icon-arrow{
				margin-left: 10px;
				transform: rotate(90deg);
				height: auto;
				width: 15px;
				.stroke-color{
					stroke: #FFF;
				}
			}
			&:hover{
				background: #FFF;
				color: $black;
				.icon-arrow{
					.stroke-color{
						stroke: $black;
					}
				}
			}
			&:focus{
				outline: none;
			}
		}
	}

.container-section-mobile{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		@media(max-width: 640px){
			padding: 200px 40px;
		}
		.webinar{
			text-align: center;
			color: #F2C94C;
			font-size: 20px;
			margin-bottom: 10px;
			@media(max-width: 799px){
				font-size: 16px;
			}
		}
		.title{
			font-size: 54px;
			color: #FFF;
			line-height: 1.09;
			text-align: center;
			margin-bottom: 20px;
			@media(max-width: 799px){
				font-size: 48px;
			}
			@media(max-width: 640px){
				font-size: 32px;
			}
		}
		.desc{
			text-align: center;
			font-size: 16px;
			line-height: 26px;
			color: #FFF;
			font-weight: 300;
			margin-bottom: 60px;
			@media(max-width: 799px){
				font-size: 14px;
				line-height: 21px;
			}
			@media(max-width: 640px){
				font-size: 18px;
				line-height: 28px;
			}
		}

.save-seat{
			border-radius: 37px;
			border: 1px solid #FFF;
			padding: 12px 20px;
			height: 56px;
			display: flex;
			align-items: center;
			background: transparent;
			font-size: 18px;
			color: #FFF;
			cursor: pointer;
			line-height: 1;
			text-decoration: none;
			@media(max-width: 1439px){
				height: 48px;
				padding: 10px 20px;
				font-size: 16px;
			}
			@media(max-width: 799px){
				height: 46px;
				font-size: 14px;
			}
			@media(max-width: 640px){
				height: 48px;
				font-size: 16px;
			}
			@media(max-width: 640px){
				font-size: 16px;
				height: 48px;
				width: 100%;
				max-width: 400px;
				justify-content: space-between;
				padding: 12px 15px;
			}
			.icon-arrow{
				margin-left: 10px;
				transform: rotate(90deg);
				height: auto;
				width: 15px;
				@media(max-width: 799px){
					width: 13px;
				}
				.stroke-color{
					stroke: #FFF;
				}
			}
			&:hover{
				background: #FFF;
				color: $black;
				.icon-arrow{
					.stroke-color{
						stroke: $black;
					}
				}
			}
			&:focus{
				outline: none;
			}
		}
	}
}

Back