source: main/ngren.theme/branches/ulif-user-dropdown/ngren/theme/ngren_theme/full.html @ 17931

Last change on this file since 17931 was 10238, checked in by uli, 11 years ago

Display user options as a dropdown menu.
File size: 8.7 KB
RevLine 
[10230]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>
[10238]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
72                                                    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 -->
[10230]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><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 active">
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
129
130        <!-- CONTENT -->
131        <div class="full-col">
132        <div class="content-container gradient-radius-module">
133                <h1>Example</h1>
134                <ul class="breadcrumb">
135                        <li><a href="home.html">Home</a></li>
136                        <li class="separator">&raquo;</li>
137                        <li>Example</li>
138                </ul>
139                <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>
140                <img class="left-image" src="img/nigerian-woman3.jpg" alt="nigerian woman 3" style="width:220px;" />
141                <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>
142                <br/>
143                <h3>Head title</h3>
144                <ul>
145                        <li>Unified communications allow institutions on the REN network to call each other</li>
146                        <li>across the NgREN private network. Unified communications allow</li>
147                        <li>Unified communications allow institutions on the REN network to call each other</li>
148                        <li>across the NgREN private network. Unified communications allow</li>
149                </ul>
150
151                <div class="post-social">
152                        <div class="facebook">
153                                <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>
154                        </div>
155                        <div class="twitter">
156                                <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.facebook.com/informationnigeria">Tweet</a>
157                                <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>
158                        </div>
159                </div>
160                <div style="clear:both;"></div>
161
162        </div>
163        </div>
164
165
166        <div class="footer">
167                <div class="copyright">
168                        <span>&copy; Nigerian Research and Education Network</span>
169                        <script type="text/javascript">
170                        renderCurrentYear();
171                        </script>
172                </div>
173                <div class="address">
174                        <ul>
175                                <li>NgREN</li>
176                                <li>National University Commission</li>
177                                <li>Aja Nwachukwu House</li>
178                                <li>Aguiyi Ironsi Street</li>
179                                <li>Maitama District</li>
180                                <li>Abuja, Nigeria</li>
181                        </ul>
182                </div>
183                <div class="section">
184                        <ul>
185                                <li class="title">&raquo; NgREN</li>
186                                <li><a href="example.html">Contact</a></li>
187                                <li><a href="example.html">Sitemap</a></li>
188                        </ul>
189                </div>
190        </div>
191
192        </div> <!-- /container -->
193
194        <!-- Le javascript
195        ================================================== -->
196        <!-- Placed at the end of the document so the pages load faster -->
197
198        <script type="text/javascript">
199        $(document).ready(function() {
200                initInnerPageFunctions();
201        });
202        </script>
203
204</body>
205</html>
Note: See TracBrowser for help on using the repository browser.