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 : _section-02.scss \| Size : 4.99 KB
.section-2{ position: relative; .container-section{ display: flex; align-items: center; justify-content: center; .container-holder{ display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 80px 100px 80px 100px; width: 100%; @media(max-width: 640px){ padding: 50px 40px; } .title-section{ color: $yellow; font-size: 48px; line-height: 1.3; font-weight: normal; max-width: 750px; margin-bottom: 70px; text-align: center; span{ color: #fff; } @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } @media(max-width: 959px){ font-size: 36px; } @media(max-width: 799px){ font-size: 30px; } @media(max-width: 640px){ font-size: 24px; margin-bottom: 35px; span{ display: block; } } } .desc-section{ color: #FFF; text-align: center; font-size: 20px; line-height: 36px; font-weight: 300; max-width: 750px; margin-bottom: 70px; @media(max-width: 1439px){ font-size: 18px; line-height: 29px; } @media(max-width: 1365px){ font-size: 16px; line-height: 29px; } @media(max-width: 1279px){ font-size: 14px; line-height: 25px; } @media(max-width: 959px){ font-size: 16px; line-height: 26px; } @media(max-width: 799px){ font-size: 14px; line-height: 21px; } @media(max-width: 640px){ font-size: 18px; line-height: 28px; margin-bottom: 40px; } } .list-solutions{ width: 100%; max-width: 750px; .item-solution{ width: 100%; display: flex; align-items: center; padding: 30px 50px 30px 30px; background: #222222; border-radius: 20px; margin-bottom: 20px; @media(max-width: 640px){ padding: 20px; } &:last-child{ margin-bottom: 0; } .text{ flex: 1; color: #FFF; font-size: 18px; font-weight: 400; span{ margin-top: 4px; font-size: 16px; color: #828282; display: block; font-weight: normal; } @media(max-width: 1439px){ font-size: 16px; span{ font-size: 14px; } } @media(max-width: 799px){ font-size: 14px; span{ font-size: 14px; } } @media(max-width: 640px){ font-size: 14px; } } .icon{ margin-right: 26px; width: 32px; height: 32px; font-size: 16px; border-radius: 100%; background: $yellow; display: flex; font-weight: 500; align-items: center; align-items: center; justify-content: center; @media(max-width: 640px){ width: 20px; height: 20px; font-size: 12px; } } } } .rezervare{ 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; margin-top: 70px; 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; margin-top: 35px; } svg{ margin-left: 12px; width: 16px; float: right; transform: rotate(90deg); .stroke-color{ stroke: $yellow; } } &:hover{ background: $yellow; color: #1A1A1A; svg{ .stroke-color{ stroke: #1A1A1A; } } } } .limited-number{ color: #fff; margin-top: 17px; font-size: 16px; @media(max-width: 640px){ font-size: 11px; margin-top: 13px; } } } } .square-bg-1{ position: absolute; width: 57px; height: auto; top: 25%; left: 10%; } .square-bg-2{ position: absolute; width: 29px; height: 29px; top: 20%; left: 80%; } .square-bg-3{ position: absolute; height: 34px; width: 33px; top: 5%; left: 70%; } .square-bg-4{ position: absolute; height: 82px; width: 79px; top: 85%; left: 20%; } .square-bg-5{ position: absolute; height: 34px; width: 33px; top: 98%; left: 56%; } .square-bg-6{ position: absolute; height: 150px; width: 150px; top: 70%; left: 95%; } .square-bg-7{ position: absolute; height: 80px; width: 80px; top: 65%; left: 80%; } .square-bg-8{ position: absolute; height: 50px; width: 50px; top: 60%; left: 20%; } .square-bg-9{ position: absolute; height: 20px; width: 20px; top: 54%; left: 11%; } .square-bg-10{ position: absolute; height: 30px; width: 30px; top: 37%; left: 88%; } .square-bg-11{ position: absolute; height: 60px; width: 60px; top: 40%; left: 80%; } } Back

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

.section-2{
	position: relative;
	.container-section{
		display: flex;
		align-items: center;
		justify-content: center;
		.container-holder{
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			padding: 80px 100px 80px 100px;
			width: 100%;
			@media(max-width: 640px){
				padding: 50px 40px;
			}
			.title-section{
				color: $yellow;
				font-size: 48px;
				line-height: 1.3;
				font-weight: normal;
				max-width: 750px;
				margin-bottom: 70px;
				text-align: center;
				span{
					color: #fff;
				}
				@media(max-width: 1365px){
					font-size: 40px;
				}
				@media(max-width: 1279px){
					font-size: 34px;
				}
				@media(max-width: 959px){
					font-size: 36px;
				}
				@media(max-width: 799px){
					font-size: 30px;
				}
				@media(max-width: 640px){
					font-size: 24px;
					margin-bottom: 35px;
					span{
						display: block;
					}
				}
			}
			.desc-section{
				color: #FFF;
				text-align: center;
				font-size: 20px;
				line-height: 36px;
				font-weight: 300;
				max-width: 750px;
				margin-bottom: 70px;
				@media(max-width: 1439px){
					font-size: 18px;
					line-height: 29px;
				}
				@media(max-width: 1365px){
					font-size: 16px;
					line-height: 29px;
				}
				@media(max-width: 1279px){
					font-size: 14px;
					line-height: 25px;
				}
				@media(max-width: 959px){
					font-size: 16px;
					line-height: 26px;
				}
				@media(max-width: 799px){
					font-size: 14px;
					line-height: 21px;
				}
				@media(max-width: 640px){
					font-size: 18px;
					line-height: 28px;
					margin-bottom: 40px;
				}
			}
			.list-solutions{
				width: 100%;
				max-width: 750px;
				.item-solution{
					width: 100%;
					display: flex;
					align-items: center;
					padding: 30px 50px 30px 30px;

background: #222222;
					border-radius: 20px;
					margin-bottom: 20px;
					@media(max-width: 640px){
						padding: 20px;
					}
					&:last-child{
						margin-bottom: 0;
					}
					.text{
						flex: 1;
						color: #FFF;
						font-size: 18px;
						font-weight: 400;
						span{
							margin-top: 4px;
							font-size: 16px;
							color: #828282;
							display: block;
							font-weight: normal;
						}
						@media(max-width: 1439px){
							font-size: 16px;
							span{
								font-size: 14px;
							}
						}
						@media(max-width: 799px){
							font-size: 14px;
							span{
								font-size: 14px;
							}
						}
						@media(max-width: 640px){
							font-size: 14px;
						}
					}
					.icon{
						margin-right: 26px;
						width: 32px;
						height: 32px;
						font-size: 16px;
						border-radius: 100%;
						background: $yellow;
						display: flex;
						font-weight: 500;
						align-items: center;
						align-items: center;
						justify-content: center;
						@media(max-width: 640px){
							width: 20px;
							height: 20px;
							font-size: 12px;
						}
					}
				}
			}

.rezervare{
				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;
				margin-top: 70px;
				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;
					margin-top: 35px;
				}
				svg{
					margin-left: 12px;
					width: 16px;
					float: right;
				    transform: rotate(90deg);
						.stroke-color{
							stroke: $yellow;
						}
				}
				&:hover{
					background: $yellow;
					color: #1A1A1A;
					svg{
						.stroke-color{
							stroke: #1A1A1A;
						}
					}
				}
			}
			.limited-number{
			    color: #fff;
			    margin-top: 17px;
			    font-size: 16px;
				@media(max-width: 640px){
					font-size: 11px;
					margin-top: 13px;
				}
			}
		}
	}
	.square-bg-1{
		position: absolute;
		width: 57px;
		height: auto;
		top: 25%;
		left: 10%;
	}
	.square-bg-2{
		position: absolute;
		width: 29px;
		height: 29px;
		top: 20%;
		left: 80%;
	}
	.square-bg-3{
		position: absolute;
		height: 34px;
		width: 33px;
		top: 5%;
		left: 70%;
	}
	.square-bg-4{
		position: absolute;
		height: 82px;
		width: 79px;
		top: 85%;
		left: 20%;
	}
	.square-bg-5{
		position: absolute;
		height: 34px;
		width: 33px;
		top: 98%;
		left: 56%;
	}
	.square-bg-6{
		position: absolute;
		height: 150px;
		width: 150px;
		top: 70%;
		left: 95%;
	}
	.square-bg-7{
		position: absolute;
		height: 80px;
		width: 80px;
		top: 65%;
		left: 80%;
	}
	.square-bg-8{
		position: absolute;
		height: 50px;
		width: 50px;
		top: 60%;
		left: 20%;
	}
	.square-bg-9{
		position: absolute;
		height: 20px;
		width: 20px;
		top: 54%;
		left: 11%;
	}
	.square-bg-10{
		position: absolute;
		height: 30px;
		width: 30px;
		top: 37%;
		left: 88%;
	}
	.square-bg-11{
		position: absolute;
		height: 60px;
		width: 60px;
		top: 40%;
		left: 80%;
	}
}

Back