External search boxes for your website

Let your visitors `search` in our business directory - directly from your website ...

Use our business directory as an additional service for your visitors. Simply copy the code to the desired location on your website.
Search box 1 (approx. 3.9 KBytes including graphics)

<form action="https://firmenguru.online//key_search.php" method="post" target="_blank" class="frm2">
                    <div class="frm2_div1">
                        <div class="frm2_div2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24">
                                <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                            </svg>
                            <input type="text" name="key_val" class="frm2_input" placeholder="What are you looking for?" required>
                        </div>
                        <input type="submit" value="Search" class="frm2_btn">
                    </div>
                </form>
                <style>
                    .frm2{
                        display:inline-block;
                    }
                    .frm2_div1{
                        width:400px; 
                        max-width:100%; 
                        display:flex; 
                        align-items:center; 
                        box-shadow:0 2px 10px 0 rgb(0 0 0 / 19%); 
                        border-radius: 34px; 
                        justify-content: space-between;
                        overflow: hidden;
                    }
                    .frm2_div2{
                        padding:10px;
                        background: #d9f1e3; 
                        flex-grow: 1; 
                        display:flex;
                    }
                    .frm2_input{
                        background: 0 0; 
                        border: 0; 
                        width:100%;
                        font-size:16px;
                    }
                    .frm2_input:focus{
                        outline: 0;
                    }
                    .frm2_input:-webkit-autofill{
                        transition: background-color 5000s ease-in-out 0s;
                    }
                    .frm2_btn{
                        background:#e63d00; 
                        height:100%;
                        font-weight: 400; 
                        border: 0; 
                        font-size: 16px; 
                        color: #fff;
                        padding:13px 20px;
                    }
                    .frm2_btn:hover{
                        background:#0059b3; 
                    }
                </style>

... and the result (please test) :

Search box 2 (approx. 1.5 KBytes including graphics)

<form action="https://firmenguru.online//key_search.php" method="post" target="_blank" class="frm1">
                    <div class="frm1_div1">
                        <div class="frm1_div2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                            </svg>
                            <input type="text" name="key_val" class="frm1_input" placeholder="What are you looking for?" required>
                        </div>
                        <input type="submit" value="Search" class="frm1_btn">
                    </div>
                </form>
                <style>
                    .frm1{
                        display:inline-block;
                    }
                    .frm1_div1{
                        width:300px; 
                        max-width:100%; 
                        display:flex; 
                        align-items:center; 
                        box-shadow:0 2px 10px 0 rgb(0 0 0 / 19%); 
                        border-radius: 34px; 
                        justify-content: space-between;
                        overflow: hidden;
                    }
                    .frm1_div2{
                        padding:10px;
                        background: #ffdacc; 
                        flex-grow: 1; 
                        display:flex;
                    }
                    .frm1_input{
                        background: 0 0; 
                        border: 0; 
                        width:100%;
                        font-size:16px;
                    }
                    .frm1_input:focus{
                        outline: 0;
                    }
                    .frm1_input:-webkit-autofill{
                        transition: background-color 5000s ease-in-out 0s;
                    }
                    .frm1_btn{
                        background:#e63d00; 
                        height:100%;
                        font-weight: 400; 
                        border: 0; 
                        font-size: 16px; 
                        color: #fff;
                        padding:11px;
                    }
                    .frm1_btn:hover{
                        background:#0059b3; 
                    }
                </style>

... and the result (please test) :

Search box 3 (approx. 1.2 KBytes including graphics)

<form action="https://firmenguru.online//key_search.php" method="post" target="_blank" class="frm3">
                    <div class="frm3_div1">
                        <div class="frm3_div2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
                                <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
                            </svg>
                            <input type="text" name="key_val" class="frm3_input" required>
                        </div>
                        <input type="submit" value="Search" class="frm3_btn">
                    </div>
                </form>
                <style>
                    .frm3{
                        display:inline-block;
                    }
                    .frm3_div1{
                        width:120px; 
                        max-width:100%; 
                        display:flex; 
                        align-items:center; 
                        box-shadow:0 2px 10px 0 rgb(0 0 0 / 19%); 
                        border-radius: 34px; 
                        justify-content: space-between;
                        overflow: hidden;
                    }
                    .frm3_div2{
                        padding:5px;
                        background: #ffdacc; 
                        flex-grow: 1; 
                        display:flex;
                    }
                    .frm3_input{
                        background: 0 0; 
                        border: 0; 
                        width:100%;
                        font-size:14px;
                    }
                    .frm3_input:focus{
                        outline: 0;
                    }
                    .frm3_input:-webkit-autofill{
                        transition: background-color 5000s ease-in-out 0s;
                    }
                    .frm3_btn{
                        background:#e63d00; 
                        height:100%;
                        font-weight: 300; 
                        border: 0; 
                        font-size: 14px; 
                        color: #fff;
                        padding:6px;
                    }
                    .frm3_btn:hover{
                        background:#0059b3; 
                    }
                </style>

... and the result (please test) :

Listing

Top list Visitor
new Entries

Company search A-Z
Industry search A-Z
Live search
TOP100
Search tips
Search boxes

Information

Info,s and rules
Terms of Use
Data protection
Revocation
FAQ
Imprint
Contact
Backlink
Sitemap