1. Zentrierter Inhalt (mit Container):
<div class="container">
<div class="row justify-content-center mb-3">
<div class="col-lg-7 text-center" data-anime='{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
<h2 class="text-dark-gray fw-700 ls-minus-1px">Unsere Top-Produkte</h2>
<p>Entdecken Sie unsere beliebtesten Cloud-Lösungen</p>
</div>
</div>
</div>2. Volle Seitenbreite mit Hintergrundbild:
<div class="bg-gradient-flamingo-amethyst-green py-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center text-white">
<h2 class="fw-700 mb-3">Premium Cloud-Lösungen</h2>
<p class="lead mb-4">Professionelle IT-Services für Ihr Unternehmen</p>
<a href="/de/produktliste/" class="btn btn-white btn-round-edge">Alle Produkte ansehen</a>
</div>
</div>
</div>
</div>3. Volle Breite mit farbigem Hintergrund:
<div class="py-5" style="background-color: #f8f9fa;">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<h2 class="text-dark-gray fw-700">Warum Wolkesicher?</h2>
<p>Sichere, skalierbare und benutzerfreundliche Cloud-Lösungen</p>
</div>
<div class="col-lg-6 text-end">
<img src="/theme/html/images/demo-hosting-home-01.png" alt="Cloud Solutions">
</div>
</div>
</div>
</div><div class="container"> für zentrierten Inhalt oder lassen Sie es weg für volle Breite.
Die automatische Übersetzung wird über die OpenAI API durchgeführt und kann einige Minuten dauern.