HTML, CSS – Profesionellen Online Gutschein erstellen (Quellcode)

HTML, CSS – Profesionellen Online Gutschein erstellen (Quellcode)

Es können mit dem unteren Quellcode, alle Felder farblich angepasst werden, und selbstverständlich auch der Text.

So sieht der Gutschein, mittels iframe eingebaut in der Webseite aus.

Anzeige nicht Möglich
Bitte akzeptieren Sie unsere Cookie-Richtlinie, und klicken Sie hier

Not possible to display
Please accept our cookie policy and click here

Folgender Quellcode (Suchmaschinen optimiert) wurde verwendet

<!DOCTYPE HTML>
<html>
<head>
<title>Gutschein Muster f&uuml;r Webseiten</title>
<meta name="description" content="Erstellen Sie schnell und einfach einen Gutschein für Ihre Webseite, passen Sie Farben und Bilder mit unserem Quellcode an">


<!-- Einbauen mit iframe -->
<!-- <iframe src="https://business-view.photo/include/gutschein.php" alt="aktuelle Gutscheine" border="0" width="600px" height="700px" scrolling="auto" frameborder="0"></iframe> -->



<!-- Hier die Daten eingeben, von der Webseite, auf dem der Gutschein implementiert wird -->
<link rel="canonical" href="https://business-view.photo/" />
<!-- Hier das Datum eingeben, wie lange der Gutschein gilt -->
<meta name="expire" content="Sun, 03 Jan 2021 23:59:59 GMT">

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"/>

<meta name="author" content="detlev.molitor@molcon.de">
<style type="text/css">
body {
    padding: 0 1em 0 0;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size : 100%;
}

.coupon {
  border: 5px dotted #bbb; /* Dotted border */
  width: 80%;
  border-radius: 15px; /* Rounded border */
  margin: 0 auto; /* Center the coupon */
  max-width: 600px;
}

.container {
  padding: 2px 16px;
  background-color: #f1f1f1;
  border-radius: 15px;  /* Rounded border, for .coupon */
}

.promocode {
  background: #ccc;
  padding: 3px;
  font-weight: bold;
}

.expire {
  color: red;
  background-color: inherit;
  font-family: monospace,"Courier New", Courier;
  font-size: 10px;
}

input {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid transparent;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  font-family: Roboto;
  font-size: 15px;
  font-weight: bold;
  height: 29px;
  margin-left: 17px;
  margin-top: 10px;
  outline: none;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 80%;
  border-color: #4d90fe;
  cursor: pointer;

}

img {   /* picture with rounded corners */
  border-radius:80px;
  background-color: inherit;
}

</style>
</head>
<body>
<div class="coupon">
  <div class="container">
    <h3><a href="https://business-view.photo/">Company Logo / Company Name</a></h3>
  </div>
  <a href="https://business-view.photo/shop/"><img src="https://business-view.photo/graphics/kaffee.jpg" alt="Kaffee" style="width:100%;"></a>
  <div class="container" style="background-color:white">
    <h2><b>20% OFF YOUR PURCHASE</b></h2>
    <p>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.</p>
  </div>
  <div class="container">
    <p>Promo Code: <span class="promocode">BOH232</span></p>
    <p class="expire">Expires: Jan 03, 2021, at the latest, and only while stocks last</p> <!-- DE: spätestens, und nur so lange der vorrat reicht -->
    <p><form action="https://business-view.photo/shop/" title="Jetzt den Gutschein Online einl&ouml;sen!" border="0" target="_top"><input type="submit" name="Gutschein" value="&raquo; Jetzt den Gutschein Online einl&ouml;sen &laquo;"></form></p>
  </div>
</div>



<!-- Das wars, Schluss mit dem Bearbeiten! Viel Spaß beim Verkaufen. -->

<div itemscope itemtype="https://schema.org/CreativeWork"
         <meta itemprop="license" content="https://creativecommons.org/licenses/by/4.0/" />
         <meta itemprop="author" content="detlev.molitor@molcon.de" />
</div>

</body>
</html>

Wie gefällt Ihnen der Beitrag?

View Results

Loading ... Loading …

» Gefällt Ihnen der Artikel? Dann teilen sie ihn, mit Ihren Freunden.

   

Haben wir Sie neugierig gemacht? Haben Sie noch Fragen?

Wir freuen uns über jede Nachricht und jeden neuen Kontakt. Selbst dann wenn sie noch gar nicht genau wissen, was wir für sie tun können und Sie einfach nur das Gefühl haben, dass wir für Sie interessant werden könnten. Wir freuen uns auf ein persönliches Gespräch mit Ihnen.

Niederlassungen & Fotografen

PLZ BereichOrtTelefonMobileAnsprechpartner (Kontakt)
0 & 9 Dresden+49 351 3280856+49 176 63294156Bert Siegel
1Berlin+49 30 23599310+49 171 6140855Felix Steck
2 & 3Göttingen+49 551 5073566+49 172 5627261Michael Mehle
4 & 5Dortmund+49 231 9105385+49 176 49440028 WhatsAppDetlev Molitor
6 & 7Kaiserslautern+49 6302 6074084+49 170 2817480Friedhelm Rettig
8München+49 89 44992666+49 171 6140855Felix Steck
 
oder per E-Mail
  Bitte nutzen Sie für Ihren Beratungswunsch möglichst das Kontaktformular, da wir im Kundenauftrag sehr viel unterwegs sind und nicht immer sofort telefonisch erreichbar sind.

 

Wir hoffen, dass Ihnen unsere Themenauswahl zusagt und freuen uns über Ihr Feedback.

 
 

facebook Gruppe   facebook Seite   twitter   linkedin   XING Gruppe MeWe   tumblr   disqus   Pinterest   YouTube   VK   Marktplatz Mittelstand

 

Mehr kostenlose GOOGLE, Bing, Yahoo, facebook-Tipps

Melden Sie sich jetzt zum kostenlosen Newsletter an und erhalten Sie die neusten Beiträge rund um Google, Bing, Yahoo, facebook-Optimierung. Hiermit melde ich mich für Benachrichtigungen an. Dadurch erkenne ich an, dass meine Daten in Übereinstimmung mit der Datenschutzerklärung von Business View Photo Ag verwendet werden. Ich erkläre mich außerdem damit einverstanden, dass ich einmalig eine Bestätigung und regelmäßige Aktualisierung per E-Mail erhalte. Mir ist bekannt, dass ich diesen Service jederzeit durch den Abmeldelink in den Benachrichtigungen beenden kann.
Enter your email address:

Delivered by FeedBurner

Gefällt Ihnen die Themenauswahl unserer News? Der Aufbau, der Inhalt, die Optik? Wenn ja würden wir uns um eine Nachricht freuen, auch über konstruktive Kritik sind wir sehr dankbar. Gefällt Ihnen unsere Webseite? Fünf Fragen, gestalten Sie unsere Webseite mit.

22. Januar 2020 / by / in , , , , ,

Schreibe einen Kommentar

Branchenlösungen
Suche
Spannend, aber gerade keine Zeit?
Jetzt Artikel für später in speichern.
Produktkategorien
Was können wir für Sie tun?

Haben wir Ihr Interesse geweckt? Wir freuen uns über jede Nachricht und jeden neuen Kontakt. Selbst dann wenn sie noch gar nicht genau wissen, was wir für sie tun können und Sie einfach nur das Gefühl haben, dass wir für Sie interessant werden könnten. Wir freuen uns auf ein persönliches Gespräch mit Ihnen:

Rufen Sie und an oder:

Neueste Beiträge
Sicher Surfen
Auf unserer Webseite können Sie sicher surfen und einkaufen. Über verschlüsselte Verbindungen werden Ihre sensiblen Daten übertragen und sind somit gegen unberechtigten Zugriff geschützt. Garantiert!
GoogleSafeBrowsing

Preisangebote, wenn nichts anderes angegeben, in Euro, vorbehaltlich der Verfügbarkeit und zuzüglich der Gesetzlich vorgeschriebenen Mehrwertsteuer, Zwischenverkauf vorbehalten, unsere Rabatte, Sonderpreise und / oder Nettopreise gelten nur für Geschäftskunden, die als Unternehmer im Sinne des BGB (§14, Abs. 1) tätig sind. Es gelten bei Beauftragung / Bestellung ausschließlich unsere AGB : Allgemeinen Liefer- und Geschäftsbedingungen.




Erfahrungen & Bewertungen zu Business View Photo Ag anzeigen - von