Search

• Posted: January 15, 2016
• / By: Magda
• / In:

HTML markup

CSS

<form action="#" class="ct-searcher"> <div class="form-group ct-search__input-container"> <label for="searcher" class="sr-only">Searcher</label> <input id="searcher" type="text" placeholder="Search Images, Vectors and more ..." class="form-control" tabindex="0"> </div> <div class="form-group text-center"> <button type="submit" class="btn btn btn-lg btn-motive btn-rounded" tabindex="0">Search</button> </div> </form>

1 2 3 4 5 6 7 8 9

<form action="#" class="ct-searcher">   <div class="form-group ct-search__input-container">     <label for="searcher" class="sr-only">Searcher</label>     <input id="searcher" type="text" placeholder="Search Images, Vectors and more ..." class="form-control" tabindex="0">   </div>   <div class="form-group text-center">     <button type="submit" class="btn btn btn-lg btn-motive btn-rounded" tabindex="0">Search</button>   </div> </form>

Screenshot

Search example