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

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

More markup and rules to get the layout basically working.
File size: 5.0 KB
Line 
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">
15    <link href="static/css/base.css" rel="stylesheet">
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
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>
47          <div class="nav-collapse collapse kofa-primary-nav">
48            <ul class="nav kofa-navbar-left">
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>
53              <li class="dropdown kofa-langselect">
54                <a href="#" class="dropdown-toggle"
55                   data-toggle="dropdown">Language <b class="caret"></b></a>
56                <ul class="dropdown-menu">
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>
63                </ul>
64              </li>
65            </ul>
66            <ul class="nav secondary-nav pull-right kofa-navbar-right">
67              <li class="nav"><a href="#">Contact</a></li>
68              <li class="nav"><a href="#">Logout</a></li>
69            </ul>
70
71          </div><!--/.nav-collapse -->
72        </div>
73      </div>
74    </div>
75
76
77    <div class="container-fluid">
78
79      <div class="row-fluid kofa-breadcrumbs-box">
80        <div class="span12">
81          <ul class="breadcrumb kofa-breadcrumbs">
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 kofa-sidebar">
99          <div class="sidebar-nav well">
100            <ul class="nav nav-list">
101              <li class="nav-header kofa-sidebar-title">Username</li>
102            </ul>
103            <ul class="nav nav-list kofa-sidebar-body">
104              <li><a href="#">Portal Configuration</a></li>
105              <li><a href="#">Portal Users</a></li>
106              <li><a href="#">Data Center</a></li>
107              <li><a href="#">Reports</a></li>
108              <li><a href="#">Access Codes</a></li>
109            </ul>
110          </div> <!-- /well -->
111        </div><!-- /span2 -->
112        <div class="span10 content well kofa-content kofa-content-narrow">
113
114          <div class="hero-unit kofa-content-label-box">
115            <h1 class="kofa-content-label-title">waeup.kofa theme</h1>
116            <p class="kofa-content-label-descr">
117              A sample theme for waeup.kofa</p>
118          </div>
119
120          <p>
121            Donec id elit non mi porta gravida at eget metus. Fusce
122            dapibus, tellus ac cursus commodo, tortor mauris
123            condimentum nibh, ut fermentum massa justo sit amet
124            risus. Etiam porta sem malesuada magna mollis
125            euismod. Donec sed odio dui.
126          </p>
127
128          <img src="static/img/bg.png" />
129
130          <div class="footer">
131            <hr />
132            <p class="credit muted">&copy; WAeUP Group 2013</p>
133          </div>
134
135
136        </div>
137      </div><!-- /row-fluid -->
138
139      <div class="row-fluid">
140        <div class="span12 content well kofa-content kofa-content-wide">
141          <div class="hero-unit">
142            <h1>Hello there!</h1>
143            <p>this is...</p>
144          </div>
145          <div>...content that spans the whole page.</div>
146        </div>
147      </div>
148
149    </div><!-- /container-fluid -->
150
151    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
152    <script src="bootstrap/js/bootstrap.min.js"></script>
153
154  </body>
155</html>
156
Note: See TracBrowser for help on using the repository browser.