{%extends "base_template.html"%}

{%block headblock%}
  <title> Locations </title>
  <link rel="stylesheet" href="/static/CSS/Locations.css">
{%endblock%}
{%block headerblock%}
    <a id="headerText"
    href="ListLocations">
      Locations</a>
{%endblock%}

{%block mainblock%}
<br><br>
{%if data%}
  {%for x in range(data|length)%}

    <br><br>
    <div class="contain">
      <ul class= "list">
    <li>
  <div class="container">
      <img src= "{{data[x][1]}}" class="image"  >
       <h2 onclick="window.location.href='/Load/Page/{{data[x][0]}}'"> {{data[x][0]}} </h2>
       <p>hhhhhhhhhhhhhhhhhhhhhhhhhhh</p>
       <div class= star>
       <span class="fa fa-star fa-3x checked" ></span>
  <span class="fa fa-star fa-3x checked"></span>
  <span class="fa fa-star fa-3x checked"></span>
  <span class="fa fa-star fa-3x" ></span>
  <span class="fa fa-star fa-3x" ></span>
  </div>
      <div class="middle">
          <div class="text">{{data[x][0]}}</div>
      </div>
  </div>
    </li>
  {%endfor%}

{%endif%}

{%endblock%}

{%block jsblock%}
{%endblock%}