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

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

Use class rendered by zope.formlib.
File size: 6.5 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/dist/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 kofa-brand-link" href="/">EkoDisco</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 kofa-breadcrumbs-box">
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>
90    </div>
91
92    <div class="container">
93
94      <div class="row">
95        <div class="col-md-3 kofa-sidebar">
96          <div class="sidebar-nav well">
97            <ul class="nav nav-list">
98              <li class="nav-header kofa-sidebar-title">Username</li>
99            </ul>
100            <ul class="nav nav-list kofa-sidebar-body">
101              <li><a href="#">Portal Configuration</a></li>
102              <li><a href="#">Portal Users</a></li>
103              <li><a href="#">Data Center</a></li>
104              <li><a href="#">Reports</a></li>
105              <li><a href="#">Access Codes</a></li>
106            </ul>
107          </div> <!-- /well -->
108        </div><!-- /kofa-sidebar -->
109        <div class="col-md-9 content well kofa-content kofa-content-narrow">
110
111          <div class="hero-unit kofa-content-label-box">
112            <h1 class="kofa-content-label-title">waeup.kofa theme</h1>
113            <p class="kofa-content-label-descr">
114              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>
128      </div><!-- /row-fluid -->
129
130      <div class="row-fluid">
131        <div class="span12 content well kofa-content kofa-content-wide">
132          <div class="hero-unit">
133            <h1>Hello there!</h1>
134            <p>this is...</p>
135          </div>
136          <div>...content that spans the whole page.</div>
137
138          <div id="#sampleform">
139            <form method="post">
140              <fieldset id="form-fieldset">
141                <legend>A Sample Form</legend>
142                <div class="form-field">
143                  <label>Some Label</label>
144                  <input type="text" class="textType"
145                         name="myinput[]" placeholder="A name..." />
146                </div>
147                <button type="submit" class="btn rowadd">
148                  Add row
149                </button>
150                <br />
151                <button type="submit" class="btn btn-primary">Save</button>
152              </fieldset>
153            </form>
154          </div><!-- /sampleform -->
155
156        </div>
157      </div><!-- /row-fluid -->
158
159      <div class="footer">
160        <hr />
161        <p class="credit muted text-right">
162          <a href="//waeup.org">&copy; WAeUP Group 2014</a>
163        </p>
164      </div>
165
166
167    </div><!-- /container-fluid -->
168
169
170    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
171    <script src="bootstrap/dist/js/bootstrap.min.js"></script>
172
173    <script type="text/javascript" class="kofa-script kofa-script-tooltip">
174      $(function () {
175        $("[data-toggle=tooltip]").tooltip();
176      });
177    </script>
178    <script type="text/javascript">
179      $("button.rowadd").click(function (evt) {
180         /* Do not submit the form really */
181         evt.preventDefault();
182         /* Add first .form-field after last .form-field... */
183         $(".form-field:last").after($(".form-field:first").clone().hide().fadeIn());
184      });
185    </script>
186
187  </body>
188</html>
Note: See TracBrowser for help on using the repository browser.