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://demos24.de/php24/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:#00ad5f; 
                        height:100%;
                        font-weight: 400; 
                        border: 0; 
                        font-size: 16px; 
                        color: #fff;
                        padding:13px 20px;
                    }
                    .frm2_btn:hover{
                        background:#009451; 
                    }
                </style>

... and the result (please test) :

Search box 2 (approx. 1.5 KBytes including graphics)

<form action="https://demos24.de/php24/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: #d9f1e3; 
                        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:#00ad5f; 
                        height:100%;
                        font-weight: 400; 
                        border: 0; 
                        font-size: 16px; 
                        color: #fff;
                        padding:11px;
                    }
                    .frm1_btn:hover{
                        background:#009451; 
                    }
                </style>

... and the result (please test) :

Search box 3 (approx. 1.2 KBytes including graphics)

<form action="https://demos24.de/php24/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: #d9f1e3; 
                        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:#00ad5f; 
                        height:100%;
                        font-weight: 300; 
                        border: 0; 
                        font-size: 14px; 
                        color: #fff;
                        padding:6px;
                    }
                    .frm3_btn:hover{
                        background:#009451; 
                    }
                </style>

... and the result (please test) :

Tipp

Stand out from others and bring your company entry to the fore!
Your a premium entry 4,95 €

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

Subscribe to our Newsletter

Sign up for our newsletter so you don`t miss any news.

I consent to my details being processed for a specific purpose in accordance with the data protection declaration

Sunday the 22. December | Page generated in 0.0017 Seconds

External search boxes for your website

Stand out from others and bring your company entry to the fore!Your a premium entry 4,95 €

Stand out from others and bring your company entry to the fore!
Your a premium entry 4,95 €