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>
|
||||
</div>
|
||||
</a>
|
||||
<img
|
||||
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>
|
||||
<img class="brands-banner" src="asset/banner.webp" alt="" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -307,7 +286,12 @@
|
||||
Interested in carrying [fi-ne] or LACUEOR? Send us your details
|
||||
and we will get back to you within 48 hours.
|
||||
</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="form-group">
|
||||
<label for="signup-name" data-i18n="signup.name"
|
||||
|
||||
@@ -64,15 +64,6 @@
|
||||
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 ────────── */
|
||||
document.querySelectorAll('a[href^="#"]').forEach(function (anchor) {
|
||||
anchor.addEventListener("click", function (e) {
|
||||
|
||||
@@ -887,49 +887,6 @@ footer {
|
||||
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
|
||||
============================================================ */
|
||||
|
||||
Reference in New Issue
Block a user