basti1012.bplaced.net

Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
    <span style="font-size:20px">Es wird nach Selbsthilfegruppen, Beratung stellen und alle andere Stellen angezeigt, die in ihrer Nähe sind. <span style="text-decoration:underline">Die Ergebnisse werden auf der Seite <a stylew="text-decoration: none; color: green" href="https://www.nakos.de/adressen/datenbanksuche/">nakos.de/</a> angezeigt , auf der Sie weitergeleitet werden.</span></span> <span style="font-size: 14px;margin-top: 10px;color: #a76046;font-weight: 700;"><br><br>Wenn Sie das Tool auf ihre Webseite einbinden wollen , fragen Sie bitte den Admin der Nakos Seite ob sie das dürfen. (am besten mit Beispiel wie sie das eingebaut haben).</span>

    Code

                                        
                                    <!doctype html>
    <html lang="de">
    <head>
        <title>
            Hier suchen und auf anderere Seite das Ergebnisss bekommen
        </title>
        <meta charset="utf-8">
    <style>
    *{
        margin:0;
        padding:0;
    }
    body {
        padding: 30px;
    }
    h2 {
        text-align: center;
        text-decoration: underline;
        padding: 0 0 10px 0;
    }
    h2 ~ p{
    width: 90%;
        margin-left: 20px;
        padding: 2px 0 2px 25px;
        }
    div.address {
        background: #2266b7;
        color: #ffffff !important;
        padding: 0 0 5px 0;
        width: 90%;
        margin: 15px auto;
    }
    div.address-title {
        padding: 15px 20px 15px 20px;
        border-bottom: 1px dotted #ffffff;
    }
    div.address-title h1 {
        font-size: 17.0pt;
        font-weight: normal;
        text-transform: uppercase;
    }
    div.address-text {
        padding: 15px 20px 15px 20px;
    }
    div.address-input {
        padding: 0 0 5px 0;
        margin: 15px 0 0 0;
        display: flex;
    }
    div.address-input input[type=text] {
        width: 100%;
        color:white;
        font-weight: 600;
        background: rgba(0,0,0,0.2);
        padding: 5px 5px 5px 5px;
        border: 1px solid #ffffff;
        border: 1px solid rgba(255,255,255,0.3);
        border-radius: 3px;
        margin: 5px 0;
    }
    div.address-search input[type=submit] {
        display: none;
    }
    .address-search.address-search-address {
        display: flex;
        width: 50px;
        align-items: center;
        justify-content: center;
    }
    .address-search.address-search-address button {
        background: none;
        border: none;
        outline: none;
        cursor: pointer;
    }
    .address-search.address-search-address img {
        width: 30px;
    }
    #flex-helper{
        display: flex;
        margin: 0 20px 0 20px;
        width: calc(100% - 70px);
        flex-direction: column;
    }
    </style>
    </head>
    <body>
    <h2>Selbsthilfegruppen suchen</h2>
    <p>Im ersten Feld geben Sie zum Beispiel Alkohol,Magersucht,Drogen,Spielsucht usw ein.</p>
    <p>Im Zweiten Feld ihre Postleitzahl.</p> 
    <p>Wir hoffen das Sie was passendes finden.</p> 
     <div class="content content-23 address">
        <div class="address-title">
            <h1>Suche in den NAKOS-Datenbanken</h1>
        </div>
        <div class="address-text">
            <p class="start">Sie suchen einen Ansprechpartner*in oder eine Selbsthilfegruppe?<br>
                Dann geben Sie bitte hier Ihr <strong>Thema,</strong> einen <strong>Ort</strong>
                <strong>,</strong> eine <strong>Region</strong> oder die ersten beiden Ziffern Ihrer 
                <strong>Postleitzahl</strong> ein:
            </p>
        </div>
        <form id="address" action="https://www.nakos.de/adressen/datenbanksuche/" method="post">
            <input type="hidden" name="type_" value="">
            <div class="address-input">
              <div id="flex-helper">
                <div class="address-input-theme">
                    <input class="clearable x" type="text" name="address_.theme:record" value="" placeholder="Thema oder Institution">
                </div>
                <div class="address-input-place">
                    <input class="clearable x" type="text" name="address_.place:record" value="" placeholder="Ort, Region oder Postleitzahl">
                </div>
              </div>
                <div class="address-search address-search-address">
    <button type="submit">
                    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MDc4MDExNzQwNzIwNjgxMThDMTREMERGQUUxQUE5MDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REY4ODUxRTU4NzU0MTFFMzg5MTFERjVDM0VBOEZDQjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REY4ODUxRTQ4NzU0MTFFMzg5MTFERjVDM0VBOEZDQjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdGOTdBNDgzMjQyMDY4MTE4QzE0OUJCMjZENjM5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" alt="SUCHEN">
    </button>
                </div>
            </div>
        </form>
      </div>
      </body>
    </html>