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

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

Display an image instead of text for NGREN logo.
File size: 9.9 KB
RevLine 
[10190]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>
[10363]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">
[10190]13
[10363]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">
[10190]18
[11734]19  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
[10190]20
[11734]21  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
[10363]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>
[10190]26
[10363]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]-->
[10190]32
[10363]33  <!-- Fav and touch icons -->
34  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
[10190]35</head>
36
37<body>
38
[10363]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;
[11734]45  js.src = "https://connect.facebook.net/es_LA/all.js#xfbml=1&appId=106017272902221";
[10363]46  fjs.parentNode.insertBefore(js, fjs);
47  }(document, 'script', 'facebook-jssdk'));</script>
[10190]48
[10363]49  <div class="container">
[10190]50
[10363]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">
[11777]57            <h1>
[12074]58              <a class="header-logo" href="home.html">
59                  Nigerian Research and Education Network
60              </a>
[11777]61            </h1>
[10363]62          </div>
[12074]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 -->
[10363]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>
[10190]128
129
130
[10363]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>
[10190]151
[10363]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>
[10190]162
[10363]163  </div>
164  </div>
[10190]165
166
[10363]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>
[10190]202
[10363]203  <hr>
[10190]204
[10363]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>
[11781]215        <li>Peter Okebukola Building</li>
[10424]216        <li>National Universities Commission</li>
[10363]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>
[10190]230
[10363]231  </div> <!-- /container -->
[10190]232
[10363]233  <!-- Le javascript
234  ================================================== -->
235  <!-- Placed at the end of the document so the pages load faster -->
[10190]236
[10363]237  <script type="text/javascript">
238  $(document).ready(function() {
239    initInnerPageFunctions();
240  });
241  </script>
[10190]242
243</body>
244</html>
Note: See TracBrowser for help on using the repository browser.