add of a dropdown and footerinformation nicely

This commit is contained in:
Ivan Hörler 2018-01-14 13:43:13 +01:00
parent d5ad3c77d5
commit 368c7342ef
1 changed files with 42 additions and 8 deletions

View File

@ -43,13 +43,23 @@
{% else %} {% else %}
<li><a href="{% url 'login' %}">LOGIN</a></li> <li><a href="{% url 'login' %}">LOGIN</a></li>
{% endif %} {% endif %}
<li><a href="#">CURRENCY</a></li> <div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Currency:
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-center">
<li class="disabled"><a href="#">CHF</a></li>
<li class="active"><a href="#">USD</a></li>
<li class="active"><a href="#">JPYS</a></li>
<li class="active"><a href="#">GBP</a></li>
</ul>
</div>
</ul> </ul>
</div> </div>
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-sm-2"> <div class="col-md-2">
{% block sidebar %} {% block sidebar %}
{% if category_list %} {% if category_list %}
<ul> <ul>
@ -67,13 +77,15 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
</div> </div>
<div class="col-sm-10 "> <div class="col-md-8 panel panel-default">
<div class="panel-heading">
<h1> <h1>
{% block section_title %}{% endblock %} {% block section_title %}{% endblock %}
</h1> </h1>
</div> </div>
<div class="col-sm-10 "> <div class="panel-body">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div>
</div> </div>
</div> </div>
</div> </div>
@ -82,8 +94,30 @@
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
{% block footer %} {% block footer %}
This is a case study project of Ivan Hörler and Andreas Zweili. </br> <div class="container text-center">
It is a school project/excercise and has no commercial intent. <hr>
<div class="row">
<div class="col-lg-12">
<ul class="nav nav-pills nav-justified">
<li>
<a id='school'
target='_blank'
href='http://www.ibz.ch'
>This is a case study project of Ivan Hörler and Andreas Zweili.
</br>
It is a school project/excercise and has no commercial intent.
</a>
</li>
<li>
<a href="/currencies">Currencies</a>
</li>
<li>
<a href="#">How to use</a>
</li>
</ul>
</div>
</div>
</div>
{% endblock %} {% endblock %}
</div> </div>
</div> </div>