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,51 @@
|
||||
<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>
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 708.66 255.12">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: none;
|
||||
}
|
||||
|
||||
.cls-1, .cls-2, .cls-3 {
|
||||
stroke-width: 0px;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.cls-3 {
|
||||
fill: #c11722;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<g>
|
||||
<path class="cls-1" d="M156.3,116.55s.01-.06-.02.05h0s.01-.05.01-.05Z"/>
|
||||
<ellipse class="cls-3" cx="155.94" cy="84.35" rx="26.36" ry="18.12"/>
|
||||
<path class="cls-3" d="M163.44,107.08c-25.04,13.18-53.03,25.26-81.74,22.5-19.66-1.69-36.95-13.83-44.01-32.76-6.16-15.98-5.04-35.52,4.66-49.91,18.87-26.24,64.82-16.57,91.85-8.68C103.64,18.4,55.43,3.16,26.57,33.69,3.33,59.59,2.73,100.77,22.69,128.73c14.94,21.69,41.94,33.26,67.7,32.98,16.82.12,33.4-3.54,49.12-9.33-16.25,24.55-40.04,44.22-65.99,58.36-13.31,7.26-27.52,13.37-42.26,18.91,40.18-1.05,80.78-15.4,111.38-42.28,19.23-17.06,35.27-38.81,43.03-63.59,3.59-12.94-10.67-23.71-22.23-16.69ZM156.3,116.55s0,.05-.01.06h0c.03-.12.02-.07.02-.06Z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="cls-2" d="M238.67,172.83c-4.07-.47-8.08-1.28-12.05-2.41-4.25-1.13-7.75-2.67-10.49-4.61-2.74-1.94-4.96-4.47-6.67-7.59-1.7-3.31-2.55-7.09-2.55-11.34v-38.29c0-4.63.94-8.81,2.84-12.55,1.89-3.73,4.44-6.69,7.66-8.86,3.02-1.99,6.64-3.69,10.85-5.11,4.2-1.42,8.34-2.36,12.41-2.84,3.4-.38,7.52-.57,12.34-.57,13.05,0,25.53.99,37.44,2.98v16.73c-10.97-2.65-23.45-3.97-37.44-3.97-15.98,0-23.97,4.63-23.97,13.9v37.01c0,4.54,2.15,7.75,6.45,9.64,4.3,1.89,10.8,2.84,19.5,2.84,4.63,0,9.59-.71,14.89-2.13v-21.41h-15.03v-14.46h36.16v47.79c-4.73,1.7-10.75,3.12-18.08,4.25-7.33,1.13-14.06,1.7-20.21,1.7-5.3,0-9.98-.24-14.04-.71Z"/>
|
||||
<path class="cls-2" d="M333.25,80.09h26.94l33.18,92.03h-22.41l-8.22-24.25h-33.61l-8.08,24.25h-21.84l34.03-92.03ZM357.92,133.13l-11.63-34.6h-.57l-11.63,34.6h23.82Z"/>
|
||||
<path class="cls-2" d="M403.59,80.09h31.48l22.69,65.8,22.41-65.8h29.64v92.03h-20v-68.07h-.42l-23.26,68.07h-17.72l-23.97-68.07h-.57v68.07h-20.28v-92.03Z"/>
|
||||
<path class="cls-2" d="M529.65,80.09h37.3c8.79,0,15.57.64,20.35,1.91,4.77,1.28,8.15,3.31,10.14,6.1,1.98,2.79,2.98,6.69,2.98,11.7v11.34c0,2.55-1.02,4.96-3.05,7.23-2.03,2.27-4.42,3.83-7.16,4.68v.71c3.59.38,6.88,1.91,9.86,4.61,2.98,2.69,4.47,5.7,4.47,9v14.18c0,7.47-2.98,12.76-8.93,15.88-5.96,3.12-15.17,4.68-27.65,4.68h-38.29v-92.03ZM566.95,117.53c3.5,0,6.1-.28,7.8-.85,1.7-.57,2.86-1.49,3.47-2.76.61-1.28.92-3.14.92-5.6v-4.54c0-2.17-.28-3.8-.85-4.89-.57-1.09-1.73-1.87-3.47-2.34-1.75-.47-4.51-.71-8.3-.71h-14.75v21.7h15.17ZM567.51,156.38c5.39,0,9.22-.61,11.49-1.84,2.27-1.23,3.4-3.21,3.4-5.96v-7.37c0-3.4-.88-5.81-2.62-7.23-1.75-1.42-4.85-2.13-9.29-2.13h-18.72v24.53h15.74Z"/>
|
||||
<path class="cls-2" d="M616.86,170.99v-16.87c16.07,2.46,27.04,3.69,32.9,3.69,12.29,0,18.43-3.17,18.43-9.5v-5.96c0-3.02-.88-5.34-2.62-6.95-1.75-1.61-4.89-2.41-9.43-2.41h-10.78c-20.23,0-30.35-8.03-30.35-24.11v-6.81c0-8.03,3.35-13.94,10.07-17.73,6.71-3.78,17.35-5.67,31.91-5.67,7.56,0,17.16.62,28.79,1.84v16.45c-14.28-1.7-24.11-2.55-29.5-2.55-7.47,0-12.48.62-15.03,1.84-2.74,1.32-4.11,3.4-4.11,6.24v6.52c0,4.82,4.06,7.23,12.19,7.23h11.06c10.49,0,18.1,1.94,22.83,5.81,4.73,3.88,7.09,9.79,7.09,17.73v6.1c0,10.97-3.92,18.39-11.77,22.26-3.78,1.99-7.97,3.38-12.55,4.18-4.59.8-10.09,1.21-16.52,1.21-8.79,0-19.66-.85-32.62-2.55Z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="cls-2" d="M208.73,186.51h13.21v2.9h-9.13v4.15h8.26v2.9h-8.26v7.01h-4.08v-16.97Z"/>
|
||||
<path class="cls-2" d="M245.91,186.51h4.97l6.12,16.97h-4.13l-1.52-4.47h-6.2l-1.49,4.47h-4.03l6.28-16.97ZM250.46,196.29l-2.14-6.38h-.1l-2.15,6.38h4.39Z"/>
|
||||
<path class="cls-2" d="M275.62,186.51h4.08v6.79h7.22v-6.79h4.08v16.97h-4.08v-7.27h-7.22v7.27h-4.08v-16.97Z"/>
|
||||
<path class="cls-2" d="M311.39,186.51h7.64c2.27,0,3.91.27,4.92.82,1.01.55,1.52,1.47,1.52,2.76v2.98c0,1-.35,1.78-1.06,2.34-.71.57-1.64.93-2.81,1.09l4.92,6.98h-4.71l-4.45-6.67h-1.88v6.67h-4.08v-16.97ZM318.97,194.11c.96,0,1.61-.13,1.96-.38s.52-.74.52-1.47v-1.21c0-.63-.19-1.06-.56-1.3s-1.02-.35-1.92-.35h-3.51v4.71h3.51Z"/>
|
||||
<path class="cls-2" d="M344.81,200.99l8.83-11.58h-8.57v-2.9h13.6v2.46l-8.84,11.58h9v2.93h-14.01v-2.48Z"/>
|
||||
<path class="cls-2" d="M378.32,186.51h12.94v2.9h-8.86v3.89h8v2.9h-8v4.37h9.13v2.9h-13.21v-16.97Z"/>
|
||||
<path class="cls-2" d="M410.96,198.82v-12.31h4.08v12.31c0,.77.25,1.3.75,1.58.5.29,1.35.43,2.57.43s2.04-.15,2.53-.43c.48-.29.72-.81.72-1.58v-12.31h4.08v12.31c0,3.28-2.46,4.92-7.37,4.92s-7.35-1.64-7.35-4.92Z"/>
|
||||
<path class="cls-2" d="M451.52,203.61c-.75-.09-1.49-.23-2.22-.44-.79-.21-1.43-.5-1.94-.85-.5-.36-.91-.83-1.23-1.4-.32-.61-.47-1.3-.47-2.09v-7.06c0-.85.17-1.63.52-2.31.35-.69.82-1.23,1.41-1.63.56-.37,1.23-.69,2-.95s1.54-.43,2.29-.52c.62-.07,1.38-.11,2.27-.11,2.41,0,4.71.18,6.9.55v3.09c-2.03-.49-4.32-.73-6.9-.73-2.95,0-4.42.85-4.42,2.56v6.83c0,.84.39,1.43,1.19,1.78s1.99.52,3.59.52c.86,0,1.77-.13,2.75-.39v-3.94h-2.78v-2.67h6.67v8.81c-.87.32-1.98.58-3.33.79-1.35.21-2.59.31-3.72.31-.98,0-1.84-.04-2.59-.13Z"/>
|
||||
<path class="cls-2" d="M485.11,189.41h-5.23v-2.9h14.52v2.9h-5.21v14.07h-4.08v-14.07Z"/>
|
||||
<path class="cls-2" d="M513.48,186.51h12.94v2.9h-8.86v3.89h8v2.9h-8v4.37h9.13v2.9h-13.21v-16.97Z"/>
|
||||
<path class="cls-2" d="M551.62,203.63c-.6-.07-1.26-.2-1.97-.39-.8-.21-1.47-.48-1.99-.83-.52-.34-.96-.81-1.31-1.42-.37-.61-.55-1.33-.55-2.17v-7.45c0-3.42,2.62-5.13,7.87-5.13,1.34,0,3.14.2,5.38.58v3.06c-2.02-.49-3.8-.73-5.33-.73-.64,0-1.14.01-1.51.05-.36.03-.72.12-1.11.26-.82.28-1.23.9-1.23,1.85v7.22c0,1.53,1.4,2.3,4.21,2.3,1.2,0,2.9-.25,5.07-.76v3.09c-1.87.38-3.7.57-5.49.57-.77,0-1.45-.03-2.05-.1Z"/>
|
||||
<path class="cls-2" d="M578.51,186.51h4.08v6.79h7.21v-6.79h4.08v16.97h-4.08v-7.27h-7.21v7.27h-4.08v-16.97Z"/>
|
||||
<path class="cls-2" d="M614.28,186.51h4.13l8.21,11.58v-11.58h3.63v16.97h-4.13l-8.21-11.77v11.77h-3.64v-16.97Z"/>
|
||||
<path class="cls-2" d="M650.65,186.51h4.08v16.97h-4.08v-16.97Z"/>
|
||||
<path class="cls-2" d="M675.13,186.51h4.08v16.97h-4.08v-16.97ZM679.31,194.48l6.36-7.98h4.78l-6.43,7.89,7.14,9.07h-4.97l-6.88-8.99Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 643 B After Width: | Height: | Size: 5.9 KiB |
22
index.html
22
index.html
@@ -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 unseren Projekten – von der Smart-Repair über Komplettlackierungen bis zur Oldtimer-Restaurierung.</p>
|
||||
</div>
|
||||
|
||||
<!-- Foto-Galerie — jeder Platzhalter ist per Drag & Drop mit einem eigenen Foto befüllbar -->
|
||||
@@ -253,7 +253,7 @@
|
||||
|
||||
</div>
|
||||
|
||||
<p style="margin-top: clamp(28px, 4vh, 44px); text-align: center; font-size: 15px; color: #c9d6e2; font-weight: 500;">Mehr laufende Projekte gibt es auf unserer <a href="" target="_blank" rel="noopener" style="color: #9FD1F5; font-weight: 700;">Facebook-Seite</a>.</p>
|
||||
<p style="margin-top: clamp(28px, 4vh, 44px); text-align: center; font-size: 15px; color: #c9d6e2; font-weight: 500;">Mehr laufende Projekte gibt es auf unserer <a href="https://www.facebook.com/GambsFahrzeugtechnik/" target="_blank" rel="noopener" style="color: #9FD1F5; font-weight: 700;">Facebook-Seite</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -276,7 +276,7 @@
|
||||
<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>Christian Gambs,</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 Gambs Fahrzeuglackierung und Karosseriebau GmbH in Unterschleißheim.</p>
|
||||
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Karosseriebauer- und Lackierermeister und Inhaber der Gambs Fahrzeuglackierung und Karosseriebau GmbH in Unterschleißheim – seit dem Jahr 2000.</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>
|
||||
</div>
|
||||
<div style="justify-self: center; width: min(340px, 100%);">
|
||||
@@ -331,7 +331,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;">Telefon</span>
|
||||
<p style="font-size: 16px; line-height: 1.5; color: #e7ecf1; font-weight: 600;"><a href="tel:+49891891765" style="color: #e7ecf1;">089 1891765-0</a><br><span style="font-weight: 500; color: #b8c4d0;">Fax: </span></p>
|
||||
<p style="font-size: 16px; line-height: 1.5; color: #e7ecf1; font-weight: 600;"><a href="tel:+49891891765" style="color: #e7ecf1;">089 1891765-0</a></p>
|
||||
</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;">E-Mail</span>
|
||||
@@ -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:00–20:00 Uhr</span><br>Sa<br><span style="font-weight: 500; color: #b8c4d0;">07:00–12:00 Uhr</span></p>
|
||||
<p style="font-size: 16px; line-height: 1.6; color: #e7ecf1; font-weight: 600;">Mo–Fr<br><span style="font-weight: 500; color: #b8c4d0;">08:00–20:00 Uhr</span><br>Sa<br><span style="font-weight: 500; color: #b8c4d0;">08:00–12:00 Uhr</span></p>
|
||||
</div>
|
||||
<div style="display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px;">
|
||||
<a href="tel:+49891891765" 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,8 +389,8 @@
|
||||
</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:00–20:00 Uhr</span>
|
||||
<span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Sa · 07:00–12:00 Uhr</span>
|
||||
<span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Mo–Fr<br>08:00–20:00 Uhr</span>
|
||||
<span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Sa · 08:00–12:00 Uhr</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -406,7 +406,7 @@
|
||||
<div style="text-align: right; flex-shrink: 0;">
|
||||
<p style="font-size: 13px; color: #8fa4b8; font-weight: 500; margin-bottom: 12px;">© 2026 Gambs Fahrzeuglackierung und Karosseriebau GmbH · Alle Rechte vorbehalten</p>
|
||||
<div style="display: flex; justify-content: flex-end; align-items: center; gap: 14px;">
|
||||
<a href="" target="_blank" rel="noopener" aria-label="Facebook" style="width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); display: inline-flex; align-items: center; justify-content: center; color: #c9d6e2; font-weight: 800; font-size: 15px; transition: background .2s ease, transform .2s ease;" style-hover="background: var(--accent, #2FA4F0); color: #0a1526; transform: scale(1.1);">f</a>
|
||||
<a href="https://www.facebook.com/GambsFahrzeugtechnik/" target="_blank" rel="noopener" aria-label="Facebook" style="width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); display: inline-flex; align-items: center; justify-content: center; color: #c9d6e2; font-weight: 800; font-size: 15px; transition: background .2s ease, transform .2s ease;" style-hover="background: var(--accent, #2FA4F0); color: #0a1526; transform: scale(1.1);">f</a>
|
||||
<a href="#impressum" style="font-size: 13px; color: #8fa4b8; font-weight: 500;">Impressum</a>
|
||||
<a href="#datenschutz" style="font-size: 13px; color: #8fa4b8; font-weight: 500;">Datenschutz</a>
|
||||
</div>
|
||||
@@ -436,9 +436,9 @@ class Component extends DCLogic {
|
||||
rating: "4,5",
|
||||
user_ratings_total: "490",
|
||||
reviews: [
|
||||
{ author_name: "Michael K.", rating: 5, text: "Top Betrieb! Schaden am Kotfluegel schnell und zu einem fairen Preis behoben. Sehr freundliches Team." },
|
||||
{ author_name: "Sabine R.", rating: 5, text: "Absolut zuverlaessig und ehrlich. Die Lackierung ist einwandfrei, man sieht keinen Uebergang. Gerne wieder." },
|
||||
{ author_name: "Andreas W.", rating: 5, text: "Kompetente Beratung, termingerecht fertig und super Ergebnis. Kann ich uneingeschraenkt empfehlen." },
|
||||
{ author_name: "Hans-Christian", rating: 5, text: "Lackierung ist toll geworden, vereinbarte Kosten wurden eingehalten, schnelle Arbeit, sympathischer Umgang." },
|
||||
{ author_name: "Erkan", rating: 5, text: "Alles sehr professionell, Preis/Leistung Spitzenklasse. Sehr nette Mitarbeiter und Herr Gambs ist ein Klasse Typ." },
|
||||
{ author_name: "Marina", rating: 5, text: "Das Fahrzeug wurde nach der Reparatur sogar gereinigt und gewaschen. Sehr guter Service!" },
|
||||
],
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user