source: main/kwarapoly.theme/trunk/kwarapoly/theme/kwarapoly_theme/home.html @ 15185

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

Customize Diazo Theme.
File size: 10.4 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>Home | 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.">
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 dropdown-toggle"
72                 data-toggle="dropdown"
73                 href="#">
74                <span class="caret"></span>
75              </a>
76              <ul class="dropdown-menu btn-small">
77                <li><a href="#">Dashboard</a></li>
78                <li><a href="#">Logout</a></li>
79              </ul>
80            </div><!-- user-options -->
81          <form class="navbar-form pull-right">
82            <input type="text" />
83            <button class="btn btn-primary btn-small search-btn" type="submit">Search</button>
84          </form>
85        </div>
86        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
87          <span>Menu <b class="caret"></b></span>
88        </button>
89        <div id="menu-collapse" class="nav-collapse collapse">
90          <div class="nav-container">
91            <ul class="nav">
92              <li class="active active"><a href="home.html">Home</a></li>
93              <li class="dropdown">
94                <a href="services.html" data-toggle="dropdown" class="dropdown-toggle disabled">Academics <b class="caret"></b></a>
95                <ul class="dropdown-menu">
96                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
97                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
98                  <li ><a href="example.html">Lorem ipsum dolor sit amets</a></li>
99                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
100                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
101                </ul>
102              </li>
103              <li class="dropdown">
104                <a href="services.html" data-toggle="dropdown" class="dropdown-toggle disabled">Students <b class="caret"></b></a>
105                <ul class="dropdown-menu">
106                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
107                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
108                  <li ><a href="example.html">Lorem ipsum dolor sit amets</a></li>
109                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
110                  <li ><a href="example.html">Lorem ipsum dolor sit amet</a></li>
111                </ul>
112              </li>
113              <li class="dropdown">
114                <a href="about-us.html" data-toggle="dropdown" class="dropdown-toggle disabled">About us <b class="caret"></b></a>
115                <ul class="dropdown-menu">
116                  <li ><a href="example.html">Board</a></li>
117                  <li ><a href="example.html">Plans</a></li>
118                  <li ><a href="example.html">Policies</a></li>
119                  <li ><a href="example.html">Topology</a></li>
120                  <li ><a href="example.html">News and events</a></li>
121                </ul>
122              </li>
123              <li><a href="example.html">FAQ</a></li>
124            </ul>
125          </div>
126        </div>
127      </div>
128    </div>
129    </div><!-- /.navbar -->
130  </div>
131
132  <!-- Slider -->
133  <div class="rslides_container curly-shadow border-radius slider gradient-radius-module">
134  <div class="curly-shadow-container border-radius">
135  <ul class="rslides slider-container border-radius" id="slider1">
136    <li>
137      <div class="slider-text">
138        <h3><a href="example.html">Welcome to <br />Kwara State Polytechnic</a></h3>
139        <p>This is our administartion building.</p>
140        <a href="example.html">Read more &raquo;</a>
141      </div>
142      <div class="slider-image-container border-radius">
143        <img class="slider-image border-radius" src="img/slider/kwara-poly-admin-block.jpg" alt="admin block" />
144      </div>
145    </li>
146    <li>
147      <div class="slider-text">
148        <h3><a href="example.html">Polytechnic ICT Building</a></h3>
149        <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.</p>
150        <a href="example.html">Read more &raquo;</a>
151      </div>
152      <div class="slider-image-container border-radius">
153        <img class="slider-image border-radius" src="img/slider/kwara-poly-ict.jpg" alt="poly ict" />
154      </div>
155    </li>
156    <li>
157      <div class="slider-text">
158        <h3><a href="example.html">Polytechnic ETF Building</a></h3>
159        <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.</p>
160        <a href="example.html">Read more &raquo;</a>
161      </div>
162      <div class="slider-image-container border-radius">
163        <img class="slider-image border-radius" src="img/slider/kwara-poly-etf.jpg" alt="poly etf" />
164      </div>
165    </li>
166  </ul>
167  </div>
168  </div>
169
170  <div class="left-col">
171    <h4 class="title">&raquo; Featured</h4>
172    <div class="row-fluid">
173      <div class="span6 center home-option gradient-radius-module">
174        <a href="example.html"><img class="home-icon" src="img/mobile-icon.png" alt="icon heart" /></a>
175        <h3><a href="example.html">KwaraPoly Infrastructure<br/>and Facilities</a></h3>
176        <p class="text">Read more Lorem ipsum dolor sit amet.</p>
177        <p><a href="example.html">View details &raquo;</a></p>
178      </div>
179      <div class="span6 center home-option gradient-radius-module">
180        <a href="example.html"><img class="home-icon" src="img/network-icon.png" alt="icon network" /></a>
181        <h3><a href="example.html">Education<br/>at KwaraPoly</a></h3>
182        <p class="text">Read more about Lorem ipsum dolor sit amet.</p>
183        <p><a href="example.html">View details &raquo;</a></p>
184      </div>
185    </div>
186  </div>
187
188  <!-- SIDEBAR -->
189  <div class="right-col">
190    <h4 class="title">&raquo; Latest news</h4>
191    <div class="streaming white-background">
192      <div id="streaming-news">
193      <ul>
194        <li>
195          <h4><a href="example.html">Plans and Activities</a></h4>
196          <p class="text">KwaraPoly Linkage Plans and Activities.</p>
197          <p><a href="example.html">Read more</a></p>
198        </li>
199        <li>
200          <h4><a href="example.html">Plans and Activities 2</a></h4>
201          <p class="text">KwaraPoly Linkage Plans and Activities.</p>
202          <p><a href="example.html">Read more</a></p>
203        </li>
204        <li>
205          <h4><a href="example.html">Plans and Activities 3</a></h4>
206          <p class="text">KwaraPoly Linkage Plans and Activities.</p>
207          <p><a href="example.html">Read more</a></p>
208        </li>
209        <li>
210          <h4><a href="example.html">Plans and Activities 4</a></h4>
211          <p class="text">KwaraPoly Linkage Plans and Activities.</p>
212          <p><a href="example.html">Read more</a></p>
213        </li>
214        <li>
215          <h4><a href="example.html">Plans and Activities 5</a></h4>
216          <p class="text">KwaraPoly Linkage Plans and Activities.</p>
217          <p><a href="example.html">Read more</a></p>
218        </li>
219      </ul>
220      </div>
221    </div>
222  </div>
223
224  <hr>
225
226  <div class="footer">
227    <div class="copyright">
228      <span>&copy; Kwara State Polytechnic</span>
229      <script type="text/javascript">
230      renderCurrentYear();
231      </script>
232    </div>
233    <div class="address">
234      <ul>
235        <li>Kwara State Polytechnic</li>
236        <li>Ilorin, Nigeria</li>
237      </ul>
238    </div>
239    <div class="section">
240      <ul>
241        <li class="title">&raquo; KwaraPoly</li>
242        <li><a href="example.html">Contact</a></li>
243        <li><a href="example.html">Sitemap</a></li>
244      </ul>
245    </div>
246  </div>
247
248  </div> <!-- /container -->
249
250  <!-- Le javascript
251  ================================================== -->
252  <!-- Placed at the end of the document so the pages load faster -->
253
254  <script type="text/javascript">
255  $(document).ready(function() {
256    initHomeFunctions();
257  });
258  </script>
259
260</body>
261</html>
Note: See TracBrowser for help on using the repository browser.