David/jeisaimporters-WEBSITE
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

header: add Importers to brand subline; abbreviate to SA and tighten tracking

Browse source
This commit is contained in:
David 2026-08-19 09:15:01 +02:00
parent 123abf060c
commit a50a74873f
2 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
index.html
View file

@ -45,7 +45,7 @@
.brand { display: inline-flex; align-items: baseline; gap: 2px; color: #fff; font-weight: 700; letter-spacing: -0.02em; }
.brand__je { font-size: 22px; line-height: 1; }
.brand__i { font-size: 22px; line-height: 1; color: var(--accent); }
.brand__sub { margin-left: 10px; font-size: 12px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.7); }
.brand__sub { margin-left: 10px; font-size: 11px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.7); white-space: nowrap; }
.brand__sub .accent { color: var(--accent); }
.nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.nav a { font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.85); padding: 6px 0; border-bottom: 1px solid transparent; transition: border-color 0.15s, color 0.15s; }
@ -237,9 +237,9 @@
<header class="topbar">
<div class="container topbar__inner">
<a href="index.html" class="brand" aria-label="JEI South Africa — home">
<a href="index.html" class="brand" aria-label="JEI South Africa — importers of magnetic drilling and annular cutting equipment" data-od-id="site-brand">
<span class="brand__je">JE</span><span class="brand__i">i</span>
<span class="brand__sub">South&nbsp;Africa <span class="accent">·</span> <span class="accent">Built for Industry</span></span>
<span class="brand__sub">SA <span class="accent">·</span> <span class="accent">Importers</span> <span class="accent">·</span> <span class="accent">Built for Industry</span></span>
</a>
<nav class="nav" aria-label="Primary">
<a href="products.html">Products</a>
@ -298,7 +298,7 @@
</dl>
</div>
<div class="hero__art">
<img src="mqcitja8-Gemini_Generated_Image_m7xmdtm7xmdtm7xm.png" alt="MagBeast magnetic drill press — technical schematic, two-view orthographic drawing with 14 labelled parts, dimensioned in millimetres." width="2048" height="2048" loading="eager" decoding="async">
<img src="/api/projects/716abf22-4c81-4e02-9071-f87cd01d9451/raw/mqcitja8-Gemini_Generated_Image_m7xmdtm7xmdtm7xm.png?workspaceId=un26lqpsncycdhv3rp1d0ywn&amp;workspaceMemberId=pxn6oix13zs6uq64ruak6n1g" alt="MagBeast magnetic drill press — technical schematic, two-view orthographic drawing with 14 labelled parts, dimensioned in millimetres." width="2048" height="2048" loading="eager" decoding="async">
</div>
</div>
</section>
@ -415,23 +415,23 @@
</div>
<div class="range__grid">
<a href="products.html#drills" class="range__cell reveal" aria-label="MagBeast — magnetic drills">
<div class="range__logo"><img src="mqcj0lwu-image.png" alt="MagBeast" width="600" height="200" loading="lazy" decoding="async" /></div>
<div class="range__logo"><img src="/api/projects/716abf22-4c81-4e02-9071-f87cd01d9451/raw/mqcj0lwu-image.png?workspaceId=un26lqpsncycdhv3rp1d0ywn&amp;workspaceMemberId=pxn6oix13zs6uq64ruak6n1g" alt="MagBeast" width="600" height="200" loading="lazy" decoding="async"></div>
<div class="range__name">MagBeast<sup>®</sup> · Drills</div>
</a>
<a href="products.html#cordless" class="range__cell reveal" aria-label="MiniBeast — compact cordless">
<div class="range__logo"><img src="mqcj0qbk-image.png" alt="MiniBeast" width="600" height="200" loading="lazy" decoding="async" /></div>
<div class="range__logo"><img src="/api/projects/716abf22-4c81-4e02-9071-f87cd01d9451/raw/mqcj0qbk-image.png?workspaceId=un26lqpsncycdhv3rp1d0ywn&amp;workspaceMemberId=pxn6oix13zs6uq64ruak6n1g" alt="MiniBeast" width="600" height="200" loading="lazy" decoding="async"></div>
<div class="range__name">MiniBeast<sup>™</sup> · Cordless</div>
</a>
<a href="products.html#cutters" class="range__cell reveal" aria-label="SteelBeast — industrial">
<div class="range__logo"><img src="mqcj0uhh-image.png" alt="SteelBeast" width="600" height="200" loading="lazy" decoding="async" /></div>
<div class="range__logo"><img src="/api/projects/716abf22-4c81-4e02-9071-f87cd01d9451/raw/mqcj0uhh-image.png?workspaceId=un26lqpsncycdhv3rp1d0ywn&amp;workspaceMemberId=pxn6oix13zs6uq64ruak6n1g" alt="SteelBeast" width="600" height="200" loading="lazy" decoding="async"></div>
<div class="range__name">SteelBeast<sup>®</sup> · Industrial</div>
</a>
<a href="products.html#cutters" class="range__cell reveal" aria-label="Turbo — annular cutters">
<div class="range__logo"><img src="mqcj14mi-image.png" alt="Turbo" width="600" height="200" loading="lazy" decoding="async" /></div>
<div class="range__logo"><img src="/api/projects/716abf22-4c81-4e02-9071-f87cd01d9451/raw/mqcj14mi-image.png?workspaceId=un26lqpsncycdhv3rp1d0ywn&amp;workspaceMemberId=pxn6oix13zs6uq64ruak6n1g" alt="Turbo" width="600" height="200" loading="lazy" decoding="async"></div>
<div class="range__name">Turbo<sup>™</sup> · Cutters</div>
</a>
<a href="products.html#pneumatic" class="range__cell reveal" aria-label="AirBeast — pneumatic">
<div class="range__logo"><img src="mqcj189n-image.png" alt="AirBeast" width="600" height="200" loading="lazy" decoding="async" /></div>
<div class="range__logo"><img src="/api/projects/716abf22-4c81-4e02-9071-f87cd01d9451/raw/mqcj189n-image.png?workspaceId=un26lqpsncycdhv3rp1d0ywn&amp;workspaceMemberId=pxn6oix13zs6uq64ruak6n1g" alt="AirBeast" width="600" height="200" loading="lazy" decoding="async"></div>
<div class="range__name">AirBeast<sup>®</sup> · Pneumatic</div>
</a>
</div>
@ -526,8 +526,8 @@
<h4>Contact</h4>
<ul>
<li><a href="contact.html">Request a quote</a></li>
<li><a href="tel:+27115550100">+27 (0)11 555 0100</a></li>
<li><a href="mailto:sales@jei.co.za">sales@jei.co.za</a></li>
<li><a href="tel:+27828524633">+27 (0)82 852 4633</a></li>
<li><a href="mailto:gary@wfsales.co.za">gary@wfsales.co.za</a></li>
<li><a href="https://wa.me/27715550100">WhatsApp</a></li>
</ul>
</div>

2
index.html.artifact.json
View file

@ -11,7 +11,7 @@
"zip"
],
"createdAt": "2026-06-13T15:10:45.406Z",
"updatedAt": "2026-06-13T15:42:10.319Z",
"updatedAt": "2026-08-19T07:12:31.816Z",
"metadata": {
"inferred": true,
"reconciled": true