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

Last change on this file since 17931 was 10878, checked in by uli, 11 years ago

Adapt conf to new bootstrap version.
File size: 5.8 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="static/css/base.css" rel="stylesheet">
14
15    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
16    <!--[if lt IE 9]>
17      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
18    <![endif]-->
19
20    <!-- icons -->
21    <link rel="shortcut icon" href="static/ico/favicon.ico">
22    <link rel="apple-touch-icon-precomposed" sizes="144x144"
23          href="static/ico/apple-touch-icon-144-precomposed.png">
24    <link rel="apple-touch-icon-precomposed" sizes="114x114"
25          href="static/ico/apple-touch-icon-114-precomposed.png">
26    <link rel="apple-touch-icon-precomposed" sizes="72x72"
27          href="static/ico/apple-touch-icon-72-precomposed.png">
28    <link rel="apple-touch-icon-precomposed"
29          href="static/ico/apple-touch-icon-57-precomposed.png">
30
31  </head>
32
33  <body id="kofa-body">
34
35    <div class="navbar navbar-inverse" role="navigation">
36      <div class="navbar-header">
37        <button type="button" class="navbar-toggle" data-toggle="collapse"
38                  data-target="#kofa-primary-nav">
39          <span class="icon-bar"></span>
40          <span class="icon-bar"></span>
41          <span class="icon-bar"></span>
42        </button>
43        <a class="navbar-brand active" href="/">WAeUP.Kofa</a>
44      </div>
45      <div class="navbar-collapse collapse"
46           id="kofa-primary-nav">
47        <ul class="nav navbar-nav kofa-navbar-left">
48          <li class="active"><a href="#">Academics</a></li>
49          <li><a href="#about">Applicants</a></li>
50          <li><a href="#contact">Students</a></li>
51          <li><a href="#contact">Hostels</a></li>
52          <li class="dropdown kofa-langselect">
53            <a href="#" class="dropdown-toggle"
54               data-toggle="dropdown">Language <b class="caret"></b></a>
55            <ul class="dropdown-menu">
56              <li class="kofa-language"><a href="#">en</a></li>
57              <li class="kofa-language"><a href="#">fr</a></li>
58              <li class="kofa-language"><a href="#">de</a></li>
59              <li class="kofa-language"><a href="#">ha</a></li>
60              <li class="kofa-language"><a href="#">yo</a></li>
61              <li class="kofa-language"><a href="#">ig</a></li>
62            </ul>
63          </li>
64        </ul>
65        <ul class="nav navbar-nav navbar-right kofa-navbar-right">
66          <li class="nav"><a href="#">Contact</a></li>
67          <li class="nav"><a href="#">Logout</a></li>
68        </ul>
69
70      </div><!--/.nav-collapse -->
71    </div><!-- /.navbar -->
72
73    <div class="container">
74      <div class="row">
75
76    <ol class="breadcrumb kofa-breadcrumbs">
77      <li class="kofa-breadcrumb">
78        <a href="#">
79          Home
80        </a>
81      </li>
82      <li class="kofa-breadcrumb">
83        <a href="#">
84          Subtopic
85        </a>
86      </li>
87    </ol><!-- /kofa-breadcrumbs -->
88
89    </div></div>
90
91    <div class="container">
92
93      <div class="row">
94        <div class="col-md-3 kofa-sidebar">
95          <div class="sidebar-nav well">
96            <ul class="nav nav-list">
97              <li class="nav-header kofa-sidebar-title">Username</li>
98            </ul>
99            <ul class="nav nav-list kofa-sidebar-body">
100              <li><a href="#">Portal Configuration</a></li>
101              <li><a href="#">Portal Users</a></li>
102              <li><a href="#">Data Center</a></li>
103              <li><a href="#">Reports</a></li>
104              <li><a href="#">Access Codes</a></li>
105            </ul>
106          </div> <!-- /well -->
107        </div><!-- /span2 -->
108        <div class="col-md-9 content well kofa-content kofa-content-narrow">
109
110          <div class="hero-unit kofa-content-label-box">
111            <h1 class="kofa-content-label-title">waeup.kofa theme</h1>
112            <p class="kofa-content-label-descr">
113              A sample theme for waeup.kofa</p>
114          </div>
115
116          <p>
117            Donec id elit non mi porta gravida at eget metus. Fusce
118            dapibus, tellus ac cursus commodo, tortor mauris
119            condimentum nibh, ut fermentum massa justo sit amet
120            risus. Etiam porta sem malesuada magna mollis
121            euismod. Donec sed odio dui.
122          </p>
123
124          <img src="static/img/bg.png" />
125
126          <div class="footer">
127            <hr />
128            <p class="credit muted">&copy; WAeUP Group 2013</p>
129          </div>
130
131
132        </div>
133      </div><!-- /row-fluid -->
134
135      <div class="row-fluid">
136        <div class="span12 content well kofa-content kofa-content-wide">
137          <div class="hero-unit">
138            <h1>Hello there!</h1>
139            <p>this is...</p>
140          </div>
141          <div>...content that spans the whole page.</div>
142
143          <div id="#sampleform">
144            <form method="post">
145              <fieldset id="form-fieldset">
146                <legend>A Sample Form</legend>
147                <div class="form-field">
148                  <label>Some Label</label>
149                  <input type="text" name="myinput[]" placeholder="A name..." />
150                </div>
151                <button type="submit" class="btn rowadd">
152                  Add row
153                </button>
154                <br />
155                <button type="submit" class="btn btn-primary">Save</button>
156              </fieldset>
157            </form>
158          </div><!-- /sampleform -->
159
160        </div>
161      </div><!-- /row-fluid -->
162
163
164
165    </div><!-- /container-fluid -->
166
167
168    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
169    <script src="bootstrap/js/bootstrap.min.js"></script>
170
171    <script type="text/javascript">
172      $("button.rowadd").click(function (evt) {
173         /* Do not submit the form really */
174         evt.preventDefault();
175         /* Add first .form-field after last .form-field... */
176         $(".form-field:last").after($(".form-field:first").clone().hide().fadeIn());
177      });
178    </script>
179
180  </body>
181</html>
182
Note: See TracBrowser for help on using the repository browser.