logobridge/_includes/de/contact.html

<div id="form" class="bg-mute">
    <div class="wrapper center">
        <svg width="46" height="44" viewBox="0 0 46 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.0979 1.8541C21.6966 0.0114772 24.3034 0.0114801 24.9021 1.8541L28.8374 13.9656C29.1051 14.7896 29.873 15.3475 30.7395 15.3475H43.4742C45.4117 15.3475 46.2172 17.8268 44.6498 18.9656L34.3472 26.4509C33.6462 26.9601 33.3529 27.8629 33.6206 28.6869L37.5559 40.7984C38.1546 42.641 36.0456 44.1732 34.4782 43.0344L24.1756 35.5492C23.4746 35.0399 22.5254 35.0399 21.8244 35.5492L11.5218 43.0344C9.95438 44.1732 7.84542 42.641 8.44413 40.7984L12.3794 28.6869C12.6471 27.8629 12.3538 26.9601 11.6528 26.4509L1.35021 18.9656C-0.217217 17.8268 0.588336 15.3475 2.52578 15.3475H15.2605C16.127 15.3475 16.8949 14.7896 17.1626 13.9656L21.0979 1.8541Z" fill="black"/>
</svg>
        <p class="bold heading">Hol dir dein eigenes Logo</p>
        <p class="mb-3">Hol dir dein eigenes minimales Logo mit einer Bearbeitungszeit die dir passt.</p>
        <hr>

        <div class="pt-3 pb-2 align-left">
            <form action="https://formspree.io/logobridge@ura.design" method="POST">
                <label for="name">Wie ist der <strong>Name</strong> deines Projektes wofür du ein Logo brauchst?</label>
                <input id="name" name='name' placeholder='Project Name' type='text' required>
                <div class="pt-2">
                    <label for="E-mail">Wie ist deine <strong>Email Adresse</strong>?</label>
                    <input id="E-mail" name='E-mail' placeholder='E-Mail' type='email' required>
                </div>
                <div class="pt-2">
                    <label for="message">Erzähle uns mehr über dein Projekt. Was für ein Logostil gefällt dir? Wer ist das Publikum und was willst du mit dem Projekt erreichen? Hilf uns dir zu helfen.</label>
                    <textarea id="message" name='message' placeholder='' required></textarea>
                </div>
                <div class="pt-2">
                    <label for="budget">Nenne einen <strong>Preis</strong>  (USD $)</label>
                    <input id="budget" name='budget' placeholder='' type='number' min="100" max="9999999" required oninvalid="setCustomValidity('Minimum price is $100 USD')" oninput="setCustomValidity('')">
                </div>
                <div class="center pt-3">
                    <input class="button-submit" type="submit" value="Submit logo request">
                    <p class="pt-1 size-14">*Form mit <a href="https://formspree.io" target="_blank" rel="noopener">Formspree</a> gebaut
                </div>
            </form>
        </div>

        <p class="pt-1 pb-2">Jedes Logo bekommt von uns dieselbe vollwertige Behandlung. Je höher dein Gebot ist, desto schneller können wir dein Logo entwerfen.</p>

        <hr>

        <div class="pt-2">
            <p class="bold">Unsere Kunden:</p>
            <div class="row grayscale">

                <div class="col-sm">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.917 31.75" height="120" width="200"><desc>Mozilla logo</desc><path d="M4.047 9.47H48.87V22.28H4.047z"/><path d="M46.853 18.67c-.087.025-.162.037-.237.037-.26 0-.386-.112-.386-.436v-2.428c0-1.282-1.02-1.905-2.23-1.905-.92 0-1.42.112-2.403.5l-.2 1.295 1.282.137.187-.635c.26-.137.523-.162.86-.162.91 0 .92.685.92 1.258v.187a7.35 7.35 0 0 0-.921-.05c-1.282 0-2.615.324-2.615 1.706 0 1.17.92 1.606 1.73 1.606.91 0 1.482-.548 1.805-1.12.075.685.486 1.12 1.233 1.12a2.17 2.17 0 0 0 1.009-.261zm-3.436-.037c-.486 0-.66-.286-.66-.647 0-.6.498-.772 1.07-.772.26 0 .548.037.81.075-.037.934-.647 1.345-1.22 1.345zM41.262 11.1l-2.428 8.554h-1.58L39.68 11.1zM38 11.1l-2.428 8.554h-1.58L36.42 11.1zm-6.723 2.95h1.68v2.017h-1.68zm0 3.598h1.68v2.017h-1.68zm-2.453-.075l1.27.125-.35 1.967h-4.893l-.162-.847 3.088-3.548h-1.756l-.25.872-1.158-.125.2-1.967h4.918l.125.847-3.113 3.548h1.818zm-8.03-3.636c-2.017 0-3.013 1.357-3.013 3 0 1.793 1.195 2.85 2.926 2.85 1.793 0 3.088-1.133 3.088-2.926 0-1.57-.984-2.926-3-2.926zm-.037 4.607c-.872 0-1.32-.747-1.32-1.718 0-1.058.5-1.668 1.332-1.668.76 0 1.37.5 1.37 1.644 0 1.083-.548 1.743-1.382 1.743zm-4.42-.112h.747v1.22h-2.34v-3.15c0-.97-.324-1.345-.96-1.345-.772 0-1.083.548-1.083 1.332v1.955h.747v1.22h-2.353v-3.163c0-.97-.324-1.345-.96-1.345-.772 0-1.083.548-1.083 1.332v1.955h1.07v1.22H6.71v-1.22h.747V15.27H6.71v-1.22h2.353v.847c.336-.598.92-.96 1.706-.96.81 0 1.556.386 1.83 1.208.31-.747.946-1.208 1.83-1.208 1.01 0 1.93.6 1.93 1.942v2.552z" fill="#fff"/></svg>
                </div>

                <div class="col-sm">
                    <svg xmlns="http://www.w3.org/2000/svg" width="200" height="120" viewBox="0 0 52.917 31.75"><desc>Tor Project logo</desc><g transform="matrix(.165566 0 0 .165566 13.991153 8.3417)"><path d="M84.9 6.8l-2.4 9.6C85.9 9.6 91.4 4.5 97.7 0c-4.6 5.3-8.8 10.6-11.3 16C90.7 9.9 96.5 6.6 103 4.3 94.3 12 87.4 20.4 82.2 28.7L78 26.9c.7-6.7 3.2-13.5 6.9-20.1z" fill="#68b044"/><path d="M73.8 25.1l7.9 3.3c0 2-.2 8.2 1.1 10 13.2 17 11 51.2-2.7 52-20.8 0-28.8-14.1-28.8-27.1 0-11.9 14.2-19.7 22.7-26.7 2.3-1.9 1.9-6.1-.2-11.5z" fill="#f5f8de"/><path d="M81.7 28.3l2.9 1.5c-.3 1.9.1 6.1 2 7.1 8.4 5.2 16.2 10.8 19.3 16.5 11 19.9-7.7 38.4-24 36.6 8.8-6.5 11.4-19.9 8.1-34.6-1.3-5.7-3.4-10.9-7.1-16.8-1.6-2.7-1-6.3-1.2-10.3z" fill="#7e4798"/><g fill="#010101"><path d="M78.5 37.8c-.6 3.1-1.3 8.7-4 10.8-1.1.8-2.3 1.6-3.5 2.4-4.9 3.3-9.7 6.4-11.9 14.3-.5 1.7-.1 3.5.3 5.2 1.2 4.9 4.6 10.1 7.3 13.2 0 .1.5.5.5.6 2.2 2.6 2.9 3.4 11.3 5.3l-.2.9c-5.1-1.3-9.2-2.6-11.9-5.6 0-.1-.5-.5-.5-.5-2.8-3.2-6.3-8.6-7.5-13.7-.5-2-.9-3.6-.3-5.7 2.3-8.2 7.3-11.5 12.3-14.9 1.1-.7 2.5-1.4 3.6-2.3 2.3-1.5 3.4-6.2 4.5-10z"/><path d="M80.7 50.8c.1 3.5-.3 5.3.6 7.8.5 1.5 2.4 3.5 2.9 5.5.7 2.6 1.5 5.5 1.5 7.3 0 2-.1 5.8-1 9.8-.7 3.3-2.2 6.2-4.8 7.8-2.7-.5-5.8-1.5-7.6-3.1-3.6-3.1-6.7-8.3-7.1-12.8-.3-3.7 3.1-9.2 7.9-11.9 4-2.4 5-5 5.9-9.4-1.2 3.8-2.4 6.9-6.3 9-5.7 3-8.6 7.9-8.3 12.7.4 6.1 2.8 10.2 7.6 13.5 2 1.4 5.8 2.9 8.2 3.3V90c1.8-.3 4.1-3.3 5.3-7.2 1-3.6 1.4-8.1 1.3-11-.1-1.7-.8-5.3-2.2-8.6-.7-1.8-1.9-3.6-2.6-4.9-.9-1.5-.9-4.3-1.3-7.5z"/><path d="M80.1 64.5c.1 2.4 1 5.4 1.4 8.5.3 2.3.2 4.6.1 6.6-.1 2.3-.8 6.5-1.9 8.6-1-.5-1.4-1-2.1-1.8-.8-1.1-1.4-2.3-1.9-3.6-.4-1-.9-2.2-1.1-3.5-.3-2-.2-5.2 2.1-8.4 1.8-2.6 2.2-2.8 2.8-5.7-.8 2.6-1.4 2.9-3.3 5.1-2.1 2.4-2.4 6-2.4 8.9 0 1.2.5 2.6 1 3.8.5 1.3 1 2.7 1.7 3.7 1.1 1.6 2.5 2.6 3.2 2.7v-.1c1.3-1.5 2.1-2.9 2.4-4.4.3-1.8.4-3.5.6-5.6.2-1.8.1-4.1-.4-6.5-.6-3-1.7-6.1-2.2-8.3zm.4-29.5c.1 3.5.3 10 1.3 12.6.3.9 2.8 4.7 4.5 9.4 1.2 3.2 1.5 6.2 1.7 7.1.8 3.8-.2 10.3-1.5 16.4-.7 3.3-3 7.4-5.6 9l-.5.9c1.5-.1 5.1-3.6 6.4-8.1 2.2-7.5 3-11 2-19.4-.1-.8-.5-3.6-1.8-6.5-1.9-4.5-4.6-8.8-4.9-9.7-.7-1.4-1.5-7.6-1.6-11.7z"/><path d="M81.7 28.6c-.2 3.6-.2 6.4.4 9.1.7 2.9 4.5 7.1 6.1 11.9 3 9.2 2.2 21.2.1 30.5-.8 3.3-4.6 8.1-8.5 9.6l2.8.7c1.5-.1 5.5-3.8 7.1-8 2.5-6.7 3-14.6 2-23-.1-.8-1.4-8-2.7-11-1.8-4.5-4.7-7.7-5.7-10.5-.8-2.1-1.1-7.7-.6-8.8z"/></g><path d="M3.8 8.8h54.1c2 0 3.8 1.7 3.8 3.8v16c0 2.1-1.8 3.8-3.8 3.8H46.8c-2.5 0-3.6 1.4-3.6 3v52.3a3.05 3.05 0 0 1-3.1 3.1H21.7c-1.7 0-3-1.3-3-3.1V34.9c0-1.6-1.5-2.6-2.6-2.6H3.8A3.8 3.8 0 0 1 0 28.5v-16c0-2 1.7-3.7 3.8-3.7zM142.6 30h4.8c1.8 0 3.2 1.4 3.2 3.1v17.1c0 2.2.1 3.1-2.6 3.1-5.3 0-7.7 2.8-7.7 5.9v28.9c0 1.3-1.3 2.5-2.8 2.5h-17.2c-1.5 0-2.8-1.1-2.8-2.5V55.2c0-.6 0-1.4.1-1.9.9-12.2 10.5-21.9 22.6-23.2.3 0 1.7-.1 2.4-.1z" fill="#7e4798"/><path d="M101.7 46.3c-2.9-2.6-6.5-4.8-10.3-6.9-1.7-.9-6.9-5-5.1-10.8l-13.1-5.4-.9.7c4.4 7.9 2.1 12.1-.1 13.5-4.4 3-10.8 6.8-13.9 10.1-6.1 6.3-7.9 12.3-7.3 20.1.6 10.1 7.9 18.5 17.8 21.8 4.3 1.4 8.3 1.6 12.7 1.6 7.1 0 14.5-1.9 19.8-6.3a24.9 24.9 0 0 0 9-19.1c0-7.3-3.1-14.3-8.6-19.3zm-1.9 36.9c-4.9 4-13.7 6.8-18.4 6.6-5.2-.3-10.3-1.1-14.8-3.3-7.9-3.8-13.1-12.1-13.5-18.8-.7-13.7 5.9-17.6 12-22.6 3.4-2.8 8.2-4.2 10.9-9.2.5-1.1.8-3.5.2-6-.3-.9-1.5-3.9-2-4.6l9.8 4.3c-1.2 4.5 2.5 9.2 5.5 10.9s7.7 4.9 10.6 7.5c5.1 4.5 7.7 10.9 7.7 17.6s-2.8 13.3-8 17.6z" fill="#010101"/></g><script/></svg>
                </div>

                <div class="col-sm">
                    <svg xmlns="http://www.w3.org/2000/svg" width="200" height="120" viewBox="0 0 52.917 31.75"><desc>Linux Foundation logo</desc><path d="M21.7 18.56v-5.517h1.7v4.105h2.442v1.412zm5.255-5.517h1.7v5.517h-1.7zm2.967 5.517v-5.517h1.74l1.606 2.953h.017v-2.953h1.606v5.517h-1.654l-1.692-3.012h-.017v3.012zm11.25-2.13c0 1.538-.812 2.264-2.513 2.264s-2.52-.726-2.52-2.264v-3.386h1.7v3.007c0 .556 0 1.268.828 1.268s.804-.7.804-1.268v-3.007h1.7v3.386zm.712 2.13l1.992-2.936-1.815-2.58h1.995l.833 1.5.82-1.5h1.886l-1.77 2.598 1.968 2.92h-2.047l-.944-1.644-.972 1.644z" fill="#003764"/><path d="M13.6 20.115H7.952v-5.65h-2.83v8.475H13.6z" fill="#009bde"/><path d="M7.947 13.048v-1.4h8.477v8.468h-1.4v2.825h4.235V8.8H5.124v4.237z" fill="#003764"/></svg>
                </div>

            </div>
        </div>

        <div class="pt-2">
            <svg xmlns="http://www.w3.org/2000/svg" width="46" height="44"><path d="M40.763 7.46L24.56.7a4.063 4.063 0 0 0-3.114 0L5.245 7.46c-1.5.624-2.498 2.1-2.498 3.738 0 16.75 9.662 28.328 18.69 32.092.996.413 2.118.413 3.114 0 7.232-3.013 18.7-13.417 18.7-32.092a4.05 4.05 0 0 0-2.489-3.738zM23.008 38.058L23 5.908l14.843 6.185c-.278 12.776-6.928 22.033-14.835 25.965z"/></svg>
            <p class="bold">Nicht zufrieden?<br/>Wir bieten eine 100% Geld-zurück-Garantie.</p>
        </div>

        <div class="pt-2 pb-2">
            <p>Fragen? <a href="mailto:hello@ura.design">Kontaktiere uns</a>.</p>
        </div>
    </div>
</div>