animals/genshi/animals/list.html

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE html>
   3 <html xmlns="http://www.w3.org/1999/xhtml"
   4         xmlns:py="http://genshi.edgewall.org/"
   5         xmlns:xi="http://www.w3.org/2001/XInclude"
   6         lang="de">
   7   <head>
   8     <meta charset="utf-8"/>
   9     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  10     <meta name="viewport" content="width=device-width, initial-scale=1"/>
  11     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  12     <meta name="description" content="" />
  13     <meta name="author" content="" />
  14     <link rel="icon" href="${static('favicon.ico')}" />
  15
  16     <title>Tiere</title>
  17
  18     <!-- Bootstrap core CSS -->
  19     <link href="${static('bootstrap/css/bootstrap.min.css')}" rel="stylesheet"/>
  20
  21     <!-- Custom styles for this template -->
  22     <link href="${static('animals/animals.css')}" rel="stylesheet"/>
  23
  24   </head>
  25
  26   <body>
  27
  28     <div class="container">
  29       <div class="header clearfix">
  30         <nav>
  31           <ul class="nav nav-pills pull-right">
  32             <li role="presentation" class="active"><a href="#">Alpenzoo</a></li>
  33             <li role="presentation"><a href="#">Tiere</a></li>
  34             <li role="presentation"><a href="#">Spiele</a></li>
  35           </ul>
  36         </nav>
  37         <h3 class="text-muted">Alpenzoo</h3>
  38       </div>
  39
  40       <div class="jumbotron">
  41         <h1>Unsere Tiere</h1>
  42         <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
  43         <p>
  44                         <a class="btn btn-lg btn-success" href="#" role="button">Rundgang beginnen</a>
  45                         <a class="btn btn-lg btn-success" href="#" role="button">Quiz</a>
  46                 </p>
  47       </div>
  48
  49                 <ul>
  50           <li py:for="animal in animals"><a href="${url('animal_detail', animal.name_german)}">${animal.name_german}</a></li>
  51                 </ul>
  52
  53       <footer class="footer">
  54         <p>&copy; Sabine, Georg, Gregor, Gudrun, Philipp 2015</p>
  55       </footer>
  56
  57     </div> <!-- /container -->
  58
  59   </body>
  60 </html>