__ __ __ __ _____ _ _ _____ _ _ _ | \/ | \ \ / / | __ \ (_) | | / ____| | | | | | \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | | | |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | | | | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | | |_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1 if you need WebShell for Seo everyday contact me on Telegram Telegram Address : @jackleetFor_More_Tools:
.g-home-particles {
&.g-helium-style {
// Navigation Section
#g-navigation {
@include breakpoint(no-mobile) {
background: transparent;
// Logo Particle
.g-logo {
color: $white;
&.g-logo-helium {
svg {
fill: $white;
}
}
}
}
// Social Particle
.g-social {
a {
color: fade-out($white, 0.5);
@include breakpoint(mobile-only) {
color: inherit;
}
&:hover {
color: $white;
@include breakpoint(mobile-only) {
color: $accent-color-1;
}
}
}
}
}
// Header Section
#g-header {
text-align: center;
padding: 0;
@include breakpoint(no-mobile) {
margin-top: -9.5rem;
padding: 0;
}
@include breakpoint(large-mobile-range) {
padding-top: 2rem;
}
// Button Outline
.button {
&.button-outline {
background: transparent;
color: $white;
border-color: fade-out($white, 0.5);
&:hover, &:active, &:focus {
background: fade-out($white, 0.5);
border-color: transparent;
}
}
}
}
// Intro Section
#g-intro {
padding-bottom: 0;
.g-content {
margin-bottom: 0;
padding-bottom: 0;
.fp-intro {
p {
margin-bottom: 2rem;
}
}
}
}
// Features
.fp-features {
.g-block {
@include breakpoint(mobile-only) {
&:not(:last-child) {
margin-bottom: 4.5rem;
}
}
.card {
.card-block {
padding: 0 $content-padding;
.fa {
width: 120px;
height: 120px;
font-size: 4.125rem;
line-height: 6.5rem;
margin: 0 auto 20px;
border: 8px solid fade-out($base-border-color, 0.6);
border-radius: 50%;
}
.card-title {
margin-bottom: 5px;
font-size: 2.25rem;
line-height: 1.66rem;
font-weight: $font-weight-semibold;
}
.card-subtitle {
display: block;
color: fade-out($base-text-color, 0.5);
margin-bottom: 1.5rem;
font-weight: $font-weight-light;
&:after {
display: block;
width: 80%;
height: 1px;
margin: 30px auto 0;
content: "";
background-color: fade-out($base-border-color, 0.2);
}
}
}
}
}
}
// Testimonials
.fp-testimonials {
blockquote {
margin: 2.5rem 0;
border-left: none;
p {
color: $testimonials-text-color;
}
footer {
&:after {
display: block;
margin: 0 auto;
width: 2.5rem;
height: 1px;
content: "";
background-color: fade-out($white, 0.75);
}
}
}
img {
margin-bottom: $content-margin * 2;
border: 4px solid $white;
}
}
// Multi Column Text
.fp-multi-column-text {
.g-block {
p {
padding: 0 5rem;
border-left: 1px solid $base-border-color;
@include breakpoint(mobile-only) {
border: none;
}
}
&:first-child {
p {
padding-left: 0;
padding-right: 5rem;
border-left: none;
@include breakpoint(mobile-only) {
padding: 0;
}
}
}
&:last-child {
p {
padding-right: 0;
padding-left: 5rem;
@include breakpoint(mobile-only) {
padding: 0;
}
}
}
}
}
}
}
| Name | Type | Size | Permission | Actions |
|---|---|---|---|---|
| _buttons.scss | File | 2.41 KB | 0664 |
|
| _core.scss | File | 729 B | 0664 |
|
| _dropdownanimations.scss | File | 3.21 KB | 0664 |
|
| _fonts.scss | File | 1.07 KB | 0664 |
|
| _forms.scss | File | 930 B | 0664 |
|
| _helium-style.scss | File | 5.54 KB | 0664 |
|
| _hyperlinks.scss | File | 107 B | 0664 |
|
| _tables.scss | File | 130 B | 0664 |
|
| _typography.scss | File | 1.35 KB | 0664 |
|
| _utilities.scss | File | 1.53 KB | 0664 |
|
| _variations.scss | File | 5.08 KB | 0664 |
|