root / templates / base.html @ 326d98d9
History | View | Annotate | Download (7.1 kB)
1 |
<!DOCTYPE html>
|
---|---|
2 |
<html>
|
3 |
<head>
|
4 |
<title>{% block title %}eduroam@Greece{% endblock %}</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 |
|
13 |
.sidebar-nav { |
14 |
padding: 9px 0; |
15 |
} |
16 |
|
17 |
.headtitle { |
18 |
font-family: "Franklin Gothic Demi", "Franklin Gothic", |
19 |
"ITC Franklin Gothic", Arial, sans-serif; |
20 |
letter-spacing: -1px; |
21 |
} |
22 |
|
23 |
#logotitle,#logotitle.a { |
24 |
color: #656565; |
25 |
font-size: 18px; |
26 |
font-weight: bold; |
27 |
left: 105px; |
28 |
position: relative; |
29 |
top: 60px; |
30 |
font-family: "Franklin Gothic Demi", "Franklin Gothic", |
31 |
"ITC Franklin Gothic", Arial, sans-serif; |
32 |
letter-spacing: -1px; |
33 |
width: 300px; |
34 |
" |
35 |
} |
36 |
.navbar .brand { max-height: 40px; overflow: visible;padding-top: 0;padding-bottom: 0; } |
37 |
</style>
|
38 |
<script type="text/javascript" src="/static/js/jquery.min.js"></script> |
39 |
<script src="/static/js/bootstrap.min.js"></script> |
40 |
{% block extrahead %}{% endblock %} |
41 |
</head>
|
42 |
<body>
|
43 |
{% comment %} |
44 |
<div class="navbar navbar-fixed-top"> |
45 |
<p class="navbar-text pull-left"> |
46 |
<a class="brand2" href="#" |
47 |
style="position: absolute; top: 0px; left: 15px;"> <img |
48 |
src="/static/img/grnet_logo3.png" |
49 |
style="position: absolute; top: 10px; left: 10px; max-width: none;"> |
50 |
</a>
|
51 |
</p>
|
52 |
<div class="navbar-inner"> |
53 |
<div class="container-fluid"> |
54 |
<div class="nav-collapse collapse"> |
55 |
<p class="navbar-text pull-left"> |
56 |
<a class="brand" href="#"> <img src="/static/img/pixelrow.png"> |
57 |
</a>
|
58 |
</p>
|
59 |
<div
|
60 |
style="text-align: center; margin: auto; top: 3px; float: none;" |
61 |
class="nav"> |
62 |
<a href="{% url index %}" style="height: 200px;"><img |
63 |
src="/static/img/eduroam_trans_248pix.png"></a> |
64 |
</div>
|
65 |
</div>
|
66 |
</div>
|
67 |
</div>
|
68 |
</div>
|
69 |
{% endcomment %} |
70 |
<div class="navbar navbar-fixed-top"> |
71 |
|
72 |
<div class="navbar-inner"> |
73 |
<div class="container" style="padding-left: 0px; width: auto;"> |
74 |
<a class="brand" href="#"><img src="/static/img/logo_holder.png" /></a> |
75 |
|
76 |
<ul class="nav"> |
77 |
<li class="active"> |
78 |
<a href="#">Home</a> |
79 |
</li>
|
80 |
<li>
|
81 |
<a href="#">Link</a> |
82 |
</li>
|
83 |
<li>
|
84 |
<a href="#">Link</a> |
85 |
</li>
|
86 |
<li class="dropdown"> |
87 |
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> |
88 |
<ul class="dropdown-menu"> |
89 |
<li>
|
90 |
<a href="#">Action</a> |
91 |
</li>
|
92 |
<li>
|
93 |
<a href="#">Another action</a> |
94 |
</li>
|
95 |
<li>
|
96 |
<a href="#">Something else here</a> |
97 |
</li>
|
98 |
<li class="divider"></li> |
99 |
<li class="nav-header"> |
100 |
Nav header |
101 |
</li>
|
102 |
<li>
|
103 |
<a href="#">Separated link</a> |
104 |
</li>
|
105 |
<li>
|
106 |
<a href="#">One more separated link</a> |
107 |
</li>
|
108 |
</ul>
|
109 |
</li>
|
110 |
</ul>
|
111 |
<ul class="nav pull-right"> |
112 |
<li>
|
113 |
<a href="http://www.grnet.gr" style="padding: 0px; margin: 0px;"><img src="/static/img/grnet_small.png"></a> |
114 |
</li>
|
115 |
</ul>
|
116 |
|
117 |
</div>
|
118 |
</div>
|
119 |
</div>
|
120 |
{% block content %} |
121 |
<div class="container-fluid"> |
122 |
<div class="row-fluid"> |
123 |
<div class="span3"> |
124 |
<div class="well sidebar-nav"> |
125 |
<ul class="nav nav-list"> |
126 |
<li class="nav-header">Sidebar</li> |
127 |
<li class="active"><a href="#">Link</a></li> |
128 |
<li><a href="#">Link</a></li> |
129 |
<li><a href="#">Link</a></li> |
130 |
<li><a href="#">Link</a></li> |
131 |
<li class="nav-header">Sidebar</li> |
132 |
<li><a href="#">Link</a></li> |
133 |
<li><a href="#">Link</a></li> |
134 |
<li><a href="#">Link</a></li> |
135 |
<li><a href="#">Link</a></li> |
136 |
<li><a href="#">Link</a></li> |
137 |
<li><a href="#">Link</a></li> |
138 |
<li class="nav-header">Admin Area</li> |
139 |
<li><a href="{% url manage %}">Login</a></li> |
140 |
|
141 |
</ul>
|
142 |
</div><!--/.well --> |
143 |
</div><!--/span--> |
144 |
<div class="span9"> |
145 |
|
146 |
|
147 |
<div class="span6"> |
148 |
<h4>EduroamGR Tweets</h4> |
149 |
<p><a class="twitter-timeline" href="https://twitter.com/eduroamGR" data-widget-id="247968968848056320" width="300" height="400">Tweets by @eduroamGR</a> |
150 |
<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> |
151 |
|
152 |
</p>
|
153 |
|
154 |
|
155 |
</div>
|
156 |
<div class="row-fluid"> |
157 |
<!--/span-->
|
158 |
<div class="span4"> |
159 |
<h4>Heading</h4> |
160 |
<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> |
161 |
<p><a class="btn" href="#">View details »</a></p> |
162 |
</div><!--/span--> |
163 |
<div class="span4"> |
164 |
<h4>Heading</h4> |
165 |
<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> |
166 |
<p><a class="btn" href="#">View details »</a></p> |
167 |
</div><!--/span--> |
168 |
</div><!--/row--> |
169 |
<div class="row-fluid"> |
170 |
<div class="span4"> |
171 |
<h4>Heading</h4> |
172 |
<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> |
173 |
<p><a class="btn" href="#">View details »</a></p> |
174 |
</div><!--/span--> |
175 |
<div class="span4"> |
176 |
<h2>Heading</h2> |
177 |
<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> |
178 |
<p><a class="btn" href="#">View details »</a></p> |
179 |
</div><!--/span--> |
180 |
<div class="span4"> |
181 |
<h2>Heading</h2> |
182 |
<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> |
183 |
<p><a class="btn" href="#">View details »</a></p> |
184 |
</div><!--/span--> |
185 |
</div><!--/row--> |
186 |
</div><!--/span--> |
187 |
</div><!--/row--> |
188 |
|
189 |
<hr>
|
190 |
|
191 |
<footer>
|
192 |
<p>© Company 2012</p> |
193 |
</footer>
|
194 |
|
195 |
</div><!--/.fluid-container--> |
196 |
{% endblock %} |
197 |
</body>
|
198 |
</html>
|