ajaxsearch.html

      <meta charset="utf-8">
      <title>Search</title>
      <meta content='width=device-width, initial-scale=1' name='viewport'>
      <style>
         html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}*,*:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}body {font:14px "Helvetica", "Arial", sans-serif;}
         *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
            ::-webkit-scrollbar {width:5px;}body {scrollbar-width:thin;}
   #search-box-isSearch {
    position: relative;
    float: right;
    margin: 15px 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 25px;
    width: 100%;
}
            .js-search::-webkit-scrolbar {width:5px;}.js-search {scrollbar-width:thin;}
   .js-search-results li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
}
   .js-search-image {
    width: 130px;
    margin-right: 10px;
    float: left;
}
   h3.js-search-title {
    padding: 10px;
}
   h4.js-search-title {
    width: calc(100% - 145px);
    float: left;
}
   .js-search-title a {
    color: #333;
    text-decoration: none;
    font-weight: 600;
}
#search-box-isSearch input {
    padding: 10px;
    width: 100%;
}
   .icon-search {
    position: absolute;
    right: 10px;
    top: 10px;
}
   .icon-search svg {
    fill: #777;
}
      </style>
<div id='search-box-isSearch' title='Type Here For Search'>
   <form action='/search' method='get' target='_top' autocomplete='off'>
      <span class='icon-search'>
         <svg height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'>
            <path d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/>
            <path d='M0 0h24v24H0z' fill='none'/>
         </svg>
      </span>
      <input name='q' placeholder='Find Here ...' style='outline:0;border:0;background:transparent;' type='text'/>
   </form>
</div>
      <script src="https://raw.githack.com/idkarirku/amp/master/ajaxsearch.js?live=true&amp;image=w130-h100-rw-p-k-no-nu&amp;id=&quot;4600495167775921155&quot;&amp;target=_blank&amp;"></script>