Anreicherung: Bilder, Logo, Text-Feinarbeit (Cloud-Routine)
This commit is contained in:
1
.image-slots.state.json
Normal file
1
.image-slots.state.json
Normal file
File diff suppressed because one or more lines are too long
@@ -1,5 +1,5 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 48" role="img" aria-label="Logo-Platzhalter">
|
||||
<rect x="1" y="1" width="258" height="46" rx="8" fill="none" stroke="#f0f0ec" stroke-opacity="0.35" stroke-width="1.5" stroke-dasharray="6 5"/>
|
||||
<text x="130" y="25" text-anchor="middle" font-family="Archivo, system-ui, sans-serif" font-weight="800" font-size="20" letter-spacing="1" fill="#f0f0ec">IHR LOGO</text>
|
||||
<text x="130" y="39" text-anchor="middle" font-family="Archivo, system-ui, sans-serif" font-weight="600" font-size="8" letter-spacing="2" fill="#f0f0ec" fill-opacity="0.55">HIER EIGENES LOGO EINSETZEN</text>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 64" width="320" height="64" role="img" aria-label="GUMA Auto-Technik-Center Pirmasens">
|
||||
<rect x="4" y="18" width="6" height="30" rx="3" fill="#F0912F"/>
|
||||
<text x="20" y="42" font-family="Arial, Helvetica, sans-serif" font-size="34" font-weight="700" letter-spacing="1.5" fill="#F0912F">GUMA</text>
|
||||
<text x="21" y="57" font-family="Arial, Helvetica, sans-serif" font-size="10.5" font-weight="600" letter-spacing="3.4" fill="#9aa3ad">AUTO-TECHNIK-CENTER</text>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 643 B After Width: | Height: | Size: 528 B |
14
index.html
14
index.html
@@ -113,7 +113,7 @@
|
||||
</h1>
|
||||
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.5; color: #c5c9ce; max-width: 560px; margin: 0 auto; font-weight: 500;">
|
||||
Wir reparieren alles! Mit Originalteilen und neuester Technik zu fairen Preisen. Als wäre nichts passiert.
|
||||
Unfallschaden, Delle oder Kratzer – wir reparieren und lackieren Ihr Fahrzeug mit modernster Wasserlacktechnik zu fairen Preisen. Als wäre nichts passiert.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -229,7 +229,7 @@
|
||||
<div style="max-width: 760px; margin-bottom: clamp(40px, 6vh, 64px);">
|
||||
<span style="display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #9FD1F5; margin-bottom: 16px;">Referenzen</span>
|
||||
<h2 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; line-height: 1.1; color: #f5f4f0; font-size: clamp(30px, 3.6vw, 52px); margin-bottom: 18px;">Echte Arbeiten aus unserer Werkstatt</h2>
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: #c9d6e2; font-weight: 500;">Ein Auszug aus unseren Projekten. Ziehen Sie eigene Fotos (z. B. Vorher/Nachher) einfach per Drag & Drop in die Platzhalter.</p>
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: #c9d6e2; font-weight: 500;">Ein Auszug aus unserer täglichen Arbeit in der Werkstatt in Pirmasens – von der Karosserie-Instandsetzung bis zur fertigen Lackierung.</p>
|
||||
</div>
|
||||
|
||||
<!-- Foto-Galerie — jeder Platzhalter ist per Drag & Drop mit einem eigenen Foto befüllbar -->
|
||||
@@ -276,8 +276,8 @@
|
||||
<div class="lw-about" style="display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(28px, 4vw, 64px); align-items: center; margin-bottom: clamp(50px, 8vh, 90px);">
|
||||
<div style="display: flex; flex-direction: column; gap: 16px;">
|
||||
<h3 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.2; color: #f5f4f0;">Hallo, ich bin<br>Michael Gumbert,</h3>
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Lack- und Karosserie-Experte und Inhaber der GUMA Auto-Technik-Center GmbH in Pirmasens.</p>
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Mit meinem Werkstatt-Team aus professionellen Fachkräften erfülle ich Ihre individuellen Wünsche zum bestmöglichen Preis — von der Smart-Repair bis zur kompletten Restauration.</p>
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Lack- und Karosserie-Experte und Inhaber der GUMA Auto-Technik-Center GmbH in Pirmasens – Ihrer freien Kfz-Meisterwerkstatt seit 2001.</p>
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Mit meinem Werkstatt-Team aus professionellen Fachkräften kümmere ich mich markenunabhängig um Ihr Fahrzeug — von Inspektion, HU und Unfallreparatur bis zur professionellen Lackierung in Wasserlacktechnik.</p>
|
||||
</div>
|
||||
<div style="justify-self: center; width: min(340px, 100%);">
|
||||
<div style="position: relative; width: 100%; aspect-ratio: 4/5; border-radius: 24px; overflow: hidden; box-shadow: 2px 6px 24px rgba(0,0,0,.4); background: rgba(255,255,255,.05); border: 1.5px dashed rgba(255,255,255,.3);">
|
||||
@@ -339,7 +339,7 @@
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 4px;">
|
||||
<span style="font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #9FD1F5;">Öffnungszeiten</span>
|
||||
<p style="font-size: 16px; line-height: 1.6; color: #e7ecf1; font-weight: 600;">Mo-Fr<br><span style="font-weight: 500; color: #b8c4d0;">07:45-12:00 / 13:00-17:30 Uhr</span><br><br><span style="font-weight: 500; color: #b8c4d0;"></span></p>
|
||||
<p style="font-size: 16px; line-height: 1.6; color: #e7ecf1; font-weight: 600;">Mo-Do<br><span style="font-weight: 500; color: #b8c4d0;">07:30-12:00 / 13:00-18:00 Uhr</span><br><br><span style="font-weight: 500; color: #b8c4d0;"></span></p>
|
||||
</div>
|
||||
<div style="display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px;">
|
||||
<a href="tel:tel:+496331228108" style="display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #0d0f12; background: var(--accent, #2FA4F0); padding: 13px 22px; border-radius: 44px; transition: transform .2s ease, box-shadow .2s ease;" style-hover="transform: translateY(-2px); box-shadow: 0 10px 26px rgba(47,164,240,.4);">Jetzt anrufen</a>
|
||||
@@ -389,7 +389,7 @@
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 9px;">
|
||||
<h3 style="font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #7f97ac; border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 7px; margin-bottom: 6px;">Öffnungszeiten</h3>
|
||||
<span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Mo-Fr<br>07:45-12:00 / 13:00-17:30 Uhr</span>
|
||||
<span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Mo-Do<br>07:30-12:00 / 13:00-18:00 Uhr</span>
|
||||
<span style="font-size: 14px; color: #c9d6e2; font-weight: 500;"> · </span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -400,7 +400,7 @@
|
||||
<img src="assets/logo-placeholder.svg" alt="GUMA Auto-Technik-Center" style="width: min(46vw, 360px); height: auto; display: block; opacity: .95;">
|
||||
<div style="display: flex; align-items: center; gap: 14px; margin-top: 16px;">
|
||||
<span style="width: 44px; height: 2px; background: linear-gradient(90deg, #2FA4F0, transparent);"></span>
|
||||
<span style="font-size: 13.5px; color: #8fa4b8; font-weight: 500;">Autolackiererei & Karosserie · Pirmasens</span>
|
||||
<span style="font-size: 13.5px; color: #8fa4b8; font-weight: 500;">Kfz-Meisterwerkstatt · Lackierung & Karosserie · Pirmasens</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: right; flex-shrink: 0;">
|
||||
|
||||
Reference in New Issue
Block a user