source: main/ngren.theme/branches/ulif-user-dropdown/ngren/theme/ngren_theme/example.html @ 17384

Last change on this file since 17384 was 10191, checked in by uli, 11 years ago

Apply uli manual modifications from live site.

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