{% extends "layout.html" %}
{% block body %}
<div class="row">
  <div class="col-xs-12">
    <br>
    <a href="javascript:history.back()" class="btn btn-default"> Back </a>
    <input class="pull-right" placeholder="Search"></input>
    <h2> Installed Packages </h2>
    <hr>


    <div class="row">
      {% for p in ["Python", "Ruby", "PHP"] %}
      <div class="col-sm-12">
        <a href="{{ p }}">
        <div class="panel panel-default">
          <div class="panel-body">

            <div class="media">

              <div class="media-body">
                <h4 class="media-heading"> <h3><img class="media-object" src="/static/dist/img/{{ p|lower }}.png" style="width: 20px;float: left;"> {{ p }} <small> by Someone </small> </h4>
              </div>
              Lorem ipsum dolor sit amet.
            </div>

          </div>
        </div>
        </a>
      </div>
      {% endfor %}
    </div>
  </div>
</div>


{% endblock %}