source: main/kwarapoly.theme/trunk/kwarapoly/theme/kwarapoly_theme/example.html @ 11133

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

Customize Diazo Theme.
File size: 10.7 KB
Line 
1<!DOCTYPE html>
2<!--[if IE 7 ]><html class="ie7" lang="en"><![endif]-->
3<!--[if IE 8 ]><html class="ie8" lang="en"><![endif]-->
4<!--[if (gte IE 9)|!(IE)]><!-->
5<html class="" lang="en">
6<!--<![endif]-->
7<head>
8  <meta charset="utf-8">
9  <title>Example | KwaraPoly - Kwara State Polytechnic</title>
10  <meta name="viewport" content="width=device-width, initial-scale=1.0">
11  <meta name="description" content="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.">
12  <meta name="author" content="KwaraPoly">
13
14  <!-- Le styles -->
15  <link href="css/bootstrap.min.css" rel="stylesheet">
16  <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
17  <link href="css/style.css" rel="stylesheet">
18
19  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
20
21  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
22  <script src="js/responsiveslides.min.js"></script>
23  <script src="js/jquery.vticker-min.js"></script>
24  <script src="js/bootstrap.js"></script>
25  <script src="js/functions.js"></script>
26
27  <!-- HTML5 shim, for IE6-8 support of HTML5 elements and CSS3 Media Queries -->
28  <!--[if lt IE 9]>
29  <script src="js/html5shiv.js"></script>
30  <script src="js/css3-mediaqueries.js"></script>
31  <![endif]-->
32
33  <!-- Fav and touch icons -->
34  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
35</head>
36
37<body>
38
39  <!-- Facebook -->
40  <div id="fb-root"></div>
41  <script>(function(d, s, id) {
42  var js, fjs = d.getElementsByTagName(s)[0];
43  if (d.getElementById(id)) return;
44  js = d.createElement(s); js.id = id;
45  js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=106017272902221";
46  fjs.parentNode.insertBefore(js, fjs);
47  }(document, 'script', 'facebook-jssdk'));</script>
48
49  <div class="container">
50
51  <div class="masthead">
52    <div class="navbar">
53    <div class="navbar-inner">
54      <div class="container relative">
55        <div id="header-head">
56          <div id="logo-container">
57            <a href="home.html">
58              <img id="logo" src="img/kwarapoly_logo.png" alt="KwaraPoly logo" />
59            </a>
60            <h1></h1>
61          </div>
62                                        <div class="btn-group pull-right btn-small"
63                                             id="user-options">
64                                          <a class="btn btn-small btn-primary"
65                                             href="#">
66                                            <i class="icon-user icon-white"></i>
67                                            <span id="user-options-name">
68                                              Username
69                                            </span>
70                                          </a>
71                                          <a class="btn btn-small btn-primary
72                                                    dropdown-toggle"
73                                             data-toggle="dropdown"
74                                             href="#">
75                                            <span class="caret"></span>
76                                          </a>
77                                          <ul class="dropdown-menu btn-small">
78                                            <li><a href="#">Dashboard</a></li>
79                                            <li><a href="#">Logout</a></li>
80                                          </ul>
81                                        </div><!-- user-options -->
82          <form class="navbar-form pull-right">
83            <input type="text" />
84            <button class="btn btn-primary btn-small search-btn" type="submit">Search</button>
85          </form>
86        </div>
87        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
88          <span>Menu <b class="caret"></b></span>
89        </button>
90        <div id="menu-collapse" class="nav-collapse collapse">
91          <div class="nav-container">
92            <ul class="nav">
93              <li><a href="home.html">Home</a></li>
94              <li class="dropdown active">
95                <a href="services.html" data-toggle="dropdown" class="dropdown-toggle disabled">Academics <b class="caret"></b></a>
96                <ul class="dropdown-menu">
97                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
98                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
99                  <li ><a href="example.html">Lorem ipsum dolor sit amets</a></li>
100                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
101                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
102                </ul>
103              </li>
104              <li class="dropdown">
105                <a href="services.html" data-toggle="dropdown" class="dropdown-toggle disabled">Students <b class="caret"></b></a>
106                <ul class="dropdown-menu">
107                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
108                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
109                  <li ><a href="example.html">Lorem ipsum dolor sit amets</a></li>
110                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
111                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
112                </ul>
113              </li>
114              <li class="dropdown">
115                <a href="about-us.html" data-toggle="dropdown" class="dropdown-toggle disabled">About us <b class="caret"></b></a>
116                <ul class="dropdown-menu">
117                  <li ><a href="example.html">Board</a></li>
118                  <li ><a href="example.html">Plans</a></li>
119                  <li ><a href="example.html">Policies</a></li>
120                  <li ><a href="example.html">Topology</a></li>
121                  <li ><a href="example.html">News and events</a></li>
122                </ul>
123              </li>
124              <li><a href="example.html">FAQ</a></li>
125            </ul>
126          </div>
127        </div>
128      </div>
129    </div>
130    </div><!-- /.navbar -->
131  </div>
132
133
134
135  <!-- CONTENT -->
136  <div class="left-col">
137  <div class="content-container gradient-radius-module">
138    <h1>Example</h1>
139    <ul class="breadcrumb">
140      <li><a href="home.html">Home</a></li>
141      <li class="separator">&raquo;</li>
142      <li>Example</li>
143    </ul>
144    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
145    <img class="left-image" src="img/nigerian-woman3.jpg" alt="nigerian woman 3" style="width:220px;" />
146    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
147    <br/>
148    <h3>Head title</h3>
149    <ul>
150      <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</li>
151      <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</li>
152      <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</li>
153      <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</li>
154    </ul>
155
156    <div class="post-social">
157      <div class="facebook">
158        <div class="fb-like" data-href="http://www.facebook.com/informationnigeria" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
159      </div>
160      <div class="twitter">
161        <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.facebook.com/informationnigeria">Tweet</a>
162        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
163      </div>
164    </div>
165    <div style="clear:both;"></div>
166
167  </div>
168  </div>
169
170
171  <!-- SIDEBAR -->
172  <div class="right-col">
173    <h4 class="title">&raquo; Latest news</h4>
174    <div class="streaming white-background">
175      <div id="streaming-news">
176      <ul>
177        <li>
178          <h4><a href="example.html">Plans and Activities</a></h4>
179          <p class="text">KwaraPoly Linkage Plans and Activities.</p>
180          <p><a href="example.html">Read more</a></p>
181        </li>
182        <li>
183          <h4><a href="example.html">Plans and Activities 2</a></h4>
184          <p class="text">KwaraPoly Linkage Plans and Activities.</p>
185          <p><a href="example.html">Read more</a></p>
186        </li>
187        <li>
188          <h4><a href="example.html">Plans and Activities 3</a></h4>
189          <p class="text">KwaraPoly Linkage Plans and Activities.</p>
190          <p><a href="example.html">Read more</a></p>
191        </li>
192        <li>
193          <h4><a href="example.html">Plans and Activities 4</a></h4>
194          <p class="text">KwaraPoly Linkage Plans and Activities.</p>
195          <p><a href="example.html">Read more</a></p>
196        </li>
197        <li>
198          <h4><a href="example.html">Plans and Activities 5</a></h4>
199          <p class="text">KwaraPoly Linkage Plans and Activities.</p>
200          <p><a href="example.html">Read more</a></p>
201        </li>
202      </ul>
203      </div>
204    </div>
205  </div>
206
207  <hr>
208
209  <div class="footer">
210    <div class="copyright">
211      <span>&copy; Kwara State Polytechnic</span>
212      <script type="text/javascript">
213      renderCurrentYear();
214      </script>
215    </div>
216    <div class="address">
217      <ul>
218        <li>Kwara State Polytechnic</li>
219        <li>Ilorin, Nigeria</li>
220      </ul>
221    </div>
222    <div class="section">
223      <ul>
224        <li class="title">&raquo; KwaraPoly</li>
225        <li><a href="example.html">Contact</a></li>
226        <li><a href="example.html">Sitemap</a></li>
227      </ul>
228    </div>
229  </div>
230
231  </div> <!-- /container -->
232
233  <!-- Le javascript
234  ================================================== -->
235  <!-- Placed at the end of the document so the pages load faster -->
236
237  <script type="text/javascript">
238  $(document).ready(function() {
239    initInnerPageFunctions();
240  });
241  </script>
242
243</body>
244</html>
Note: See TracBrowser for help on using the repository browser.