One Hat Cyber Team

Your IP : 172.69.6.85

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/html/theme/dev/components/intro/

Edit File: _intro-creative.scss

// Base
.intro-creative {
	overflow: hidden;
	position: relative;
	background: linear-gradient(115.21deg, #6F5D86 2.05%, #9D769F 17.79%, #B27EB2 27.53%, #D17F7B 44.74%, #8A5C7D 100%);

* + .list-divided { margin-top: px-to-rem( 28px ) }
}

.intro-creative-right-inner {
	max-width: 310px;
	padding: 30px 15px;
}

// Context dark
.context-dark {
	.intro-creative-slider.swiper-container {
		.swiper-buttons {
			&::before {
				border-color: rgba( $white, .1 );
			}
		}
	}
}

// Media
@include media-breakpoint-up( sm ) {
	.intro-creative {
		display: flex;
		align-items: center;
	}

.intro-creative-left {
		flex: 0 0 50%;
		max-width: 50%;
	}

.intro-creative-right {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@include media-breakpoint-up(md) {
	.intro-creative {
		display: flex;
		align-items: center;
	}

.intro-creative-left {
		flex: 0 0 60%;
		max-width: 60%;
	}

.intro-creative-right {
		flex: 0 0 40%;
		max-width: 40%;
	}
}

@include media-breakpoint-up(lg) {
	.intro-creative-left {
		flex: 0 0 70%;
		max-width: 70%;
	}

.intro-creative-right {
		flex: 0 0 30%;
		max-width: 30%;
	}

.intro-creative {
		.text-decorated {
			padding-left: 0;

&::after {
				left: px-to-rem( -60px );
				bottom: .35em;
				height: 75%;
			}
		}
	}
}

@include media-breakpoint-up( xl ) {
	.intro-creative {
		padding: 0;
	}

.intro-creative-left {
		flex: 1 0 69%;
		max-width: 69%;
		margin-left: auto;
	}

.intro-creative-right {
		flex: 0 0 27%;
		max-width: 27%;
	}
}