Skip to content

CIRCLE / cloud

Go to a project
Commit 258e05a0 by Kálmán Viktor
Options

network: dashboard is nicer

parent d092d85b
Showing with 48 additions and 51 deletions
network/templates/network/index.html
...@@ -52,73 +52,70 @@ ...@@ -52,73 +52,70 @@
<h1>{% trans "Dashboard" %}</h1> <h1>{% trans "Dashboard" %}</h1>
</div> </div>
<ul class="thumbnails"> <div class="row">
<li class="col-sm-3"> <div class="col-sm-3">
<div class="thumbnail"> <div class="thumbnail">
<p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p> <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
<p>Proin mattis enim risus. Ut condimentum eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p> <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
<p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
</p>
</div> </div>
</li>
<li class="col-sm-3">
<div class="thumbnail">
<p class="lead">Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit.</p>
<p>Proin mattis enim risus. Ut condimentum eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
</p>
</div> </div>
</li>
<li class="col-sm-3">
<div class="thumbnail">
<p class="lead">Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit.</p>
<p>Proin mattis enim risus. Ut condimentum eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
</p> <div class="col-sm-3">
</div>
</li>
<li class="col-sm-3">
<div class="thumbnail"> <div class="thumbnail">
<p class="lead">Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit.</p> <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
<p>Proin mattis enim risus. Ut condimentum eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p> <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
<p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
</p> </div>
</div> </div>
</li>
</ul>
<ul class="thumbnails"> <div class="col-sm-3">
<li class="col-sm-3">
<div class="thumbnail"> <div class="thumbnail">
<p class="lead">Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit.</p> <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
<p>Proin mattis enim risus. Ut condimentum eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p> <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
<p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
</p> </div>
</div> </div>
</li>
<li class="col-sm-3">
<div class="thumbnail">
<p class="lead">Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit.</p>
<p>Proin mattis enim risus. Ut condimentum eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
</p> <div class="col-sm-3">
<div class="thumbnail">
<p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
<p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
<p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
</div> </div>
</li> </div>
<li class="col-sm-3">
<div class="col-sm-3">
<div class="thumbnail"> <div class="thumbnail">
<p class="lead">Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit.</p> <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
<p>Proin mattis enim risus. Ut condimentum eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p> <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
<p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
</div>
</div>
</p> <div class="col-sm-3">
<div class="thumbnail">
<p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
<p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
<p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
</div>
</div> </div>
</li>
<li class="col-sm-3"> <div class="col-sm-3">
<div class="thumbnail"> <div class="thumbnail">
<p class="lead">Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit.</p> <p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
<p>Proin mattis enim risus. Ut condimentum eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p> <p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
<p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
</div>
</div>
</p> <div class="col-sm-3">
<div class="thumbnail">
<p class="lead"><a href="{% url network.host_list %}">Hosts</a> are machines on the network.</p>
<p>Proin mattis enim risus. Ut eu enim quis auctor. Duis lobortis sollicitudin lacus, scelerisque dictum arcu aliquam nec.</p>
<p class="text-right"><a href="#" class="btn btn-default">List</a> <a href="#" class="btn btn-success">Create</a></p>
</div> </div>
</li> </div>
</ul>
</div>
{% endblock %} {% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment