source: main/ngren.theme/trunk/ngren/theme/ngren_theme/home.html @ 14579

Last change on this file since 14579 was 12074, checked in by Henrik Bettermann, 10 years ago

Display an image instead of text for NGREN logo.
File size: 11.1 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>NgREN - Nigerian Research and Education Network</title>
10  <meta name="viewport" content="width=device-width, initial-scale=1.0">
11  <meta name="description" content="NgREN's vision is to be a world-class research and education network in Africa, fulfilling stakeholder needs for communication and collaboration as a cornerstone for Nigeria’s economic and social transformation.">
12  <meta name="author" content="NgREN">
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 = "https://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            <h1>
58              <a class="header-logo" href="home.html">
59                  Nigerian Research and Education Network
60              </a>
61            </h1>
62          </div>
63            <div class="btn-group pull-right btn-small"
64                 id="user-options">
65              <a class="btn btn-small btn-primary"
66                 href="#">
67                <i class="icon-user icon-white"></i>
68                <span id="user-options-name">
69                  Username
70                </span>
71              </a>
72              <a class="btn btn-small btn-primary 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 class="active"><a href="home.html">Home</a></li>
94              <li class="dropdown">
95                <a href="about-us.html" data-toggle="dropdown" class="dropdown-toggle disabled">About us <b class="caret"></b></a>
96                <ul class="dropdown-menu">
97                  <li ><a href="example.html">Board</a></li>
98                  <li ><a href="example.html">Plans</a></li>
99                  <li ><a href="example.html">Policies</a></li>
100                  <li ><a href="example.html">Topology</a></li>
101                  <li ><a href="example.html">News and events</a></li>
102                </ul>
103              </li>
104              <li class="dropdown">
105                <a href="services.html" data-toggle="dropdown" class="dropdown-toggle disabled">Services <b class="caret"></b></a>
106                <ul class="dropdown-menu">
107                  <li ><a href="example.html">Unified communications</a></li>
108                  <li ><a href="example.html">Video conferencing</a></li>
109                  <li ><a href="example.html">Domain name services</a></li>
110                  <li ><a href="example.html">Caching services</a></li>
111                  <li ><a href="example.html">Digital content</a></li>
112                  <li ><a href="example.html">Network Security (CERT)</a></li>
113                  <li ><a href="example.html">Email and messaging</a></li>
114                  <li ><a href="example.html">Colocation</a></li>
115                  <li ><a href="example.html">Bandwidth supply and management</a></li>
116                  <li ><a href="example.html">Backbone transmission</a></li>
117                </ul>
118              </li>
119              <li><a href="example.html">FAQ</a></li>
120            </ul>
121          </div>
122        </div>
123      </div>
124    </div>
125    </div><!-- /.navbar -->
126  </div>
127
128  <!-- Slider -->
129  <div class="rslides_container curly-shadow border-radius slider gradient-radius-module">
130  <div class="curly-shadow-container border-radius">
131  <ul class="rslides slider-container border-radius" id="slider1">
132    <li>
133      <div class="slider-text">
134        <h3><a href="example.html">Welcome to NgREN</a></h3>
135        <p>The NgREN is committed to harmonizing knowledge within the tertiary sector to <span class="highlight">drive productive research, collaboration and knowledge</span> dissemination for the development of Nigeria and Mankind.</p>
136        <a href="example.html">Read more &raquo;</a>
137      </div>
138      <div class="slider-image-container border-radius">
139        <img class="slider-image border-radius" src="img/slider/nigerian-men2.jpg" alt="nigerian woman 1" />
140      </div>
141    </li>
142    <li>
143      <div class="slider-text">
144        <h3><a href="example.html">NgREN and Other RENs</a></h3>
145        <p>The NgREN is committed to harmonizing knowledge within the tertiary sector to drive productive research, collaboration and knowledge dissemination for the development of Nigeria and Mankind.</p>
146        <a href="example.html">Read more &raquo;</a>
147      </div>
148      <div class="slider-image-container border-radius">
149        <img class="slider-image border-radius" src="img/slider/nigerian-women.jpg" alt="nigerian woman 2" />
150      </div>
151    </li>
152    <li>
153      <div class="slider-text">
154        <h3><a href="example.html">Medical Research</a></h3>
155        <p>The NgREN is committed to harmonizing knowledge within the tertiary sector to drive productive research, collaboration and knowledge dissemination for the development of Nigeria and Mankind.</p>
156        <a href="example.html">Read more &raquo;</a>
157      </div>
158      <div class="slider-image-container border-radius">
159        <img class="slider-image border-radius" src="img/slider/health.jpg" alt="nigerian woman 3" />
160      </div>
161    </li>
162    <li>
163      <div class="slider-text">
164        <h3><a href="example.html">Mobility Services</a></h3>
165        <p>The NgREN is committed to harmonizing knowledge within the tertiary sector to drive productive research, collaboration and knowledge dissemination for the development of Nigeria and Mankind.</p>
166        <a href="example.html">Read more &raquo;</a>
167      </div>
168      <div class="slider-image-container border-radius">
169        <img class="slider-image border-radius" src="img/slider/nigerian-men.jpg" alt="nigerian woman 4" />
170      </div>
171    </li>
172  </ul>
173  </div>
174  </div>
175
176  <div class="left-col">
177    <h4 class="title">&raquo; Featured</h4>
178    <div class="row-fluid">
179      <div class="span6 center home-option gradient-radius-module">
180        <a href="example.html"><img class="home-icon" src="img/mobile-icon.png" alt="icon heart" /></a>
181        <h3><a href="example.html">NgREN Infrastructure<br/>and Facilities</a></h3>
182        <p class="text">Read more about the UNICC project.</p>
183        <p><a href="example.html">View details &raquo;</a></p>
184      </div>
185      <div class="span6 center home-option gradient-radius-module">
186        <a href="example.html"><img class="home-icon" src="img/network-icon.png" alt="icon network" /></a>
187        <h3><a href="example.html">NgREN<br/>and Other RENs</a></h3>
188        <p class="text">Read more about NgREN Linkage Plans and Activities.</p>
189        <p><a href="example.html">View details &raquo;</a></p>
190      </div>
191    </div>
192  </div>
193
194  <div class="right-col">
195    <h4 class="title">&raquo; Latest news</h4>
196    <div class="streaming white-background">
197      <div id="streaming-news">
198      <ul>
199        <li>
200          <h4><a href="example.html">Plans and Activities</a></h4>
201          <p class="text">NgREN 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 2</a></h4>
206          <p class="text">NgREN 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 3</a></h4>
211          <p class="text">NgREN 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 4</a></h4>
216          <p class="text">NgREN Linkage Plans and Activities.</p>
217          <p><a href="example.html">Read more</a></p>
218        </li>
219        <li>
220          <h4><a href="example.html">Plans and Activities 5</a></h4>
221          <p class="text">NgREN Linkage Plans and Activities.</p>
222          <p><a href="example.html">Read more</a></p>
223        </li>
224      </ul>
225      </div>
226    </div>
227  </div>
228
229  <div class="full-col">
230    <h4 class="title">&raquo; Partners</h4>
231    <div id="partners-tile" class="gradient-radius-module">
232    </div>
233  </div>
234
235  <hr>
236
237  <div class="footer">
238    <div class="copyright">
239      <span>&copy; Nigerian Research and Education Network</span>
240      <script type="text/javascript">
241      renderCurrentYear();
242      </script>
243    </div>
244    <div class="address">
245      <ul>
246        <li>NgREN</li>
247        <li>Peter Okebukola Building</li>
248        <li>National Universities Commission</li>
249        <li>Aguiyi Ironsi Street</li>
250        <li>Maitama District</li>
251        <li>Abuja, Nigeria</li>
252      </ul>
253    </div>
254
255    <div class="section">
256      <ul>
257        <li class="title">&raquo; NgREN</li>
258        <li><a href="example.html">Contact</a></li>
259        <li><a href="example.html">Sitemap</a></li>
260      </ul>
261    </div>
262  </div>
263
264  </div> <!-- /container -->
265
266  <!-- Le javascript
267  ================================================== -->
268  <!-- Placed at the end of the document so the pages load faster -->
269
270  <script type="text/javascript">
271  $(document).ready(function() {
272    initHomeFunctions();
273  });
274  </script>
275
276</body>
277</html>
Note: See TracBrowser for help on using the repository browser.