1 <?xml version="1.0" encoding="UTF-8"?>
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"
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')}" />
18 <!-- Bootstrap core CSS -->
19 <link href="${static('bootstrap/css/bootstrap.min.css')}" rel="stylesheet"/>
21 <!-- Custom styles for this template -->
22 <link href="${static('animals/animals.css')}" rel="stylesheet"/>
28 <div class="container">
29 <div class="header clearfix">
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>
37 <h3 class="text-muted">Alpenzoo</h3>
40 <div class="jumbotron">
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>
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>
50 <li py:for="animal in animals"><a href="${url('animal_detail', animal.name_german)}">${animal.name_german}</a></li>
53 <footer class="footer">
54 <p>© Sabine, Georg, Gregor, Gudrun, Philipp 2015</p>
57 </div> <!-- /container -->