hmm
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 123 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
+7
-23
@@ -115,28 +115,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<img
|
<img class="brands-banner" src="asset/banner.webp" alt="" />
|
||||||
class="brands-banner"
|
|
||||||
id="brands-banner"
|
|
||||||
src="asset/banner/5.webp"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Banner image selector -->
|
|
||||||
<div class="banner-selector">
|
|
||||||
<label for="banner-picker">Banner:</label>
|
|
||||||
<select id="banner-picker">
|
|
||||||
<option value="1">Banner 1</option>
|
|
||||||
<option value="2">Banner 2</option>
|
|
||||||
<option value="3">Banner 3</option>
|
|
||||||
<option value="4">Banner 4</option>
|
|
||||||
<option value="5" selected>Banner 5</option>
|
|
||||||
<option value="6">Banner 6</option>
|
|
||||||
<option value="7">Banner 7</option>
|
|
||||||
<option value="8">Banner 8</option>
|
|
||||||
<option value="9">Banner 9</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@@ -307,7 +286,12 @@
|
|||||||
Interested in carrying [fi-ne] or LACUEOR? Send us your details
|
Interested in carrying [fi-ne] or LACUEOR? Send us your details
|
||||||
and we will get back to you within 48 hours.
|
and we will get back to you within 48 hours.
|
||||||
</p>
|
</p>
|
||||||
<form class="signup-form" action="#signup" method="post" novalidate>
|
<form
|
||||||
|
class="signup-form"
|
||||||
|
action="https://n8n.finorbrands.com/webhook/b2b-signup"
|
||||||
|
method="post"
|
||||||
|
novalidate
|
||||||
|
>
|
||||||
<div class="signup-grid">
|
<div class="signup-grid">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="signup-name" data-i18n="signup.name"
|
<label for="signup-name" data-i18n="signup.name"
|
||||||
|
|||||||
@@ -64,15 +64,6 @@
|
|||||||
applyLang(this.value);
|
applyLang(this.value);
|
||||||
});
|
});
|
||||||
|
|
||||||
/* ── Banner image selector ──────────────────────────────── */
|
|
||||||
var bannerPicker = document.getElementById("banner-picker");
|
|
||||||
var brandsBanner = document.getElementById("brands-banner");
|
|
||||||
if (bannerPicker && brandsBanner) {
|
|
||||||
bannerPicker.addEventListener("change", function () {
|
|
||||||
brandsBanner.src = "asset/banner/" + this.value + ".webp";
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ── Smooth anchor scroll offset for fixed topbar ────────── */
|
/* ── Smooth anchor scroll offset for fixed topbar ────────── */
|
||||||
document.querySelectorAll('a[href^="#"]').forEach(function (anchor) {
|
document.querySelectorAll('a[href^="#"]').forEach(function (anchor) {
|
||||||
anchor.addEventListener("click", function (e) {
|
anchor.addEventListener("click", function (e) {
|
||||||
|
|||||||
@@ -887,49 +887,6 @@ footer {
|
|||||||
margin: 0 auto 24px;
|
margin: 0 auto 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================================
|
|
||||||
BANNER SELECTOR
|
|
||||||
============================================================ */
|
|
||||||
.banner-selector {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 12px;
|
|
||||||
padding: 20px 48px;
|
|
||||||
background: var(--cream);
|
|
||||||
border-bottom: 1px solid var(--border);
|
|
||||||
font-family: var(--font-sans);
|
|
||||||
font-size: 10px;
|
|
||||||
letter-spacing: 0.12em;
|
|
||||||
color: var(--mid-grey);
|
|
||||||
}
|
|
||||||
|
|
||||||
.banner-selector label {
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-weight: 500;
|
|
||||||
letter-spacing: 0.2em;
|
|
||||||
color: var(--gold);
|
|
||||||
}
|
|
||||||
|
|
||||||
.banner-selector select {
|
|
||||||
font-family: var(--font-sans);
|
|
||||||
font-size: 11px;
|
|
||||||
letter-spacing: 0.06em;
|
|
||||||
padding: 8px 16px;
|
|
||||||
border: 1px solid var(--border);
|
|
||||||
background: var(--warm-white);
|
|
||||||
color: var(--charcoal);
|
|
||||||
cursor: pointer;
|
|
||||||
outline: none;
|
|
||||||
transition: border-color var(--transition);
|
|
||||||
min-width: 130px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.banner-selector select:hover,
|
|
||||||
.banner-selector select:focus {
|
|
||||||
border-color: var(--gold);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
RESPONSIVE
|
RESPONSIVE
|
||||||
============================================================ */
|
============================================================ */
|
||||||
|
|||||||
Reference in New Issue
Block a user