ONE PIECE HACKING

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

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 : _yellow_section.scss \| Size : 4.24 KB
.yellow-section{ position: relative; .rect-1{ position: absolute; top: 40px; left: 422px; @media(max-width: 670px){ display: none; } } .container-section{ background: url('/build/images/homepage/lightining-section-4-1.png'); background-size: auto 100%; background-repeat: no-repeat; background-position: center -274px; min-height: 100vh; padding-top: 100px; padding-bottom: 100px; display: flex; align-items: center; position: relative; @media(max-width: 670px){ padding: 50px 40px; min-height: auto; } .container-wrapper{ width: 100%; position: relative; .rect-2{ position: absolute; top: -95px; right: -63px; @media(max-width: 670px){ display: none; } } } .orange-box{ background: radial-gradient(120.55% 120.55% at 50% 112.68%, #E9A907 0%, #FEC710 100%); border-radius: 30px; width: 100%; max-width: 1146px; margin: 0 auto; min-height: 635px; position: relative; overflow: hidden; display: flex; align-items: center; @media(max-width: 1024px){ min-height: initial; } .orange-box-with-text{ position: relative; z-index: 32; display: flex; align-items: center; width: 100%; justify-content: center; padding: 100px 30px; @media(max-width: 670px){ padding: 40px 30px; } div{ text-align: center; } h1{ font-size: 48px; line-height: 120%; color: #fff; font-weight: normal; margin: 0 auto; margin-bottom: 40px; @media(max-width: 1440px){ font-size: 41px; } @media(max-width: 1280px){ font-size: 37px; } @media(max-width: 1024px){ font-size: 31px; } @media(max-width: 800px){ font-size: 34px; margin-bottom: 20px; } @media(max-width: 670px){ font-size: 26px; } @media(max-width: 400px){ font-size: 19px; } span{ display: block; color: #111110; } } .description{ margin: 0 auto; max-width: 749px; font-size: 20px; font-weight: 400; line-height: 1.8; letter-spacing: 0em; text-align: center; color: #1A1A1A; margin-bottom: 40px; @media(max-width: 1440px){ font-size: 18px; } @media(max-width: 1280px){ font-size: 16px; } @media(max-width: 1024px){ font-size: 15px; } @media(max-width: 800px){ margin-bottom: 30px; font-size: 16px; } @media(max-width: 670px){ font-size: 14px; line-height: 1.5; } } a{ padding: 5px 35px 5px 35px; background: #242424; border-radius: 37px; color: #fff; display: inline-flex; align-items: center; text-decoration: none; position: relative; font-weight: 400; cursor: pointer; line-height: 1.5; height: 48px; @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; padding: 5px 25px 5px 25px; } svg{ margin-left: 10px; width: 16px; } &:hover{ background: #FFF; color: #1A1A1A; svg{ .fill-color{ stroke: #1A1A1A; } } } } .limited-number{ color: #242424; text-align: center; margin-top: 17px; font-size: 16px; @media(max-width: 640px){ font-size: 11px; margin-top: 13px; } } } .orange-box-container{ position: absolute; top: 0px; z-index: 12; left: 0px; background: url('/build/images/homepage/border-spliter2.png'); height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 30px; opacity: 0.1; } .orange-with-graph{ position: absolute; bottom: 0; right: 0px; width: 100%; height: auto; z-index: 2; .fill-color{ fill: #e48c071a; stroke: #e48c071a; } } } .orange-box-shadow{ background: #373734; max-width: 1066px; width: 90%; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; height: 30px; margin: 0 auto; } } } Back

Edit File : _yellow_section.scss | Size : 4.24 KB

.yellow-section{
	position: relative;
	.rect-1{
		position: absolute;
		top: 40px;
		left: 422px;
		@media(max-width: 670px){
			display: none;
		}
	}
	.container-section{
		background: url('/build/images/homepage/lightining-section-4-1.png');
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center -274px;
		min-height: 100vh;
		padding-top: 100px;
		padding-bottom: 100px;
		display: flex;
		align-items: center;
		position: relative;
		@media(max-width: 670px){
			padding: 50px 40px;
			min-height: auto;
		}
		.container-wrapper{
			width: 100%;
			position: relative;
			.rect-2{
				position: absolute;
				top: -95px;
				right: -63px;
				@media(max-width: 670px){
					display: none;
				}
			}
		}
		.orange-box{
			background: radial-gradient(120.55% 120.55% at 50% 112.68%, #E9A907 0%, #FEC710 100%);
			border-radius: 30px;
			width: 100%;
			max-width: 1146px;
			margin: 0 auto;
			min-height: 635px;
			position: relative;
			overflow: hidden;
			display: flex;
			align-items: center;
			@media(max-width: 1024px){
				min-height: initial;
			}
			.orange-box-with-text{
				position: relative;
				z-index: 32;
				display: flex;
				align-items: center;
				width: 100%;
				justify-content: center;
				padding: 100px 30px;
				@media(max-width: 670px){
					padding: 40px 30px;
				}
				div{
					text-align: center;
				}
				h1{
					font-size: 48px;
					line-height: 120%;
					color: #fff;
					font-weight: normal;
					margin: 0 auto;
					margin-bottom: 40px;
					@media(max-width: 1440px){
						font-size: 41px;
					}
					@media(max-width: 1280px){
						font-size: 37px;
					}
					@media(max-width: 1024px){
						font-size: 31px;
					}
					@media(max-width: 800px){
						font-size: 34px;
						margin-bottom: 20px;
					}
					@media(max-width: 670px){
						font-size: 26px;
					}
					@media(max-width: 400px){
						font-size: 19px;
					}
					span{
						display: block;
						color: #111110;

}
				}
				.description{
					margin: 0 auto;
					max-width: 749px;
					font-size: 20px;
					font-weight: 400;
					line-height: 1.8;
					letter-spacing: 0em;
					text-align: center;
					color: #1A1A1A;
					margin-bottom: 40px;
					@media(max-width: 1440px){
						font-size: 18px;
					}
					@media(max-width: 1280px){
						font-size: 16px;
					}
					@media(max-width: 1024px){
						font-size: 15px;
					}
					@media(max-width: 800px){
						margin-bottom: 30px;
						font-size: 16px;
					}
					@media(max-width: 670px){
						font-size: 14px;
						line-height: 1.5;
					}
				}
				a{
					padding: 5px 35px 5px 35px;
					background: #242424;
					border-radius: 37px;
					color: #fff;
					display: inline-flex;
					align-items: center;
					text-decoration: none;
					position: relative;
					font-weight: 400;
					cursor: pointer;
					line-height: 1.5;
					height: 48px;
					@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;
						padding: 5px 25px 5px 25px;
					}
					svg{
						margin-left: 10px;
						width: 16px;
					}
					&:hover{
						background: #FFF;
						color: #1A1A1A;
						svg{
							.fill-color{
								stroke: #1A1A1A;
							}
						}
					}
				}
				.limited-number{
				    color: #242424;
				    text-align: center;
				    margin-top: 17px;
				    font-size: 16px;
					@media(max-width: 640px){
						font-size: 11px;
						margin-top: 13px;
					}
				}
			}
			.orange-box-container{
				position: absolute;
				top: 0px;
				z-index: 12;
				left: 0px;
				background: url('/build/images/homepage/border-spliter2.png');
				height: 100%;
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 30px;
				opacity: 0.1;
			}
			.orange-with-graph{
				position: absolute;
				bottom: 0;
				right: 0px;
				width: 100%;
				height: auto;
				z-index: 2;
				.fill-color{
				    fill: #e48c071a;
				    stroke: #e48c071a;
				}
			}
		}
		.orange-box-shadow{
			background: #373734;
			max-width: 1066px;
			width: 90%;
			border-bottom-left-radius: 30px;
			border-bottom-right-radius: 30px;
			height: 30px;
			margin: 0 auto;
		}
	}
}

Back