{% extends "base/app.html" %}
{% load static %}

{% block content %}
<link rel="stylesheet" type="text/css" href="{% static 'css/system/allowed.css' %}" />
<div class="col-md-12">
    <div class="col-md-8 offset-md-2">
        <form>
            <div class="input-group">
                <input type="search" class="form-control form-control-lg in-search" placeholder="Type your keywords here">
                <div class="input-group-append">
                    <button type="button" class="btn btn-lg btn-default btn-search">
                        <i class="fa fa-search"></i>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="col-md-12 mt-3">
    <div class="d-flex flex-row div-system-holder"></div>
</div>
{% endblock %}

{% block javascript %}
    {{ block.super }}

    <script src="{% static 'js/system/allowed.js' %}"></script>
    
{% endblock %}