Add IT services section and update navigation and contact options: Introduced a new IT-Dienstleistungen link in the header, added multiple IT service options in the contact form, and created a dedicated IT services section on the index page with detailed descriptions and call-to-action buttons. Enhanced CSS for better layout of service actions.

This commit is contained in:
𝓜𝓪𝓬𝓮™
2026-04-08 14:36:37 +02:00
parent 03f3648de1
commit df705701f0
5 changed files with 203 additions and 0 deletions

View File

@@ -150,6 +150,48 @@ includeHeader($page_title, $page_description, $current_page);
</div>
</section>
<!-- IT Services Section -->
<section class="features">
<div class="container">
<div class="section-header">
<h2 class="section-title">IT-Dienstleistungen für Geschäftlich und Privat</h2>
<p class="section-description">
Ergänzend zu unseren Hosting-Angeboten unterstützen wir Sie mit persönlicher IT-Betreuung.
</p>
</div>
<div class="features-grid">
<div class="feature-item glass-card">
<h3>IT-Beratung</h3>
<p>Individuelle Beratung für sinnvolle und wirtschaftliche IT-Entscheidungen.</p>
</div>
<div class="feature-item glass-card">
<h3>Support & Fehlerbehebung</h3>
<p>Schnelle Hilfe bei technischen Problemen - remote oder bei Ihnen vor Ort.</p>
</div>
<div class="feature-item glass-card">
<h3>Netzwerk & WLAN-Einrichtung</h3>
<p>Stabile und sichere Netzwerke für Büro, Homeoffice und Zuhause.</p>
</div>
<div class="feature-item glass-card">
<h3>IT-Sicherheit & Backup</h3>
<p>Schutzkonzepte und Backup-Strategien für Ihre Daten und Systeme.</p>
</div>
<div class="feature-item glass-card">
<h3>Webseiten- & Hosting-Service</h3>
<p>Technische Betreuung Ihrer Webpräsenz von Einrichtung bis Optimierung.</p>
</div>
<div class="feature-item glass-card">
<h3>Wartung & Betreuung</h3>
<p>Regelmäßige Pflege und verlässliche Unterstützung im laufenden Betrieb.</p>
</div>
</div>
<div class="cta-actions it-services-actions">
<a href="/it-dienstleistungen" class="btn btn-primary">Mehr zu IT-Dienstleistungen</a>
<a href="/contact" class="btn btn-secondary">Jetzt Anfrage stellen</a>
</div>
</div>
</section>
<!-- Features Section -->
<section class="features">
<div class="container">