Dies ist ein Platzhalter für benutzerdefinierten Code.
Wechseln Sie zur Vorschau oder veröffentlichen Sie die Seite,
um zu sehen, wie der Code funktioniert. Zum Bearbeiten Doppelklick ausführen

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Countdown Timer</title> <style> body { font-size: 16px; color: #408CA3; text-align: center; } #countdown { font-size: 18px; font-weight: bold; font-style: italic; color: #408CA3; } .countdown-number { color: white; } </style> </head> <body> <div id="countdown"></div> <script> // Set the target date (06.11.23) const targetDate = new Date('2026-10-12T00:00:00').getTime(); // Update the countdown every second const countdownInterval = setInterval(updateCountdown, 1000); function updateCountdown() { const currentDate = new Date().getTime(); const timeRemaining = targetDate - currentDate; if (timeRemaining <= 0) { clearInterval(countdownInterval); document.getElementById('countdown').textContent = 'Der Kongress hat begonnen!'; return; } const days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24)); const hours = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = Math.floor((timeRemaining % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((timeRemaining % (1000 * 60)) / 1000); const countdownText = `Der Kongress startet in <span class="countdown-number">${days}</span><span class="countdown-number">:</span><span class="countdown-number">${hours}</span><span class="countdown-number">:</span><span class="countdown-number">${minutes}</span><span class="countdown-number">:</span><span class="countdown-number">${seconds}</span>`; document.getElementById('countdown').innerHTML = countdownText; } // Initial call to set the countdown updateCountdown(); </script> </body> </html>

Dies ist ein Platzhalter für benutzerdefinierten Code.
Wechseln Sie zur Vorschau oder veröffentlichen Sie die Seite,
um zu sehen, wie der Code funktioniert. Zum Bearbeiten Doppelklick ausführen

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>FAQ Dropdown</title> <style> body { font-family: Helvetica, Arial, sans-serif; } .faq-container { max-width: 600px; margin: 0 auto; } .faq-item { border: 1px solid #408CA3; margin: 10px 0; padding: 10px; cursor: pointer; background-color: #408CA3; font-weight: bold; font-size: 20px; color: #ffffff; /* Set font color to white */ } .faq-item:hover { background-color: #41AACA; /* Set hover background color to #41AACA */ } /* Stilregel für Links innerhalb der FAQ-Antworten */ .faq-answer a { font-size: 20px; /* Schriftgröße anpassen, wenn nötig */ } .faq-answer { display: none; margin: 10px 15px; font-size: 20px; color: #ffffff; /* Set font color to white */ } </style> </head> <body> <div class="faq-container"> <div class="faq-item" onclick="toggleAnswer('q1')">F: Wann findet der Online-Kongress" statt?</div> <div class="faq-answer" id="q1">A: Der Online-Kongress läuft vom 12. bis zum 28.10.2026</div> <div class="faq-item" onclick="toggleAnswer('q2')">F: Ist die Teilnahme am Kongress kostenfrei?</div> <div class="faq-answer" id="q2">A: Ja, die Teilnahme am Kongress ist komplett kostenlos.</div> <div class="faq-item" onclick="toggleAnswer('q3')">F: Wie melde ich mich für den Kongress an?</div> <div class="faq-answer" id="q3">A: Die Anmeldung ist ganz einfach. <a href="#section-dhk6kjo">Klicke einfach hier</a> und trage im Anmeldeformular deine E-Mail-Adresse ein. Klicke dann auf den Button mit der Aufschrift "Jetzt kostenfreien Platz sichern". Gehe als nächstes in dein E-Mail-Postfach und bestätige deine Anmeldung, durch klicken auf den Link in der E-Mail mit dem Titel "Anmeldung bestätigen".</div> <div class="faq-item" onclick="toggleAnswer('q4')">F: Welche Themen werden im Kongress behandelt?</div> <div class="faq-answer" id="q4">A: Der Kongress beleuchtet die vielfältigen Facetten des Loslassens. Die Themen reichen von alten Denk- und Verhaltensmustern über Persönlichkeitsentwicklung, Vertrauen und Spiritualität bis hin zu Veränderung und Neubeginn. Über 30 Referenten teilen ihre persönlichen Erfahrungen, Erkenntnisse und inspirierenden Impulse rund um die Frage: Was darf gehen, damit Neues entstehen kann?.</div> <div class="faq-item" onclick="toggleAnswer('q5')">F: Kann ich Freunde oder Kollegen zum Kongress einladen?</div> <div class="faq-answer" id="q5">A: Ja, wir ermutigen dich, deine Freunde und Kollegen einzuladen, am Kongress teilzunehmen. Sie können sich ebenfalls kostenlos anmelden. Teile einfach diese Seite mit Ihnen.</div> </div> <div class="faq-item" onclick="toggleAnswer('q6')">F: Wie lange sind die Interviews verfügbar?</div> <div class="faq-answer" id="q6">A: Jeden Tag werden um 18:00 Uhr, immer 2 Interviews veröffnetlicht. Diese sind dann für jeweils 24 Stunden öffentlich. Sobald die 24 Stunden ablaufen, werden sie geschlossen und die nächsten 2 Interviews werden ab 18 Uhr freigeschaltet. Wenn du einige Interviews verpassen solltest, kannst du gerne das Kongresspaket zum Kongress erwerben. <a href="https://loslassen-kongress.com/kongresspaket" target="_blank">Das Kongresspaket findest du hier (Klick)</a> </div> <div class="faq-item" onclick="toggleAnswer('q7')">F: Gibt es ein Partnerprogramm für den Kongress?</div> <div class="faq-answer" id="q7">A: Ja, du findest<a href="#section-ypk3uuy"> das Partnerprogramm hier (Klick)</a></a> </div> </div> <script> function toggleAnswer(id) { var answer = document.getElementById(id); if (answer.style.display === "block") { answer.style.display = "none"; } else { answer.style.display = "block"; } } </script> </body> </html>

Dies ist ein Platzhalter für benutzerdefinierten Code.
Wechseln Sie zur Vorschau oder veröffentlichen Sie die Seite,
um zu sehen, wie der Code funktioniert. Zum Bearbeiten Doppelklick ausführen

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Affiliate Link Generator</title> <style> body { font-family: Arial, sans-serif; font-size: 18px; background-color: #333; /* Set a background color for better visibility */ color: white; /* Set text color to white */ } .container { max-width: 400px; margin: 0 auto; text-align: center; padding: 20px; } .feature-box { border: 2px solid #1A373F; /* Border color */ border-radius: 20px; /* Border radius */ padding: 25px; /* Inner padding for all inner elements */ margin: 25px; /* Outer margin for the entire section */ } #affiliateID, #affiliateLink { width: 90%; max-width: 400px; padding: 10px; margin: 10px auto; /* Adjusted margin */ } .error { color: red; } /* Apply font size to all links within the body */ body a { font-size: 18px; } /* Apply font size to buttons */ .button-section button { font-size: 18px; width: 90%; max-width: 400px; display: block; margin: 0 auto 10px; /* Add 10px margin at the bottom */ border: none; padding: 10px; border-radius: 10px; cursor: pointer; } /* Style the "Generieren" button */ .button-section .generate-button { background-color: #1A373F; color: white; } /* Change the font size of the title */ h1 { font-size: 30px; } /* Style for the "Jetzt kopieren" button */ .button-section .copy-button { background-color: green; color: white; font-weight: bold; } /* Add 20px margin between elements */ .button-section button:not(:last-child) { margin-bottom: 20px; } /* Add 20px margin between the generated link and the copy button */ #generatedLink { margin-bottom: 20px; word-wrap: break-word; /* Fügt Zeilenumbrüche in langen Wörtern ein */ overflow-wrap: break-word; /* Fügt Zeilenumbrüche zwischen Wörtern ein */ } </style> </head> <body> <div class="feature-box"> <div class="container"> <h1>Affiliate Link Generator</h1> <label for="affiliateID">Hier deine Digistore24-ID eingeben:</label> <input type="text" id="affiliateID" placeholder="Deine Digistore24-ID eingeben"> <div class="button-section"> <button onclick="generateAffiliateLink()" class="generate-button">Jetzt Affiliate-Link generieren (Klick)</button> <p id="generatedLink"></p> <button onclick="copyToClipboard()" id="copyButton" style="display: none;" class="copy-button">Jetzt kopieren (Klick)</button> </div> <p class="error" id="errorText"></p> </div> </div> <script> function generateAffiliateLink() { const affiliateID = document.getElementById('affiliateID').value; if (affiliateID === '') { document.getElementById('errorText').textContent = 'Bitte Digistore24-ID eingeben'; document.getElementById('generatedLink').textContent = ''; document.getElementById('copyButton').style.display = 'none'; // Hide the copy button } else if (affiliateID.includes(' ')) { document.getElementById('errorText').textContent = 'Die ID ist falsch, bitte eingeben ohne Leerzeichen.'; document.getElementById('generatedLink').textContent = ''; document.getElementById('copyButton').style.display = 'none'; // Hide the copy button } else { const baseLink = 'https://www.digistore24.com/content/246902/49583/AFFILIATE/CAMPAIGNKEY'; const affiliateLink = baseLink.replace('AFFILIATE', affiliateID); document.getElementById('generatedLink').textContent = affiliateLink; document.getElementById('errorText').textContent = ''; document.getElementById('copyButton').style.display = 'block'; // Show the copy button } } function copyToClipboard() { const generatedLink = document.getElementById('generatedLink'); const textArea = document.createElement('textarea'); textArea.value = generatedLink.textContent; document.body.appendChild(textArea); textArea.select(); document.execCommand('copy'); document.body.removeChild(textArea); alert('Link copied to clipboard'); } </script> </body> </html>