Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum. At vero eos et accusam et justo duo dolores et ea rebum.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

At vero eos et accusam et justo duo dolores et ea rebum.

Anmerkungen:

  • Größe des PLZ Feldes und Buttons ggf. an das jeweilige Design anpassen.
  • Farbe des PLZ Feldes und Buttons an das jeweilige Design anpassen.
  • Größe des Iframes anpassen – (Desktop und mobil)
  • Der Code ist so angepasst, dass er in unterschiedlichen Content Managementsystemen verwendet werden kann.

Code ohne Schatteneffekt:

<form action="https://mammut-aktenvernichtung.de/quicklink" method="get" target="_blank" style="display: flex; justify-content: center; align-items: center;">
    <div style="display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;">
        <input id="plz-input" name="postal" type="text" style="width: 200px; height: 50px; margin-bottom: 10px; text-align: center; padding: 0 10px; box-sizing: border-box; background-color: #eeeeee; color: #444f54; border: 1px solid #4a555b;" maxlength="5" placeholder="Ihre PLZ">
        <button id="price-button" type="submit" style="width: 200px; height: 50px; line-height: 45px; padding: 0 10px; box-sizing: border-box; background-color: #ffe03f; color: #4a555b;">zur Preisliste</button>
    </div>
</form>

Code mit Schatteneffekt:

<form action="https://mammut-aktenvernichtung.de/quicklink" method="get" target="_blank" style="display: flex; justify-content: center; align-items: center;">
    <div style="display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;">
        <input id="plz-input" name="postal" type="text" style="width: 200px; height: 50px; margin-bottom: 10px; text-align: center; padding: 0 10px; box-sizing: border-box; background-color: #eeeeee; color: #444f54; border: 1px solid #4a555b;" maxlength="5" placeholder="Ihre PLZ">
        <button id="price-button" type="submit" style="width: 200px; height: 50px; line-height: 45px; padding: 0 10px; box-sizing: border-box; background-color: #ffe03f; color: #4a555b; box-shadow: 10px 10px 10px -4px #8E8E8E;">zur Preisliste</button>
    </div>
</form>

Iframe:

<iframe src="https://www.mammut-aktenvernichtung.de/iframe/reviews?partnerId=2" name="myIFrame" scrolling="no" style="border: 0px solid #000000;" width="100%" height="600px"></iframe>