<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">First WebSite Creation</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <p>We provide a very sample WebSite you can use as a starting point.</p>
          <p>The following WebSite sample targets <b>Google</b> !</p>
          It contains two mapping rules: 
            <ul>
                <li>The first mapping rule matches a change in the search bar and, if such an event occurs, create a <b>Search XXX</b> AIFEX abstract action (where XXX corresponds the Google search query).</li>
                <li>The second mapping rule matches a click on one of the link returned by Google. If such an event occurs, the rule create a <b>Open i</b> AIFEX abstract action (where i corresponds to the index of the returned link).</li>
            </ul>
            Feel free to reuse this sample and please read our <a href="/documentation-website" target="_blank">documentation</a> to better understand how to create a web site. 
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>