<b:if cond='data:view.isHomepage'>
<title>Reverse Image Search - Find Similar Images</title>
    <meta content='reverse image search, image upload search, google images search, bing search, yandex image search, tineye image search, sogou image search, baidu image search, search image by keywords, search image by url, find similar images' name='keywords'/>
    <meta content='Search for Similar Images by Uploading an Image or Pasting any Image URL or Typing Keywords' name='description'/>
    <meta content='index, follow' name='robots'/>
    <link href='/apple-touch-icon.png' rel='apple-touch-icon' sizes='180x180'/>
    <link href='/favicon-32x32.png' rel='icon' sizes='32x32' type='image/png'/>
    <link href='/favicon-16x16.png' rel='icon' sizes='16x16' type='image/png'/>
    <link href='/favicon-192x192.png' rel='shortcut icon' sizes='192x192' type='image/png'/>
    <link as='font' crossorigin='anonymous' href='https://adithsureshbabu.github.io/reverse-image-search/fonts/BioRhyme-Regular-latin.woff2' rel='preload' type='font/woff2'/>
    <link as='font' crossorigin='anonymous' href='https://adithsureshbabu.github.io/reverse-image-search/fonts/BioRhyme-Regular-latin_ext.woff2' rel='preload' type='font/woff2'/>
    <link href='https://adithsureshbabu.github.io/reverse-image-search/fonts/fonts.css' rel='stylesheet'/>
    <link href='https://adithsureshbabu.github.io/reverse-image-search/css/normalize.min.css' rel='stylesheet'/>
    <link href='https://adithsureshbabu.github.io/reverse-image-search/css/style.css' rel='stylesheet'/>
    <link href='https://adithsureshbabu.github.io/reverse-image-search/css/loader.css' rel='stylesheet'/>
    <link href='https://adithsureshbabu.github.io/reverse-image-search/css/fontello.css' rel='stylesheet'/>
    <link href='https://adithsureshbabu.github.io/reverse-image-search/css/fontello-ie7.css' rel='stylesheet'/>
    <link href='https://adithsureshbabu.github.io/reverse-image-search/css/fontello-embedded.css' rel='stylesheet'/>
    <script src='https://adithsureshbabu.github.io/reverse-image-search/js/app.js'/>
    
 
    <div class='loader'>
      <div/>
      <div/>
      <div/>
      <div/>
      <div/>
      <div/>
      <div/>
      <div/>
      <div/>
    </div>
    <div class='container'>
      <section class='part_0'>
        <p class='title text_center'>Reverse Image Search</p>
        <p class='description text_center'>
          You can search for images by Uploading an Image or Pasting any Image URL or Typing any Keywords related to the
          images you want to explore.
        </p>
      </section>
      <section class='part_1'>
        <div class='drag_zone' ondragenter='onDragenter(event)' ondragleave='onDragleave(event)' ondragover='onDragover(event)' ondrop='onDrop(event)'>
          <div class='center_content f_col' style='margin-bottom: 10px'>
            <img alt='drop-photo' oncontextmenu='return false;' onmousedown='event.preventDefault ? event.preventDefault() : event.returnValue = false' src='https://adithsureshbabu.github.io/reverse-image-search/images/dragUpIcon.svg' style='width: 70px; height: 55px'/>
            <p class='text_bl text_center'>Drop image to search</p>
            <p class='text_bs text_center'>or upload image using the button below</p>
          </div>
          <div class='icon_button button_r center_content' onclick='document.querySelector(&apos;#imgInput&apos;).click();' style='max-width: 128px'>
            <i class='icon-attach' style='font-size: 12px'/>
            <input class='button_re' type='button' value='Upload'/>
            <input accept='image/*' id='imgInput' name='img' onchange='imgInputChange(this);' style='display: none' type='file'/>
          </div>
        </div>
        <div class='prev_outer_box'>
          <div class='prev_inner_box'>
            <img alt='image-preview' class='img_responsive' id='prev_img_box' src=''/>
            <div class='cross_img center_content' onclick='closeImage();'>
              <i class='icon-cancel' style='font-size: 11px'/>
            </div>
          </div>
        </div>
        <div id='file_name' style='word-break: break-all; margin-top: 5px; display: none'/>
        <div id='file_size' style='word-break: break-all; margin-top: 5px'/>
      </section>
      <section class='part_1' id='urlkeyword'>
        <div style='margin-bottom: 10px'>
          <p class='text_center text_br'>- OR - Paste URL</p>
          <div class='input_group'>
            <i class='icon-link' style='font-size: 18px'/>
            <input class='txtinput' id='txtUrlSearch' name='UrlSearch' onchange='clearFields(&apos;byUrl&apos;)' onkeydown='clearFields(&apos;byUrl&apos;)' onpaste='clearFields(&apos;byUrl&apos;)' placeholder='Paste Image URL' type='url'/>
          </div>
        </div>
        <div style='margin-bottom: 5px'>
          <p class='text_center text_br'>- OR - Search By Keyword</p>
          <input class='txtinput' id='txtKeywordSearch' name='KeywordSearch' onchange='clearFields(&apos;byKeyword&apos;)' onkeydown='clearFields(&apos;byKeyword&apos;)' onpaste='clearFields(&apos;byKeyword&apos;)' placeholder='Search By Keyword' type='text'/>
        </div>
      </section>
      <section class='center_content part_1'>
        <input class='button_r' id='btnSearchSimilar' onclick='searchSimilar();' type='submit' value='Find Similar Image&amp;ensp;&amp;#xe804;'/>
      </section>
      <section class='part_2'>
        <div class='isr_container'>
          <div class='sr_item'>
            <div class='main_is_result'>
              <div class='icon_svg'>
                <a class='' href='#' id='googleUrl' target='_blank'>
                  <div class='img_overlay_container'>
                    <center><img alt='Google' src='https://adithsureshbabu.github.io/reverse-image-search/images/Google.svg'/></center>
                  </div>
                  <div class='button_sm hide_inside_tab' style='background: #0373dd'>Show Matches</div>
                  <div class='button_sm hide_outside_tab' style='background: #0373dd'>Google</div>
                </a>
              </div>
            </div>
          </div>


          <div class='sr_item'>
            <div class='main_is_result'>
              <div class='icon_svg'>
                <a href='#' id='bingUrl' target='_blank'>
                  <div class='img_overlay_container'>
                    <center><img alt='Bing' src='https://adithsureshbabu.github.io/reverse-image-search/images/Bing.svg'/></center>
                  </div>
                  <div class='button_sm hide_inside_tab' style='background: #00897b'>Show Matches</div>
                  <div class='button_sm hide_outside_tab' style='background: #00897b'>Bing</div>
                </a>
              </div>
            </div>
          </div>
          <div class='sr_item'>
            <div class='main_is_result'>
              <div class='icon_svg'>
                <a href='#' id='yandexUrl' target='_blank'>
                  <div class='img_overlay_container'>
                    <center><img alt='Yandex' src='https://adithsureshbabu.github.io/reverse-image-search/images/Yandex.svg'/></center>
                  </div>
                  <div class='button_sm hide_inside_tab' style='background: #e62621'>Show Matches</div>
                  <div class='button_sm hide_outside_tab' style='background: #e62621'>Yandex</div>
                </a>
              </div>
            </div>
          </div>
          <div class='sr_item' id='tineyeBlock'>
            <div class='main_is_result'>
              <div class='icon_svg'>
                <a href='#' id='tineyeUrl' target='_blank'>
                  <div class='img_overlay_container'>
                    <center><img alt='Tineye' src='https://adithsureshbabu.github.io/reverse-image-search/images/tineye.svg'/></center>
                  </div>
                  <div class='button_sm hide_inside_tab' style='background: #61aacb'>Show Matches</div>
                  <div class='button_sm hide_outside_tab' style='background: #61aacb'>Tineye</div>
                </a>
              </div>
            </div>
          </div>
          <div class='sr_item'>
            <div class='main_is_result'>
              <div class='icon_svg'>
                <a href='#' id='sogouUrl' target='_blank'>
                  <div class='img_overlay_container'>
                    <center><img alt='Sogou' src='https://adithsureshbabu.github.io/reverse-image-search/images/Sogou.svg'/></center>
                  </div>
                  <div class='button_sm hide_inside_tab' style='background: #f74b1a'>Show Matches</div>
                  <div class='button_sm hide_outside_tab' style='background: #f74b1a'>Sogou</div>
                </a>
              </div>
            </div>
          </div>
          <div class='sr_item'>
            <div class='main_is_result'>
              <div class='icon_svg'>
                <a href='#' id='baiduUrl' target='_blank'>
                  <div class='img_overlay_container'>
                    <center><img alt='Baidu' src='https://adithsureshbabu.github.io/reverse-image-search/images/baidu.svg'/></center>
                  </div>
                  <div class='button_sm hide_inside_tab' style='background: #0062b2'>Show Matches</div>
                  <div class='button_sm hide_outside_tab' style='background: #0062b2'>Baidu</div>
                </a>
              </div>
            </div>
          </div>
        </div>
        <input class='button_r' id='btnNewSearch' onclick='newSearch()' style='align-self: center' type='submit' value='Try New Search'/>
      </section>
    </div>