search.html

<?xml version="1.0" encoding="UTF-8"?>
<div xmlns="http://www.w3.org/1999/xhtml" data-template="templates:surround" data-template-with="templates/page.html" data-template-at="content">
    <div class="main-content top-padding">
        <!-- <form data-template="search:search-form" data-template-collection="OPTIONAL: COLLECTION NAME"/>--> 
        <form method="get" class="form-horizontal indent" role="form">
            <h1 class="search-header">Search</h1>
            <div class="well well-small search-box">
                <div class="row">
                    <div class="col-md-10">
                        <!-- Keyword -->
                        <div class="form-group">
                            <label for="keyword" class="col-sm-2 col-md-3  control-label">Keyword: </label>
                            <div class="col-sm-10 col-md-9 ">
                                <div class="input-group">
                                    <input type="text" id="keyword" name="keyword" class="form-control keyboard"/>
                                    <div class="input-group-btn">
                                        <span data-template="app:keyboard-select-menu" data-template-input-id="keyword"/>
                                    </div>
                                </div> 
                            </div>
                        </div>
                        <!-- Title-->
                        <div class="form-group">
                            <label for="title" class="col-sm-2 col-md-3  control-label">Title: </label>
                            <div class="col-sm-10 col-md-9 ">
                                <div class="input-group">
                                    <input type="text" id="title" name="title" class="form-control keyboard"/>
                                    <div class="input-group-btn">
                                        <span data-template="app:keyboard-select-menu" data-template-input-id="title"/>
                                    </div>
                                </div>   
                            </div>
                        </div>
                        <!-- Place Name-->
                        <div class="form-group">
                            <label for="placeName" class="col-sm-2 col-md-3  control-label">Place Name: </label>
                            <div class="col-sm-10 col-md-9 ">
                                <div class="input-group">
                                    <input type="text" id="placeName" name="placeName" class="form-control keyboard"/>
                                    <div class="input-group-btn">
                                        <span data-template="app:keyboard-select-menu" data-template-input-id="placeName"/>
                                    </div>
                                </div>   
                            </div>
                        </div>
                        <!-- end col  -->
                    </div>
                    <!-- end row  -->
                </div>    
                <div class="pull-right">
                    <button type="submit" class="btn btn-info">Search</button> 
                    <button type="reset" class="btn">Clear</button>
                </div>
                <br class="clearfix"/>
                <br/>
            </div>
        </form>
        <div class="results">
            <div data-template="search:search-data">
                <div data-template="app:pageination" data-template-search-string="yes" data-template-sort-options="title,author,pubDate"/>
                <div data-template="app:display-map"/>
                <hr/>
                <div data-template="search:show-hits" data-template-kwic="yes"/>
                <div data-template="app:pageination"/>
            </div>
        </div>
    </div>
</div>