source: main/ngren.theme/trunk/ngren/theme/ngren_theme/example.html @ 16149

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

Display an image instead of text for NGREN logo.
File size: 9.9 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 | 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
73                      dropdown-toggle"
74               data-toggle="dropdown"
75               href="#">
76              <span class="caret"></span>
77            </a>
78            <ul class="dropdown-menu btn-small">
79              <li><a href="#">Dashboard</a></li>
80              <li><a href="#">Logout</a></li>
81            </ul>
82          </div><!-- user-options -->
83          <form class="navbar-form pull-right">
84            <input type="text" />
85            <button class="btn btn-primary btn-small search-btn" type="submit">Search</button>
86          </form>
87        </div>
88        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
89          <span>Menu <b class="caret"></b></span>
90        </button>
91        <div id="menu-collapse" class="nav-collapse collapse">
92          <div class="nav-container">
93            <ul class="nav">
94              <li><a href="home.html">Home</a></li>
95              <li class="dropdown">
96                <a href="about-us.html" data-toggle="dropdown" class="dropdown-toggle disabled">About us <b class="caret"></b></a>
97                <ul class="dropdown-menu">
98                  <li ><a href="example.html">Board</a></li>
99                  <li ><a href="example.html">Plans</a></li>
100                  <li ><a href="example.html">Policies</a></li>
101                  <li ><a href="example.html">Topology</a></li>
102                  <li ><a href="example.html">News and events</a></li>
103                </ul>
104              </li>
105              <li class="dropdown active">
106                <a href="services.html" data-toggle="dropdown" class="dropdown-toggle disabled">Services <b class="caret"></b></a>
107                <ul class="dropdown-menu">
108                  <li ><a href="example.html">Unified communications</a></li>
109                  <li ><a href="example.html">Video conferencing</a></li>
110                  <li ><a href="example.html">Domain name services</a></li>
111                  <li ><a href="example.html">Caching services</a></li>
112                  <li ><a href="example.html">Digital content</a></li>
113                  <li ><a href="example.html">Network Security (CERT)</a></li>
114                  <li ><a href="example.html">Email and messaging</a></li>
115                  <li ><a href="example.html">Colocation</a></li>
116                  <li ><a href="example.html">Bandwidth supply and management</a></li>
117                  <li ><a href="example.html">Backbone transmission</a></li>
118                </ul>
119              </li>
120              <li><a href="example.html">FAQ</a></li>
121            </ul>
122          </div>
123        </div>
124      </div>
125    </div>
126    </div><!-- /.navbar -->
127  </div>
128
129
130
131  <!-- CONTENT -->
132  <div class="left-col">
133  <div class="content-container gradient-radius-module">
134    <h1>Example</h1>
135    <ul class="breadcrumb">
136      <li><a href="home.html">Home</a></li>
137      <li class="separator">&raquo;</li>
138      <li>Example</li>
139    </ul>
140    <p>Unified communications allow institutions on the REN network to call each other across the NgREN private network. Unified communications allow institutions on the REN network to call each other across the NgREN private network.</p>
141    <img class="left-image" src="img/nigerian-woman3.jpg" alt="nigerian woman 3" style="width:220px;" />
142    <p>Unified communications <strong>allow institutions on the REN network to call each other across the NgREN private network</strong>. Unified communications allow institutions on the REN network to call each other across the NgREN private network. Unified communications allow institutions on the REN network to call each other <a href="example.html">across the NgREN private network</a>. Unified communications allow institutions on the REN network to call each other across the NgREN private network. Unified communications allow institutions on the REN network to call each other across the NgREN private network.</p>
143    <br/>
144    <h3>Head title</h3>
145    <ul>
146      <li>Unified communications allow institutions on the REN network to call each other</li>
147      <li>across the NgREN private network. Unified communications allow</li>
148      <li>Unified communications allow institutions on the REN network to call each other</li>
149      <li>across the NgREN private network. Unified communications allow</li>
150    </ul>
151
152    <div class="post-social">
153      <div class="facebook">
154        <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>
155      </div>
156      <div class="twitter">
157        <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.facebook.com/informationnigeria">Tweet</a>
158        <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>
159      </div>
160    </div>
161    <div style="clear:both;"></div>
162
163  </div>
164  </div>
165
166
167  <!-- SIDEBAR -->
168  <div class="right-col">
169    <h4 class="title">&raquo; Latest news</h4>
170    <div class="streaming white-background">
171      <div id="streaming-news">
172      <ul>
173        <li>
174          <h4><a href="example.html">Plans and Activities</a></h4>
175          <p class="text">NgREN Linkage Plans and Activities.</p>
176          <p><a href="example.html">Read more</a></p>
177        </li>
178        <li>
179          <h4><a href="example.html">Plans and Activities 2</a></h4>
180          <p class="text">NgREN Linkage Plans and Activities.</p>
181          <p><a href="example.html">Read more</a></p>
182        </li>
183        <li>
184          <h4><a href="example.html">Plans and Activities 3</a></h4>
185          <p class="text">NgREN Linkage Plans and Activities.</p>
186          <p><a href="example.html">Read more</a></p>
187        </li>
188        <li>
189          <h4><a href="example.html">Plans and Activities 4</a></h4>
190          <p class="text">NgREN Linkage Plans and Activities.</p>
191          <p><a href="example.html">Read more</a></p>
192        </li>
193        <li>
194          <h4><a href="example.html">Plans and Activities 5</a></h4>
195          <p class="text">NgREN Linkage Plans and Activities.</p>
196          <p><a href="example.html">Read more</a></p>
197        </li>
198      </ul>
199      </div>
200    </div>
201  </div>
202
203  <hr>
204
205  <div class="footer">
206    <div class="copyright">
207      <span>&copy; Nigerian Research and Education Network</span>
208      <script type="text/javascript">
209      renderCurrentYear();
210      </script>
211    </div>
212    <div class="address">
213      <ul>
214        <li>NgREN</li>
215        <li>Peter Okebukola Building</li>
216        <li>National Universities Commission</li>
217        <li>Aguiyi Ironsi Street</li>
218        <li>Maitama District</li>
219        <li>Abuja, Nigeria</li>
220      </ul>
221    </div>
222    <div class="section">
223      <ul>
224        <li class="title">&raquo; NgREN</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.