source: main/waeup.kofa/branches/uli-diazo-themed/layout/theme.html @ 10982

Last change on this file since 10982 was 10979, checked in by Henrik Bettermann, 11 years ago

We need to render these alert messages.
File size: 8.4 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 navbar-fixed-top" 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 kofa-brand-link" 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
66        <ul class="nav navbar-nav navbar-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      </div><!--/.nav-collapse -->
71    </div><!-- /.navbar -->
72
73    <div class="container">
74      <div class="row">
75        <div class="col-md-12 container kofa-breadcrumbs-box">
76          <div class="well">
77            <ol class="breadcrumb kofa-breadcrumbs">
78              <li class="kofa-breadcrumb">
79                <a href="#">
80                  Home
81                </a>
82              </li>
83              <li class="kofa-breadcrumb">
84                <a href="#">
85                  Subtopic
86                </a>
87              </li>
88              <span class="wfstatus">
89                Student Id: K12345678
90                  &nbsp;&nbsp;
91                  State: clearance requested
92              </span> <!-- /wfstatus -->
93            </ol><!-- /kofa-breadcrumbs -->
94          </div> <!-- /well -->
95        </div> <!-- /kofa-breadcrumbs-box -->
96      </div> <!-- /row -->
97
98      <div class="row">
99        <div class="col-md-2 kofa-sidebar">
100          <div class="sidebar-nav well">
101            <div>
102              <div class="kofa-sidebar-title">Student Name</div>
103              <ul class="nav">
104                <li><a href="#">Base Data</a></li>
105                <li><a href="#">Clearance Data</a></li>
106                <li><a href="#">Personal Data</a></li>
107                <li><a href="#">Study Course</a></li>
108                <li><a href="#"">Payments</a></li>
109                <li><a href="#">Accommodation</a></li>
110                <li><a href="#">History</a></li>
111              </ul>
112            </div>
113            <div>
114              <div class="kofa-sidebar-title">Manager Name</div>
115              <ul class="nav">
116                <li><a href="#">Portal Configuration</a></li>
117                <li><a href="#">Portal Users</a></li>
118                <li><a href="#">Data Center</a></li>
119                <li><a href="#">Reports</a></li>
120                <li><a href="#">Access Codes</a></li>
121                <li><a href="#">My Preferences</a></li>
122                <li><a href="#">My Roles</a></li>
123              </ul>
124            </div>
125          </div> <!-- /well -->
126        </div> <!-- /kofa-sidebar -->
127        <div class="col-md-10 content kofa-content-narrow">
128          <div class="well kofa-content ">
129            <div class="actionbar">
130              <a class="btn btn-default" href="">
131                <img src="static/img/actionicon_modify.png"
132                     alt="Manage" />
133                     Manage
134              </a>
135              <a class="btn btn-default" href="">
136                <img src="static/img/actionicon_trigtrans.png"
137                     alt="Trigger transition" />
138                     Trigger transition
139              </a>
140            </div>
141            <div class="alert alert-warning">
142                Be careful ...
143            </div>
144            <div class="alert alert-success">
145                You have successfully ...
146            </div>
147            <div class="alert alert-danger">
148                There were errors ...
149            </div>
150            <div class="hero-unit kofa-content-label-box">
151              <h1 class="kofa-content-label-title">waeup.kofa theme</h1>
152              <p class="kofa-content-label-descr">
153                A sample theme for waeup.kofa</p>
154            </div>
155            <p>
156              Donec id elit non mi porta gravida at eget metus. Fusce
157              dapibus, tellus ac cursus commodo, tortor mauris
158              condimentum nibh, ut fermentum massa justo sit amet
159              risus. Etiam porta sem malesuada magna mollis
160              euismod. Donec sed odio dui.
161            </p>
162            <img src="static/img/bg.png" />
163          </div> <!-- /well -->
164        </div> <!-- /kofa-content-narrow -->
165      </div> <!-- /row -->
166
167      <div class="row">
168        <div class="col-md-12 content kofa-content-wide">
169          <div class="well kofa-content">
170            <div class="hero-unit">
171              <h1>Hello there!</h1>
172              <p>this is...</p>
173            </div>
174            <div>...content that spans the whole page.</div>
175            <div id="#sampleform">
176              <form method="post">
177                <fieldset id="form-fieldset">
178                  <legend>A Sample Form</legend>
179                  <div class="form-field">
180                    <label>Some Label</label>
181                    <input type="text" class="textType"
182                           name="myinput[]" placeholder="A name..." />
183                  </div>
184                  <button type="submit" class="btn rowadd">
185                    Add row
186                  </button>
187                  <br />
188                  <button type="submit" class="btn btn-primary">Save</button>
189                </fieldset>
190              </form>
191            </div> <!-- /sampleform -->
192          </div> <!-- /well -->
193        </div> <!-- /kofa-content-wide -->
194      </div> <!-- /row -->
195
196      <div class="footer">
197        <p class="credit muted text-right">
198          Kofa - Student Management System<br />
199          Copyright &copy; WAeUP Group 2014
200        </p>
201      </div>
202
203    </div> <!-- /container -->
204
205    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
206    <script src="bootstrap/js/bootstrap.min.js"></script>
207
208    <script type="text/javascript" class="kofa-script kofa-script-tooltip">
209      $(function () {
210        $("[data-toggle=tooltip]").tooltip();
211      });
212    </script>
213    <script type="text/javascript">
214      $("button.rowadd").click(function (evt) {
215         /* Do not submit the form really */
216         evt.preventDefault();
217         /* Add first .form-field after last .form-field... */
218         $(".form-field:last").after($(".form-field:first").clone().hide().fadeIn());
219      });
220    </script>
221
222  </body>
223</html>
Note: See TracBrowser for help on using the repository browser.