One Hat Cyber Team

Your IP : 172.69.214.92

Server IP : 188.114.96.7

Server : Linux advantage-project 5.14.0-503.26.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 19 16:28:19 UTC 2025 x86_64

Server Software : Apache/2.4.62 (Rocky Linux) OpenSSL/3.2.2

PHP Version : 8.3.17

Buat File | Buat Folder

Dir : ~/var/www/htmlOld/theme/dev/components/intro/

Edit File: _intro-line.scss

// Base
.intro-line {
	position: relative;
	overflow: hidden;

.swiper-container {
		min-height: 100vh;
	}

.swiper-slide {
		padding: 50px 0 270px;
	}

.swiper-container-horizontal {
		.swiper-pagination-bullets {
			left: auto;
			top: 50%;
			right: 10px; // 130px
			bottom: auto;
			width: auto;
			transform: translate3d( 0px, -50%, 0 );

.swiper-pagination-bullet {
				margin: px-to-rem( 26px, 0 );
				display: flex;
			}
		}
	}
}

.intro-line-container {
	width: 100%;
	max-width: 67.5%;;
	margin-left: auto;
	margin-right: auto;
}

.intro-line-footer {
	padding: px-to-rem( 38px, 0 );
}

.intro-line-table {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.intro-line-row {
	display: flex;
	width: 100%;

&:not( :last-child ) {
		border-bottom: 1px solid;
	}
}

.intro-line-content {
	flex-grow: 1;

.intro-line-col:not(:last-child) {
		position: relative;

&::before,
		&::after {
			position: absolute;
			right: -3px;
			width: 5px;
			height: 5px;
			background-color: rgba( $white, .4 );
			content: '';
		}

&::before {
			top: -3px;
		}

&::after {
			bottom: -3px;
		}
	}

}

.intro-line-table {
	pointer-events: none;

.intro-line-col {
		> * {
			pointer-events: auto;
		}

&:not( :last-child ) {
			border-right: 1px solid;
		}
	}
}

.intro-line-col {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex: 0 0 16.25%;
	max-width: 16.25%;
	min-height: 40px;
	transition: $transition-base;

&:hover {
		background-color: rgba( $white, .1 );
	}

&-center {
		flex: 0 0 67.5%;
		max-width: 67.5%;
	}
}

// Context dark
.context-dark {
	.intro-line-table {
		.intro-line-row {
			&:not( :last-child ) {
				border-bottom-color: rgba( $white, .3 );
			}
		}
		.intro-line-col {
			&:not( :last-child ) {
				border-right-color: rgba( $white, .3 );
			}
		}
	}
}

.rd-navbar-fixed-linked {
	.intro-line {
		.swiper-container {
			min-height: calc( 100vh - 60px );
		}
	}
}

// Media
@include media-breakpoint-up( sm ) {
	.intro-line {
		.swiper-slide {
			padding: 100px 0 180px;
		}
	}
}

@include media-breakpoint-up(md) {
	.intro-line {
		.swiper-slide {
			padding: 100px 0 180px;
		}
	}

.intro-line-col {
		min-height: 80px;
	}
}
@include media-breakpoint-up( xl ) {
	.intro-line {
		.swiper-slide {
			padding: 140px 0;
		}
	}
}

@include media-breakpoint-up( xxl ) {
	.intro-line {
		.swiper-container-horizontal {
			.swiper-pagination-bullets {
				right: 130px;
			}
		}
	}

.intro-line-col {
		min-height: 134px;
	}
}