ONE PIECE HACKING

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

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 : 3.13 KB
.section-2{ position: relative; // margin-top: 131px; .rect-1{ position: absolute; left: 339px; top: 0; } .rect-2{ position: absolute; top: 189px; right: 307px; } .rect-3{ position: absolute; top: 362px; left: 165px; } .container-section{ min-height: 100vh; display: flex; align-items: center; position: relative; .container-wrapper{ width: 100%; } .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; .orange-box-with-text{ position: relative; z-index: 2; height: 100%; display: flex; align-items: center; width: 100%; min-height: 635px; justify-content: center; div{ text-align: center; } h1{ font-size: 48px; line-height: 140%; color: #fff; font-weight: normal; margin: 0 auto; margin-bottom: 60px; max-width: 718px; @media(max-width: 1440px){ font-size: 41px; } @media(max-width: 1280px){ font-size: 37px; max-width: 600px; } @media(max-width: 1024px){ max-width: 335px; font-size: 31px; } @media(max-width: 800px){ font-size: 34px; max-width: 400px; margin-bottom: 40px; } @media(max-width: 670px){ font-size: 29px; max-width: 100%; } @media(max-width: 400px){ font-size: 26px; } span{ display: block; color: $yellow; } } .description{ margin: 0 auto; max-width: 749px; font-size: 20px; font-style: normal; font-weight: 400; line-height: 36px; letter-spacing: 0em; text-align: center; color: #1A1A1A; } a{ padding: 5px 46px 5px 46px; background: #242424; border-radius: 37px; color: #fff; display: inline-flex; align-items: center; text-decoration: none; position: relative; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; 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; } svg{ margin-left: 12px; width: 16px; float: right; } &:hover{ background: $yellow; color: #1A1A1A; svg{ .fill-color{ stroke: #1A1A1A; } } } } } .orange-box-container{ position: absolute; top: 0px; z-index: 1; left: 0px; background: url('/build/images/homepage/border-spliter2.png'); height: 100%; display: flex; width: 100%; align-items: center; justify-content: center; min-height: 635px; border-radius: 30px; opacity: 0.1; } } .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 : _section-02.scss | Size : 3.13 KB

.section-2{
	position: relative;
	// margin-top: 131px;
	.rect-1{
		position: absolute;
		left: 339px;
		top: 0;
	}
	.rect-2{
		position: absolute;
		top: 189px;
		right: 307px;
	}
	.rect-3{
		position: absolute;
		top: 362px;
		left: 165px;
	}
	.container-section{
		min-height: 100vh;
		display: flex;
		align-items: center;
		position: relative;
		.container-wrapper{
			width: 100%;
		}
		.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;
			.orange-box-with-text{
				position: relative;
				z-index: 2;
				height: 100%;
				display: flex;
				align-items: center;
				width: 100%;
				min-height: 635px;
				justify-content: center;
				div{
					text-align: center;
				}
				h1{
					font-size: 48px;
					line-height: 140%;
					color: #fff;
					font-weight: normal;
					margin: 0 auto;
					margin-bottom: 60px;
					max-width: 718px;
					@media(max-width: 1440px){
						font-size: 41px;
					}
					@media(max-width: 1280px){
						font-size: 37px;
						max-width: 600px;
					}
					@media(max-width: 1024px){
						max-width: 335px;
						font-size: 31px;
					}
					@media(max-width: 800px){
						font-size: 34px;
						max-width: 400px;
						margin-bottom: 40px;
					}
					@media(max-width: 670px){
						font-size: 29px;
						max-width: 100%;
					}
					@media(max-width: 400px){
						font-size: 26px;
					}

span{
						display: block;
						color: $yellow;

}
				}
				.description{
					margin: 0 auto;
					max-width: 749px;
					font-size: 20px;
					font-style: normal;
					font-weight: 400;
					line-height: 36px;
					letter-spacing: 0em;
					text-align: center;
					color: #1A1A1A;
				}
				a{
					padding: 5px 46px 5px 46px;
					background: #242424;
					border-radius: 37px;
					color: #fff;
					display: inline-flex;
					align-items: center;
					text-decoration: none;
					position: relative;
					font-size: 16px;
					font-weight: 400;
					line-height: 24px;
					letter-spacing: 0em;
					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;
					}
					svg{
						margin-left: 12px;
						width: 16px;
						float: right;
					}
					&:hover{
						background: $yellow;
						color: #1A1A1A;
						svg{
							.fill-color{
								stroke: #1A1A1A;
							}
						}
					}
				}
			}
			.orange-box-container{
				position: absolute;
				top: 0px;
				z-index: 1;
				left: 0px;
				background: url('/build/images/homepage/border-spliter2.png');
				height: 100%;
				display: flex;
				width: 100%;
				align-items: center;
				justify-content: center;
				min-height: 635px;
				border-radius: 30px;
				opacity: 0.1;
			}
		}
		.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