root / templates / base.html @ b1e7b4ee
History | View | Annotate | Download (4.8 kB)
| 1 |
<!DOCTYPE html>
|
|---|---|
| 2 |
<html>
|
| 3 |
<head>
|
| 4 |
<title>Eduroam 101 Template</title> |
| 5 |
<link href="/static/css/bootstrap.min.css" rel="stylesheet"> |
| 6 |
<link href="/static/css/style.css" rel="stylesheet"> |
| 7 |
<style type="text/css"> |
| 8 |
body {
|
| 9 |
padding-top: 100px; |
| 10 |
padding-bottom: 60px; |
| 11 |
} |
| 12 |
.sidebar-nav {
|
| 13 |
padding: 9px 0; |
| 14 |
} |
| 15 |
</style>
|
| 16 |
<script type="text/javascript" src="/static/js/jquery.min.js"></script> |
| 17 |
<script src="/static/js/bootstrap.min.js"></script> |
| 18 |
{% block extrahead %}{% endblock %}
|
| 19 |
</head>
|
| 20 |
<body>
|
| 21 |
<div class="navbar navbar-fixed-top"> |
| 22 |
<div class="navbar-inner"> |
| 23 |
<div class="container-fluid"> |
| 24 |
<a class="brand" href="#"><img src="/static/img/eduroam.png"></a> |
| 25 |
|
| 26 |
<p class="navbar-text pull-right"> |
| 27 |
<a class="brand" href="#"> |
| 28 |
<img src="/static/img/grnet_logo.png"> |
| 29 |
</a>
|
| 30 |
</p>
|
| 31 |
|
| 32 |
</div>
|
| 33 |
</div>
|
| 34 |
</div>
|
| 35 |
|
| 36 |
{% block content %}
|
| 37 |
<div class="container-fluid"> |
| 38 |
<div class="row-fluid"> |
| 39 |
<div class="span3"> |
| 40 |
<div class="well sidebar-nav"> |
| 41 |
<ul class="nav nav-list"> |
| 42 |
<li class="nav-header">Sidebar</li> |
| 43 |
<li class="active"><a href="#">Link</a></li> |
| 44 |
<li><a href="#">Link</a></li> |
| 45 |
<li><a href="#">Link</a></li> |
| 46 |
<li><a href="#">Link</a></li> |
| 47 |
<li class="nav-header">Sidebar</li> |
| 48 |
<li><a href="#">Link</a></li> |
| 49 |
<li><a href="#">Link</a></li> |
| 50 |
<li><a href="#">Link</a></li> |
| 51 |
<li><a href="#">Link</a></li> |
| 52 |
<li><a href="#">Link</a></li> |
| 53 |
<li><a href="#">Link</a></li> |
| 54 |
<li class="nav-header">Sidebar</li> |
| 55 |
<li><a href="#">Link</a></li> |
| 56 |
<li><a href="#">Link</a></li> |
| 57 |
<li><a href="#">Link</a></li> |
| 58 |
</ul>
|
| 59 |
</div><!--/.well --> |
| 60 |
</div><!--/span--> |
| 61 |
<div class="span9"> |
| 62 |
|
| 63 |
|
| 64 |
<div class="span6"> |
| 65 |
<h4>EduroamGR Tweets</h4> |
| 66 |
<p><a class="twitter-timeline" href="https://twitter.com/eduroamGR" data-widget-id="247968968848056320" width="300" height="400">Tweets by @eduroamGR</a> |
| 67 |
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> |
| 68 |
|
| 69 |
</p>
|
| 70 |
|
| 71 |
|
| 72 |
</div>
|
| 73 |
<div class="row-fluid"> |
| 74 |
<!--/span-->
|
| 75 |
<div class="span4"> |
| 76 |
<h4>Heading</h4> |
| 77 |
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> |
| 78 |
<p><a class="btn" href="#">View details »</a></p> |
| 79 |
</div><!--/span--> |
| 80 |
<div class="span4"> |
| 81 |
<h4>Heading</h4> |
| 82 |
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> |
| 83 |
<p><a class="btn" href="#">View details »</a></p> |
| 84 |
</div><!--/span--> |
| 85 |
</div><!--/row--> |
| 86 |
<div class="row-fluid"> |
| 87 |
<div class="span4"> |
| 88 |
<h4>Heading</h4> |
| 89 |
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> |
| 90 |
<p><a class="btn" href="#">View details »</a></p> |
| 91 |
</div><!--/span--> |
| 92 |
<div class="span4"> |
| 93 |
<h2>Heading</h2> |
| 94 |
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> |
| 95 |
<p><a class="btn" href="#">View details »</a></p> |
| 96 |
</div><!--/span--> |
| 97 |
<div class="span4"> |
| 98 |
<h2>Heading</h2> |
| 99 |
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> |
| 100 |
<p><a class="btn" href="#">View details »</a></p> |
| 101 |
</div><!--/span--> |
| 102 |
</div><!--/row--> |
| 103 |
</div><!--/span--> |
| 104 |
</div><!--/row--> |
| 105 |
|
| 106 |
<hr>
|
| 107 |
|
| 108 |
<footer>
|
| 109 |
<p>© Company 2012</p> |
| 110 |
</footer>
|
| 111 |
|
| 112 |
</div><!--/.fluid-container--> |
| 113 |
{% endblock %}
|
| 114 |
</body>
|
| 115 |
</html>
|