kontakt.html

<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="verify-v1" content="unique-string">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="website, lernapp, rechner, uhr, snake, description, beschreibung, u, bodigat, u:bodigat, ubodigat">
    <meta name="author" content="U:Bodigat">
    <meta name="publisher" content="U:Bodigat">
    <meta name="copyright" content="U:Bodigat">
    <meta name="description" content="Dieser Text befindet sich noch in arbeit.">
    <meta property="og:site_name" content="U:Bodigat.com">
    <meta property="og:url" content="https://ubodigat.com">
    <meta property="og:title" content="Kontakt | ubodigat.com">
    <meta property="og:type" content="website">
    <meta property="og:description" content="Dieser Text befindet sich noch in arbeit.">
    <meta property="og:image" content="https://cdn.discordapp.com/attachments/1068905447848943697/1161784440004022363/ubodigat_logo_breit_transparent_neutral.png?ex=65398f13&is=65271a13&hm=8bd1f6d65ee3d677dc79e1b8e6d58d7a292f9f88fa9816c01d0535a6d482cd9a&">
    <meta property="og:image:secure_url" content="https://cdn.discordapp.com/attachments/1068905447848943697/1161784440004022363/ubodigat_logo_breit_transparent_neutral.png?ex=65398f13&is=65271a13&hm=8bd1f6d65ee3d677dc79e1b8e6d58d7a292f9f88fa9816c01d0535a6d482cd9a&">
    <meta property="og:image:width" content="1000">
    <meta property="og:image:height" content="500">
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://ubodigat.com">
    <meta property="twitter:title" content="Kontakt | ubodigat.com">
    <meta property="twitter:description" content="Dieser Text befindet sich noch in arbeit.">
    <meta property="twitter:image" content="https://cdn.discordapp.com/attachments/1068905447848943697/1161784440004022363/ubodigat_logo_breit_transparent_neutral.png?ex=65398f13&is=65271a13&hm=8bd1f6d65ee3d677dc79e1b8e6d58d7a292f9f88fa9816c01d0535a6d482cd9a&">
    <title>Kontakt | ubodigat.com</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="/bilder/Wartungsarbeitenprofilbild.png" type="image/x-icon">
    <link rel="apple-touch-icon" href="https://ubodigat.com/bilder/Wartungsarbeitenprofilbild.png" />
    <script src="script.js"></script>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-BE1B5EZY35"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-BE1B5EZY35');
    </script>
    <!-- Google Tag Manager -->
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-WTDQC48');
    </script>
    <!-- End Google Tag Manager -->
</head>

<body id="kontakthintergrund">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WTDQC48"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <nav>
        <header>
            <p><a id="überschriftlink" href="https://ubodigat.com">U:Bodigat.com</a> | Kontakt-Formular</p>
            <div id="headerinput">
                <a href="https://ubodigat.com/datenschutz" target="_blank"> <button class="button">Datenschutz</button></a>
                <a href="/download"> <button class="button">Download</button></a>
                <a href="/menu"> <button class="button">Zum Menü</button></a>
            </div>
        </header>
    </nav>

    <form method="post" id="contact-form">
        <h2 id="kontaktformularüberschrift">Kontakt-Formular</h2>
        <input type="text" name="name" placeholder="V O R N A M E*" required><br>
        <input type="email" name="email" placeholder="E - M A I L*" required><br>
        <textarea name="reason" placeholder="G R U N D*" id="grundkontaktformular" required></textarea><br>

        <label for="communication-agreement">
            <input type="checkbox" id="communication-agreement" name="communication-agreement" required>
            Ich stimme zu, dass meine Daten für Kommunikationszwecke verwendet werden dürfen.
        </label><br>

        <h5>Alle Felder mit * sind Pflichtfelder <br> müssen ausgefüllt werden</h5>

        <button type="reset" id="zurückbuttonkon">R E S E T T E N </button>
        <button type="submit" id="senden">S E N D E N</button>
    </form>


    <script>
        document.getElementById("contact-form").addEventListener("submit", function(event) {
            event.preventDefault();

            var name = document.querySelector('input[name="name"]').value;
            var email = document.querySelector('input[name="email"]').value;
            var reason = document.querySelector('textarea[name="reason"]').value;

            var emailBody = "Vorname: " + name + "\n";
            emailBody += "E-Mail: " + email + "\n";
            emailBody += "Grund: " + reason;

            var mailtoLink = "mailto:kontakt@ubodigat.com" +
                "?subject=" + encodeURIComponent("Neue Kontaktnachricht von ubodigat.com |kontakt.html|") +
                "&body=" + encodeURIComponent(emailBody);

            window.location.href = mailtoLink;
        });
    </script>

</body>

</html>