Your IP : 216.73.216.229

Current Path : /home/jeromecohp/www/templates/yootheme/packages/styler/tests/
Upload File :
Current File : /home/jeromecohp/www/templates/yootheme/packages/styler/tests/search.html

<div class="uk-section uk-section-default uk-flex uk-flex-middle" uk-height-viewport>
    <div class="uk-width-1-1">
        <div class="uk-container uk-container-small">


            <h2>Default</h2>

            <div class="uk-margin" uk-margin>
                <form class="uk-search uk-search-default">
                    <span uk-search-icon></span>
                    <input class="uk-search-input" type="search" placeholder="Search" aria-label="Search">
                </form>
            </div>

            <h2>Navbar</h2>

        </div>

        <div class="uk-navbar-container uk-margin">
            <div class="uk-container uk-container-small">
                <div class="uk-navbar">
                
                    <div class="uk-navbar-left">
                        <div class="uk-navbar-item">

                            <form class="uk-search uk-search-navbar">
                                <span uk-search-icon></span>
                                <input class="uk-search-input" type="search" placeholder="Search" aria-label="Search">
                            </form>

                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="uk-container uk-container-small">

            <h2>Medium</h2>

            <div class="uk-margin" uk-margin>
                <form class="uk-search uk-search-medium">
                    <span uk-search-icon></span>
                    <input class="uk-search-input" type="search" placeholder="Search" aria-label="Search">
                </form>
            </div>

            <h2>Large</h2>

            <div class="uk-margin" uk-margin>
                <form class="uk-search uk-search-large">
                    <span uk-search-icon></span>
                    <input class="uk-search-input" type="search" placeholder="Search" aria-label="Search">
                </form>
            </div>

            <h2>Toggle</h2>

            <a class="uk-search-toggle" href="#" uk-search-icon></a>

        </div>
    </div>
</div>