Ignore:
Timestamp:
30 Apr 2013, 13:38:46 (12 years ago)
Author:
uli
Message:

Provide some mock elements to start with.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • main/waeup.diazo/trunk/kofa/theme.html

    r10114 r10130  
    1313    <link href="bootstrap/css/bootstrap-responsive.min.css"
    1414          rel="stylesheet">
     15    <link href="static/css/base.css" rel="stylesheet">
    1516
    1617    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    … …  
    3435  <body id="kofa-body">
    3536
    36     <h1>waeup.kofa theme</h1>
     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">
     48            <ul class="nav">
     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">
     54                <a href="#" class="dropdown-toggle"
     55                   data-toggle="dropdown">Language <b class="caret"></b></a>
     56                <ul class="dropdown-menu">
     57                  <li><a href="#">en</a></li>
     58                  <li><a href="#">fr</a></li>
     59                  <li><a href="#">de</a></li>
     60                  <li><a href="#">ha</a></li>
     61                  <li><a href="#">yo</a></li>
     62                  <li><a href="#">ig</a></li>
     63                </ul>
     64              </li>
     65            </ul>
     66            <ul class="nav secondary-nav pull-right">
     67              <li class="nav"><a href="#">Contact</a></li>
     68              <li class="nav"><a href="#">Logout</a></li>
     69            </ul>
    3770
    38     <p>
    39       Donec id elit non mi porta gravida at eget metus. Fusce dapibus,
    40       tellus ac cursus commodo, tortor mauris condimentum nibh, ut
    41       fermentum massa justo sit amet risus. Etiam porta sem malesuada
    42       magna mollis euismod. Donec sed odio dui.
    43     </p>
     71          </div><!--/.nav-collapse -->
     72        </div>
     73      </div>
     74    </div>
    4475
    45     <img src="static/img/bg.png" />
     76
     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 -->
    46136
    47137    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
Note: See TracChangeset for help on using the changeset viewer.