ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro_simple / src / 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-03.scss \| Size : 4.92 KB
.section-3{ position: relative; @media(max-width: 640px){ display: none; } .container-section{ min-height: 100vh; display: flex; align-items: center; justify-content: center; .container-holder{ padding: 80px 100px; width: 100%; @media(max-width: 640px){ padding: 50px 40px; } .title-section{ color: #FFF; font-size: 48px; line-height: 1.2; font-weight: normal; margin-bottom: 70px; text-align: center; @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: 32px; margin-bottom: 30px; } } .data-webinar{ display: flex; justify-content: center; margin-bottom: 70px; @media(max-width: 640px){ flex-direction: column; align-items: center; margin-bottom: 40px; } .data-item{ flex: 1; width: 100%; max-width: 265px; margin: 0 30px; @media(max-width: 799px){ margin: 0 15px; } @media(max-width: 640px){ margin: 0 0 40px; } .box-value{ position: relative; border-radius: 20px; background: #2E2E2E; height: 156px; display: flex; align-items: center; justify-content: center; font-size: 65px; color: #FFF; margin-bottom: 30px; @media(max-width: 1439px){ font-size: 60px; } @media(max-width: 1365px){ font-size: 58px; } @media(max-width: 1279px){ font-size: 50px; } @media(max-width: 959px){ font-size: 48px; } @media(max-width: 799px){ font-size: 36px; } @media(max-width: 640px){ font-size: 40px; height: 100px; margin-bottom: 15px; } .icon-box{ position: absolute; top: 20px; left: 20px; width: 32px; height: 32px; border-radius: 100%; background: $yellow; display: flex; align-items: center; justify-content: center; @media(max-width: 1439px){ width: 32px; height: 32px; } @media(max-width: 1365px){ width: 30px; height: 30px; } @media(max-width: 1279px){ width: 28px; height: 28px; } @media(max-width: 959px){ width: 26px; height: 26px; } @media(max-width: 799px){ width: 24px; height: 24px; } @media(max-width: 640px){ width: 20px; height: 20px; } svg{ height: 16px; width: auto; @media(max-width: 959px){ height: 14px; } } .icon-plus{ path{ stroke: #111110; } } } } .short-desc{ margin: 0 auto; max-width: 200px; font-size: 20px; color: #FFF; text-align: center; span{ display: block; } @media(max-width: 1439px){ font-size: 18px; } @media(max-width: 1365px){ font-size: 16px; } @media(max-width: 1279px){ font-size: 14px; } @media(max-width: 959px){ font-size: 16px; } @media(max-width: 799px){ font-size: 14px; } @media(max-width: 640px){ font-size: 14px; } } } } .subscribe-webinar{ display: flex; justify-content: center; button{ display: flex; align-items: center; background: $yellow; border: 1px solid $yellow; border-radius: 35px; color: #111110; font-size: 16px; padding: 12px 40px; height: 48px; cursor: pointer; @media(max-width: 1439px){ height: 48px; font-size: 16px; padding: 10px 30px; } @media(max-width: 1279px){ height: 38px; font-size: 12px; } @media(max-width: 799px){ height: 46px; font-size: 14px; padding: 10px 20px; } @media(max-width: 640px){ width: 100%; max-width: 400px; justify-content: space-between; } .icon-arrow{ margin-left: 10px; transform: rotate(90deg); @media(max-width: 799px){ width: 13px; height: auto; } .stroke-color{ stroke: #111110; } } &:focus{ outline: none; } &:hover{ background: #111110; color: $yellow; .icon-arrow{ .stroke-color{ stroke: $yellow; } } } } } } } .square-bg-1{ position: absolute; width: 179px; height: 185px; top: 16%; left: 80%; } .square-bg-2{ position: absolute; width: 32px; height: 33px; top: 20%; left: 18%; } .square-bg-3{ position: absolute; height: 155px; width: 149px; top: 80%; left: 20%; } .square-bg-4{ position: absolute; height: 65px; width: 63px; top: 78%; left: 80%; } } Back

Edit File : _section-03.scss | Size : 4.92 KB

.section-3{
	position: relative;
	@media(max-width: 640px){
		display: none;
	}
	.container-section{
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		.container-holder{
			padding: 80px 100px;
			width: 100%;
			@media(max-width: 640px){
				padding: 50px 40px;
			}
			.title-section{
				color: #FFF;
				font-size: 48px;
				line-height: 1.2;
				font-weight: normal;
				margin-bottom: 70px;
				text-align: center;
				@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: 32px;
					margin-bottom: 30px;
				}
			}
			.data-webinar{
				display: flex;
				justify-content: center;
				margin-bottom: 70px;
				@media(max-width: 640px){
					flex-direction: column;
					align-items: center;
					margin-bottom: 40px;
				}
				.data-item{
					flex: 1;
					width: 100%;
					max-width: 265px;
					margin: 0 30px;
					@media(max-width: 799px){
						margin: 0 15px;
					}
					@media(max-width: 640px){
						margin: 0 0 40px;
					}
					.box-value{
						position: relative;
						border-radius: 20px;
						background: #2E2E2E;
						height: 156px;
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 65px;
						color: #FFF;
						margin-bottom: 30px;
						@media(max-width: 1439px){
							font-size: 60px;
						}
						@media(max-width: 1365px){
							font-size: 58px;
						}
						@media(max-width: 1279px){
							font-size: 50px;
						}
						@media(max-width: 959px){
							font-size: 48px;
						}
						@media(max-width: 799px){
							font-size: 36px;
						}
						@media(max-width: 640px){
							font-size: 40px;
							height: 100px;
							margin-bottom: 15px;
						}
						.icon-box{
							position: absolute;
							top: 20px;
							left: 20px;
							width: 32px;
							height: 32px;
							border-radius: 100%;
							background: $yellow;
							display: flex;
							align-items: center;
							justify-content: center;
							@media(max-width: 1439px){
								width: 32px;
								height: 32px;
							}
							@media(max-width: 1365px){
								width: 30px;
								height: 30px;
							}
							@media(max-width: 1279px){
								width: 28px;
								height: 28px;
							}
							@media(max-width: 959px){
								width: 26px;
								height: 26px;
							}
							@media(max-width: 799px){
								width: 24px;
								height: 24px;
							}
							@media(max-width: 640px){
								width: 20px;
								height: 20px;
							}
							svg{
								height: 16px;
								width: auto;
								@media(max-width: 959px){
									height: 14px;
								}
							}
							.icon-plus{
								path{
									stroke: #111110;
								}
							}
						}
					}
					.short-desc{
						margin: 0 auto;
						max-width: 200px;
						font-size: 20px;
						color: #FFF;
						text-align: center;
						span{
							display: block;
						}
						@media(max-width: 1439px){
							font-size: 18px;
						}
						@media(max-width: 1365px){
							font-size: 16px;
						}
						@media(max-width: 1279px){
							font-size: 14px;
						}
						@media(max-width: 959px){
							font-size: 16px;
						}
						@media(max-width: 799px){
							font-size: 14px;
						}
						@media(max-width: 640px){
							font-size: 14px;
						}
					}
				}
			}
			.subscribe-webinar{
				display: flex;
				justify-content: center;
				button{
					display: flex;
					align-items: center;
					background: $yellow;
					border: 1px solid $yellow;
					border-radius: 35px;
					color: #111110;
					font-size: 16px;
					padding: 12px 40px;
					height: 48px;
					cursor: pointer;
					@media(max-width: 1439px){
						height: 48px;
						font-size: 16px;
						padding: 10px 30px;
					}
					@media(max-width: 1279px){
						height: 38px;
						font-size: 12px;
					}
					@media(max-width: 799px){
						height: 46px;
						font-size: 14px;
						padding: 10px 20px;
					}
					@media(max-width: 640px){
						width: 100%;
						max-width: 400px;
						justify-content: space-between;
					}
					.icon-arrow{
						margin-left: 10px;
						transform: rotate(90deg);
						@media(max-width: 799px){
							width: 13px;
							height: auto;
						}
						.stroke-color{
							stroke: #111110;
						}
					}
					&:focus{
						outline: none;
					}
					&:hover{
						background: #111110;
						color: $yellow;	
						.icon-arrow{
							.stroke-color{
								stroke: $yellow;
							}
						}
					}
				}
			}
		}
	}
	.square-bg-1{
		position: absolute;
		width: 179px;
		height: 185px;
		top: 16%;
		left: 80%;
	}
	.square-bg-2{
		position: absolute;
		width: 32px;
		height: 33px;
		top: 20%;
		left: 18%;
	}
	.square-bg-3{
		position: absolute;
		height: 155px;
		width: 149px;
		top: 80%;
		left: 20%;
	}
	.square-bg-4{
		position: absolute;
		height: 65px;
		width: 63px;
		top: 78%;
		left: 80%;
	}
}

Back