ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro / resources / 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 : _pricing-1.scss \| Size : 5.91 KB
.pricing-1{ min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 120px 80px 80px 80px; @media(max-width: 500px){ padding: 80px 40px; } .title{ font-size: 48px; line-height: 1.2; color: #333; text-align: center; max-width: 860px; margin: 0 auto 15px; @media(max-width: 1439px){ font-size: 48px; } @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; } } .section-description{ font-size: 20px; line-height: 36px; font-weight: 300; text-align: center; opacity: 0.7; max-width: 860px; margin: 0 auto 60px; @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; } } .list-prices{ margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-left: -15px; margin-right: -15px; height: 470px; @media(max-width: 959px){ margin-left: -10px; margin-right: -10px; } @media(max-width: 799px){ margin-left: 0; margin-right: 0; flex-direction: column; height: auto; margin-bottom: 15px; &:last-child{ margin-bottom: 0; } } .price-column{ flex: 1; padding: 0 15px; max-width: 335px; @media(max-width: 1279px){ max-width: 300px; } @media(max-width: 959px){ max-width: 260px; padding: 0 10px; } @media(max-width: 799px){ margin-bottom: 15px; &:last-child{ margin-bottom: 0; } } .price-box{ border: 2px solid #E4E6E7; border-radius: 17px; overflow: hidden; cursor: pointer; max-height: 390px; transition: max-height 0.5s; @media(max-width: 959px){ max-height: 340px; } &.active{ max-height: 500px; border: 2px solid $black; } &.primary{ .top-part{ .price{ .value{ font-weight: 500; } } } .list-features{ .item-feature{ .check{ .stroke-box{ stroke: #0060C3; } .fill-box{ fill: #6BB3FF; } .check-stroke{ stroke: #FFFFFF; } } } } } .top-part{ padding: 30px; @media(max-width: 959px){ padding: 20px; } .header{ display: flex; align-items: center; margin-bottom: 15px; @media(max-width: 959px){ margin-bottom: 10px; } .name{ color: $black; font-size: 18px; line-height: 1.2; @media(max-width: 959px){ font-size: 16px; } } .best-choice{ margin-left: auto; background: #6BB3FF; border: 1px solid #0060C3; color: #FFF; text-transform: uppercase; padding: 7px 12px; font-size: 10px; line-height: 12px; border-radius: 24px; font-weight: 700; @media(max-width: 959px){ padding: 5px 7px; font-size: 8px; } } } .text-contact-sales{ color: #242424; font-weight: 700; font-size: 12px; line-height: 18px; margin-bottom: 15px; @media(max-width: 959px){ margin-bottom: 10px; font-size: 10px; } a{ color: $blue; text-decoration: none; display: inline-block; &:focus{ outline: none; } &:hover{ text-decoration: underline; } } } .price{ display: flex; align-items: flex-end; margin-bottom: 18px; @media(max-width: 959px){ margin-bottom: 10px; } .value{ font-size: 38px; line-height: 49px; color: $black; font-weight: 300; @media(max-width: 959px){ font-size: 30px; line-height: 1.2; } } .period{ font-size: 12px; line-height: 1.2; color: #858792; margin-bottom: 7px; margin-left: 5px; @media(max-width: 959px){ font-size: 10px; } } } .desc{ font-size: 12px; line-height: 1.5; color: $black; opacity: 0.6; @media(max-width: 959px){ font-size: 10px; } } } .list-features{ padding: 30px; background: #FBFBFC; @media(max-width: 959px){ padding: 20px; } .item-feature{ display: flex; align-items: center; margin-bottom: 13px; @media(max-width: 959px){ margin-bottom: 10px; } &.last-child{ margin-bottom: 0; } .name-feature{ font-size: 12px; color: $black; line-height: 1.5; @media(max-width: 959px){ font-size: 10px; } } .check{ margin-left: auto; display: flex; .stroke-box{ stroke: #DCDEE1; } .fill-box{ fill: #FCFCFC; } .check-stroke{ stroke: #181B30; } } } .btn-choose-plan{ margin-top: 26px; border: 1px solid #242424; background: #242424; border-radius: 30px; width: 100%; text-align: center; padding: 12px 15px; font-size: 15px; line-height: 1; color: #FFF; opacity: 0; transition: opacity 0.2s; display: block; text-decoration: none; @media(max-width: 959px){ font-size: 13px; padding: 8px 10px; } &.active{ opacity: 1; } &:hover{ background: #FFF; color: #242424; } &:focus{ outline: none; text-decoration: none; } } } } } } } Back

Edit File : _pricing-1.scss | Size : 5.91 KB

.pricing-1{
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 120px 80px 80px 80px;
	@media(max-width: 500px){
		padding: 80px 40px;
	}
	.title{
		font-size: 48px;
		line-height: 1.2;
		color: #333;
		text-align: center;
		max-width: 860px;
		margin: 0 auto 15px;
		@media(max-width: 1439px){
			font-size: 48px;
		}
		@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;
		}
	}
	.section-description{
		font-size: 20px;
		line-height: 36px;
		font-weight: 300;
		text-align: center;
		opacity: 0.7;
		max-width: 860px;
		margin: 0 auto 60px;
		@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;
		}
	}
	.list-prices{
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: -15px;
		margin-right: -15px;
		height: 470px;
		@media(max-width: 959px){
			margin-left: -10px;
			margin-right: -10px;
		}
		@media(max-width: 799px){
			margin-left: 0;
			margin-right: 0;
			flex-direction: column;
			height: auto;
			margin-bottom: 15px;
			&:last-child{
				margin-bottom: 0;
			}
		}
		.price-column{
			flex: 1;
			padding: 0 15px;
			max-width: 335px;
			@media(max-width: 1279px){
				max-width: 300px;
			}
			@media(max-width: 959px){
				max-width: 260px;
				padding: 0 10px;
			}
			@media(max-width: 799px){
				margin-bottom: 15px;
				&:last-child{
					margin-bottom: 0;
				}
			}
			.price-box{
				border: 2px solid #E4E6E7;
				border-radius: 17px;
				overflow: hidden;
				cursor: pointer;
			    max-height: 390px;
				transition: max-height 0.5s;
				@media(max-width: 959px){
			    	max-height: 340px;
				}
				&.active{
					max-height: 500px;
					border: 2px solid $black;
				}
				&.primary{
					.top-part{
						.price{
							.value{
								font-weight: 500;
							}
						}
					}
					.list-features{
						.item-feature{
							.check{
								.stroke-box{
									stroke: #0060C3;
								}
								.fill-box{
									fill: #6BB3FF;
								}
								.check-stroke{
									stroke: #FFFFFF;
								}
							}
						}
					}
				}
				.top-part{
					padding: 30px;
					@media(max-width: 959px){
						padding: 20px;
					}
					.header{
						display: flex;
						align-items: center;
						margin-bottom: 15px;
						@media(max-width: 959px){
							margin-bottom: 10px;
						}
						.name{
							color: $black;
							font-size: 18px;
							line-height: 1.2;
							@media(max-width: 959px){
								font-size: 16px;
							}
						}
						.best-choice{
							margin-left: auto;
							background: #6BB3FF;
							border: 1px solid #0060C3;
							color: #FFF;
							text-transform: uppercase;
							padding: 7px 12px;
							font-size: 10px;
							line-height: 12px;
							border-radius: 24px;
							font-weight: 700;
							@media(max-width: 959px){
								padding: 5px 7px;
								font-size: 8px;
							}
						}
					}
					.text-contact-sales{
						color: #242424;
						font-weight: 700;
						font-size: 12px;
						line-height: 18px;
						margin-bottom: 15px;
						@media(max-width: 959px){
							margin-bottom: 10px;
							font-size: 10px;
						}
						a{
							color: $blue;
							text-decoration: none;
							display: inline-block;
							&:focus{
								outline: none;
							}
							&:hover{
								text-decoration: underline;
							}
						}
					}
					.price{
						display: flex;
						align-items: flex-end;
						margin-bottom: 18px;
						@media(max-width: 959px){
							margin-bottom: 10px;
						}
						.value{
							font-size: 38px;
							line-height: 49px;
							color: $black;
							font-weight: 300;
							@media(max-width: 959px){
								font-size: 30px;
								line-height: 1.2;
							}
						}
						.period{
							font-size: 12px;
							line-height: 1.2;
							color: #858792;
							margin-bottom: 7px;
							margin-left: 5px;
							@media(max-width: 959px){
								font-size: 10px;
							}
						}
					}
					.desc{
						font-size: 12px;
						line-height: 1.5;
						color: $black;
						opacity: 0.6;
						@media(max-width: 959px){
							font-size: 10px;
						}
					}
				}
				.list-features{
					padding: 30px;
					background: #FBFBFC;
					@media(max-width: 959px){
						padding: 20px;
					}
					.item-feature{
						display: flex;
						align-items: center;
						margin-bottom: 13px;
						@media(max-width: 959px){
							margin-bottom: 10px;
						}
						&.last-child{
							margin-bottom: 0;
						}
						.name-feature{
							font-size: 12px;
							color: $black;
							line-height: 1.5;
							@media(max-width: 959px){
								font-size: 10px;
							}
						}
						.check{
							margin-left: auto;
							display: flex;
							.stroke-box{
								stroke: #DCDEE1;
							}
							.fill-box{
								fill: #FCFCFC;
							}
							.check-stroke{
								stroke: #181B30;
							}
						}
					}

.btn-choose-plan{
						margin-top: 26px;
						border: 1px solid #242424;
						background: #242424;
						border-radius: 30px;
						width: 100%;
						text-align: center;
						padding: 12px 15px;
						font-size: 15px;
						line-height: 1;
						color: #FFF;
						opacity: 0;
						transition: opacity 0.2s;
						display: block;
						text-decoration: none;
						@media(max-width: 959px){
							font-size: 13px;
							padding: 8px 10px;
						}
						&.active{
							opacity: 1;
						}
						&:hover{
							background: #FFF;
							color: #242424;
						}
						&:focus{
							outline: none;
							text-decoration: none;
						}
					}
				}
			}
			
		}
	}
}

Back