source: main/waeup.diazo/trunk/kofa/theme.html @ 10159

Last change on this file since 10159 was 10159, checked in by uli, 12 years ago

Support a working diazo-powered language selector.

File size: 4.5 KB
RevLine 
[10114]1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8">
5    <title>Base · Twitter Bootstrap</title>
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta name="description" content="">
8    <meta name="author" content="">
9
10    <!-- stylesheets -->
11    <link href="bootstrap/css/bootstrap.min.css"
12          rel="stylesheet">
13    <link href="bootstrap/css/bootstrap-responsive.min.css"
14          rel="stylesheet">
[10130]15    <link href="static/css/base.css" rel="stylesheet">
[10114]16
17    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
18    <!--[if lt IE 9]>
19      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
20    <![endif]-->
21
22    <!-- icons -->
23    <link rel="shortcut icon" href="static/ico/favicon.ico">
24    <link rel="apple-touch-icon-precomposed" sizes="144x144"
25          href="static/ico/apple-touch-icon-144-precomposed.png">
26    <link rel="apple-touch-icon-precomposed" sizes="114x114"
27          href="static/ico/apple-touch-icon-114-precomposed.png">
28    <link rel="apple-touch-icon-precomposed" sizes="72x72"
29          href="static/ico/apple-touch-icon-72-precomposed.png">
30    <link rel="apple-touch-icon-precomposed"
31          href="static/ico/apple-touch-icon-57-precomposed.png">
32
33  </head>
34
35  <body id="kofa-body">
36
[10130]37    <div class="navbar navbar-inverse navbar-static-top">
38      <div class="navbar-inner">
39        <div class="container-fluid">
40          <button type="button" class="btn btn-navbar" data-toggle="collapse"
41                  data-target=".nav-collapse">
42            <span class="icon-bar"></span>
43            <span class="icon-bar"></span>
44            <span class="icon-bar"></span>
45          </button>
46          <a class="brand active" href="#">WAeUP.Kofa</a>
[10159]47          <div class="nav-collapse collapse kofa-primary-nav">
48            <ul class="nav kofa-navbar-left">
[10130]49              <li class="active"><a href="#">Academics</a></li>
50              <li><a href="#about">Applicants</a></li>
51              <li><a href="#contact">Students</a></li>
52              <li><a href="#contact">Hostels</a></li>
[10159]53              <li class="dropdown kofa-langselect">
[10130]54                <a href="#" class="dropdown-toggle"
55                   data-toggle="dropdown">Language <b class="caret"></b></a>
56                <ul class="dropdown-menu">
[10159]57                  <li class="kofa-language"><a href="#">en</a></li>
58                  <li class="kofa-language"><a href="#">fr</a></li>
59                  <li class="kofa-language"><a href="#">de</a></li>
60                  <li class="kofa-language"><a href="#">ha</a></li>
61                  <li class="kofa-language"><a href="#">yo</a></li>
62                  <li class="kofa-language"><a href="#">ig</a></li>
[10130]63                </ul>
64              </li>
65            </ul>
[10159]66            <ul class="nav secondary-nav pull-right kofa-navbar-right">
[10130]67              <li class="nav"><a href="#">Contact</a></li>
68              <li class="nav"><a href="#">Logout</a></li>
69            </ul>
[10114]70
[10130]71          </div><!--/.nav-collapse -->
72        </div>
73      </div>
74    </div>
[10114]75
76
[10130]77    <div class="container-fluid">
78
79      <div class="row-fluid">
80        <div class="span12">
81          <ul class="breadcrumb">
82            <li>
83              <a href="#">
84                <span>Home</span>
85              </a>
86              <span class="divider">/</span>
87            </li>
88            <li>
89              <a href="#">
90                <span>Subtopic</span>
91              </a>
92            </li>
93          </ul>
94        </div><!-- /span12 -->
95      </div><!-- /row-fluid -->
96
97      <div class="row-fluid">
98        <div class="span2">
99          <div class="sidebar-nav well">
100            <ul class="nav nav-list">
101              <li class="nav-header">Username</li>
102              <li><a href="#">Portal Configuration</a></li>
103              <li><a href="#">Portal Users</a></li>
104              <li><a href="#">Data Center</a></li>
105              <li><a href="#">Reports</a></li>
106              <li><a href="#">Access Codes</a></li>
107            </ul>
108          </div> <!-- /well -->
109        </div><!-- /span2 -->
110        <div class="span10 content well">
111
112          <div class="hero-unit">
113            <h1>waeup.kofa theme</h1>
114            <p>A sample theme for waeup.kofa</p>
115          </div>
116
117          <p>
118            Donec id elit non mi porta gravida at eget metus. Fusce
119            dapibus, tellus ac cursus commodo, tortor mauris
120            condimentum nibh, ut fermentum massa justo sit amet
121            risus. Etiam porta sem malesuada magna mollis
122            euismod. Donec sed odio dui.
123          </p>
124
125          <img src="static/img/bg.png" />
126
127          <div class="footer">
128            <hr />
129            <p class="credit muted">&copy; WAeUP Group 2013</p>
130          </div>
131
132
133        </div>
134      </div><!-- /row-fluid -->
135    </div><!-- /container-fluid -->
136
[10114]137    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
138    <script src="bootstrap/js/bootstrap.min.js"></script>
139
140  </body>
141</html>
142
Note: See TracBrowser for help on using the repository browser.