2 <div class="navbar-wrapper">
3 <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
4 <div class="container">
5 <div class="navbar-header page-scroll">
6 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
7 aria-controls="navbar">
8 <span class="sr-only">Toggle navigation</span>
9 <span class="icon-bar"></span>
10 <span class="icon-bar"></span>
11 <span class="icon-bar"></span>
13 <a class="navbar-brand" href="index.html">OPNFV-DASHBOARD</a>
15 <div id="navbar" class="navbar-collapse collapse">
16 <ul class="nav navbar-nav navbar-right">
17 <li><a href="#page-top">Home</a></li>
18 <li><a href="#DashBoard">DashBoard</a></li>
19 <!--<li><a href="#team">Team</a></li>
20 <li><a href="#testimonials">Testimonials</a></li>
21 <li><a href="#pricing">Pricing</a></li>
22 <li><a href="#contact">Contact</a></li>-->
30 <div id="inSlider" class="carousel carousel-fade" data-ride="carousel">
31 <ol class="carousel-indicators">
32 <!--<li data-target="#inSlider" data-slide-to="0" class="active"></li>
33 <li data-target="#inSlider" data-slide-to="1"></li>-->
35 <div class="carousel-inner" role="listbox">
36 <div class="item active">
37 <div class="container">
38 <div class="carousel-caption">
39 <h1>OPNFV<br/> facilitates the development and evolution<br/> of NFV components across<br/> various open source ecosystems<br/>
41 <!--<p>Lorem Ipsum is simply dummy text of the printing.</p>
43 <a class="btn btn-lg btn-primary" href="#" role="button">READ MORE</a>
44 <!--<a class="caption-link" href="#" role="button">Inspinia Theme</a>-->
47 <!--<div class="carousel-image wow zoomIn">
48 <img src="img/landing/laptop.png" alt="laptop"/>
51 <!-- Set background for slide in css -->
52 <div class="header-back one" style="background: url('images/header_one.jpg') 50% 0 no-repeat;"></div>
55 <!--<div class="item">
56 <div class="container">
57 <div class="carousel-caption blank">
58 <h1>We create meaningful <br/> interfaces that inspire.</h1>
59 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
60 <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
63 <!-- Set background for slide in css -->
64 <!--<div class="header-back two"></div>
67 <!--<a class="left carousel-control" href="#inSlider" role="button" data-slide="prev">
68 <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
69 <span class="sr-only">Previous</span>
71 <a class="right carousel-control" href="#inSlider" role="button" data-slide="next">
72 <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
73 <span class="sr-only">Next</span>
77 <section id="DashBoard" class="container services">
83 <div class="col-sm-3">
85 <p>Develop an integrated and tested open source platform that can be used to build NFV functionality--accelerating
86 the introduction of new products and services</p>
87 <p><a class="navy-link" href="#" role="button">Details »</a></p>
89 <div class="col-sm-3">
91 <p>Include participation of leading end users to validate that OPNFV meets the needs of user community</p>
92 <p><a class="navy-link" href="#" role="button">Details »</a></p>
94 <div class="col-sm-3">
96 <p>Contribute to and participate in relevant open source projects that will be leveraged in the OPNFV platform;
97 ensuring consistency, performance and interoperability among open source components</p>
98 <p><a class="navy-link" href="#" role="button">Details »</a></p>
100 <div class="col-sm-3">
102 <p>Establish an ecosystem for NFV solutions based on open standards and software to meet the needs of end users</p>
103 <p><a class="navy-link" href="#" role="button">Details »</a></p>
105 <div class="col-sm-3">
107 <p>Promote OPNFV as the preferred platform and community for open source NFV</p>
108 <p><a class="navy-link" href="#" role="button">Details »</a></p>
116 <section id="contact" class="gray-section contact" style="background-image: url(images/word_map.png)">
117 <div class="container">
118 <div class="row m-b-lg">
119 <div class="col-lg-12 text-center">
120 <div class="navy-line"></div>
124 <div class="row m-b-lg">
125 <div class="col-lg-3 col-lg-offset-3">
127 <strong><span class="navy">Press, Analyst, or Speaking Inquiries</span></strong><br/> pr@opnfv.org
131 <strong><span class="navy">OPNFV Events</span></strong><br/> events@opnfv.org
135 <strong><span class="navy">IT Support</span></strong><br/>opnfv-helpdesk@rt.linuxfoundation.org
140 <div class="col-lg-4">
142 <strong><span class="navy">To submit and track bugs related to OPNFV</span></strong><br/>Please visit https://jira.opnfv.org
146 <strong><span class="navy">Newsletter</span></strong><br/>Sign up for the OPNFV newsletter
150 <strong><span class="navy">Membership</span></strong><br/>Please visit the Join as a Member page
157 <div class="col-lg-12 text-center">
158 <img src="images/logo.png" />
163 <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
164 <p><strong>© 2016 Open Platform for NFV Project, Inc</strong><br/> A Linux Foundation Collaborative Project. All
165 Rights Reserved. Open Platform for NFV and OPNFV are trademarks of the Open Platform for NFV Project, Inc. Linux
166 Foundation is a registered trademark of The Linux Foundation. Linux is a registered trademark of Linus Torvalds.
167 Please see our terms of use, trademark policy, and privacy policy.
176 $(document).ready(function () {
178 $('body').scrollspy({
179 target: '.navbar-fixed-top',
183 // Page scrolling feature
184 $('a.page-scroll').bind('click', function(event) {
186 $('html, body').stop().animate({
187 scrollTop: $(link.attr('href')).offset().top - 50
189 event.preventDefault();
190 $("#navbar").collapse('hide');
194 console.log( $("selectVersion").val());
198 // $(".select2_demo_1").select2();
199 // $(".select2_demo_2").select2();
200 // $(".select2_demo_3").select2({
201 // placeholder: "Version",
204 // $(".select2_demo_4").select2({
205 // placeholder: "Period",
211 '.chosen-select' : {},
212 '.chosen-select-deselect' : {allow_single_deselect:true},
213 '.chosen-select-no-single' : {disable_search_threshold:10},
214 '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
215 '.chosen-select-width' : {width:"95%"}
217 for (var selector in config) {
218 $(selector).chosen(config[selector]);
221 var cbpAnimatedHeader = (function() {
222 var docElem = document.documentElement,
223 header = document.querySelector( '.navbar-default' ),
225 changeHeaderOn = 200;
227 window.addEventListener( 'scroll', function( event ) {
230 setTimeout( scrollPage, 250 );
234 function scrollPage() {
236 if ( sy >= changeHeaderOn ) {
237 $(header).addClass('navbar-scroll')
240 $(header).removeClass('navbar-scroll')
245 return window.pageYOffset || docElem.scrollTop;