Design de la page d'accueil, pour afficher le logo au centre, la recherche à gauche et le reste à droite

This commit is contained in:
2021-05-19 14:47:34 +02:00
parent a934b6e1c1
commit b7be47d9e7
7 changed files with 111 additions and 61 deletions

View File

@@ -1,9 +1,11 @@
<div class="search-container navbar-form navbar-left">
<form id="form-search" action="{url path="/search"}" method="get" role="search" aria-labelledby="search-label">
<label id="search-label" class="sr-only" for="q">{intl l="Search a product" d="hooksearch.fo.default"}</label>
<i class="glyphicon glyphicon-search" id="search-button">
<input type="search" name="q" id="q" placeholder="{intl l="Search..." d="hooksearch.fo.default"}" class="form-control" autocomplete="off" aria-required="true" required pattern=".{ldelim}2,{rdelim}" title="{intl l="Minimum 2 characters." d="hooksearch.fo.default"}">
</i>
{* <button type="submit" class="btn btn-search"><i class="fa fa-search"></i> <span class="sr-only">{intl l="Search" d="hooksearch.fo.default"}</span></button> *}
</form>
<div class="custom-grid-one">
<div class="search-container navbar-form navbar-left">
<form id="form-search" action="{url path="/search"}" method="get" role="search" aria-labelledby="search-label">
<label id="search-label" class="sr-only" for="q">{intl l="Search a product" d="hooksearch.fo.default"}</label>
<i class="glyphicon glyphicon-search" id="search-button-">
<input type="search" name="q" id="q" placeholder="{intl l="Search..." d="hooksearch.fo.default"}" class="form-control" autocomplete="off" aria-required="true" required pattern=".{ldelim}2,{rdelim}" title="{intl l="Minimum 2 characters." d="hooksearch.fo.default"}">
</i>
<!-- <button type="submit" class="btn btn-search"><i class="fa fa-search"></i> <span class="sr-only">{intl l="Search" d="hooksearch.fo.default"}</span></button>-->
</form>
</div>
</div>