search.html

---
layout: ballerina-inner-page
---

<style type="text/css" media="screen">
    li.cSearchMenu {
        display: none;
    }

    .form-control-field {
        width: 90%;
    }

    .cResults {
        padding: 0;
        margin: 0;

    }

    ul.cResults li {
        list-style: none !important;
        margin-left: 0 !important;
        padding: 10px 0 30px 0 !important;
        border-bottom: 1px solid #e6e9ea;


    }

.cSearchPage .form-control-field {
padding: 20px;
}

.cSearchButton img {
	width: 30px;
	margin-top: 5px;
}


</style>

<div class="container">
    <h1>Search </h1>
</div>

<div class="container cSearchField">
    <div class="col-sm-12 col-md-3"></div>

    <div class="col-sm-12 col-md-6 cSearchPage">
        <form class="cSearch-form-inline ">
            <input id="searchText" name="searchText" class="form-control-field" type="text" placeholder="Search" aria-label="Search">
            <a id="searchButton" class="cSearchButton"><img src="/img/search-green.svg"/></a>
        </form>
    </div>

    <div class="col-sm-12 col-md-3"></div>


</div>

<div class="container cSearchResults">

    <h2></h2>

    <ul id="searchResult" class="cResults">

    </ul>

</div>
<script src="/js/lunr.js" type="text/javascript"></script>
<script src="/js/searchIndex.js" type="application/javascript"></script>
<script src="/js/site-search.js" type="application/javascript"></script>