index.html

---
layout: home
---

<div id="hero">
  <div id="hero-content">
    <div class="wrapper">
      <h2>A smarter research tool for the modern age.</h2>
      <a class="hero-btn" id="home-more" href="#home-content">Learn more</a>
      <a class="hero-btn" href="/beta/">Beta signup</a>
    </div>
  </div>
</div>

<a id="home-content"></a>

<section class="home-card wrapper" id="home-card-1">
  <img class="home-card-img" src="/img/home_head.png" srcset="/img/home_head@2x.png 2x" />
  <div class="home-card-text">
    <h1>Find things before you've realized what to look for</h1>
    <p>Imagine finding relevant information while researching before even realizing what to look for.</p>
    <p>Using the cognitive powers of IBM Watson, Sherlocke helps you do exactly that, all without you having to change your existing workflow.</p>
  </div>
</section>

<section class="home-card wrapper" id="home-card-2">
  <img class="home-card-img" src="/img/home_sherlocke.png" srcset="/img/home_sherlocke@2x.png 2x" />
  <div class="home-card-text">
    <h1>Learns as you learn</h1>
    <p>You put pieces together as you do your research. So does Sherlocke.</p>
    <p>Sherlocke continually offers relevant documents to you, but it remembers what you've been looking at before, so it can figure out what's truly important.</p>
  </div>
</section>

<section class="home-card wrapper" id="home-card-3">
  <img class="home-card-img" src="/img/home_watson.png" srcset="/img/home_watson@2x.png 2x" />
  <div class="home-card-text">
    <h1>Sherlocke knows everything</h1>
    <p>Sherlocke for Law. Sherlocke for Scholars. Sherlocke for Cats. <sup>*</sup></p>
    <p>Powered by IBM Watson, Sherlocke is an intelligent research tool that integrates with any existing digital databases of documents, allowing users to efficiently find relevant information from a variety of sources, no matter what the subject is.</p>
    <em><sup>* Probably not a real product. Unless you want that.</sup></em>
  </div>
</section>

<div id="more-btn">
  <a id="learn-more" href="/product/">More details</a>
</div>