qcg/templates/qcg/base.html

   1 {% load staticfiles webdesign %}
   2
   3 <!DOCTYPE html>
   4 <html lang="pl">
   5 <head>
   6     <meta charset="utf-8">
   7     <meta name="viewport" content="width=device-width, initial-scale=1">
   8
   9     <title>{% block title %}Strona główna{% endblock %} - Portal QCG</title>
  10
  11     <link href="{% static 'qcg/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
  12     <link href="{% static 'qcg/main.css' %}" rel="stylesheet">
  13     {% block extra_css %}{% endblock %}
  14 </head>
  15 <body>
  16     <nav class="navbar navbar-default navbar-static-top">
  17         <div class="container">
  18             <div class="navbar-header">
  19                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  20                     <span class="sr-only">Rozwiń menu</span>
  21                     <span class="icon-bar"></span>
  22                     <span class="icon-bar"></span>
  23                     <span class="icon-bar"></span>
  24                 </button>
  25                 <a class="navbar-brand" href="/">Portal QosCosGrid</a>
  26             </div>
  27             <div id="navbar" class="collapse navbar-collapse">
  28                 <ul class="nav navbar-nav">
  29                     <li{% ifequal request.resolver_match.url_name 'jobs' %} class="active"{% endifequal %}>
  30                         <a href="{% url 'jobs' %}">Zadania</a>
  31                     </li>
  32                 </ul>
  33                 <ul class="nav navbar-nav navbar-right">
  34                     <li><a href="#" class="navbar-link">Zaloguj</a></li>
  35                 </ul>
  36             </div><!--/.nav-collapse -->
  37         </div>
  38     </nav>
  39
  40     <div class="container">
  41         {% block container %}
  42
  43             <div class="jumbotron">
  44                 <h1>Hello, cruel world!</h1>
  45
  46                 {% lorem 1 p %}
  47             </div>
  48
  49             <div class="row">
  50                 <div class="col-md-6">
  51                     <h3>PL-GRID jest super!</h3>
  52
  53                     {% lorem 1 p %}
  54                 </div>
  55                 <div class="col-md-6"></div>
  56             </div>
  57
  58             <div class="row">
  59                 <div class="col-md-6"></div>
  60                 <div class="col-md-6">
  61                     <h3>QosCosGrid jest super!</h3>
  62
  63                     {% lorem 1 p %}
  64                 </div>
  65             </div>
  66
  67             <p class="text-center" style="margin: 20px 0">
  68                 <a class="btn btn-lg btn-primary" href="#" role="button">Zaloguj się korzystając z OpenID</a>
  69             </p>
  70
  71         {% endblock container %}
  72     </div><!-- /.container -->
  73
  74     <footer class="navbar navbar-default navbar-fixed-bottom">
  75         <div class="container">
  76             <div class="row">
  77                 <p class="navbar-text text-center" style="float: none">
  78                     Copyright &copy; 2015, <a href="http://www.man.poznan.pl" class="navbar-link">PCSS</a>
  79                 </p>
  80             </div>
  81         </div>
  82     </footer>
  83
  84     <script src="{% static 'qcg/jquery/jquery.min.js' %}"></script>
  85     <script src="{% static 'qcg/bootstrap/js/bootstrap.min.js' %}"></script>
  86     {% block extra_js %}{% endblock %}
  87 </body>
  88 </html>