1 <div class="navbar-wrapper">
2 <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
3 <div class="container">
4 <div class="navbar-header page-scroll">
5 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
6 <span class="sr-only">Toggle navigation</span>
7 <span class="icon-bar"></span>
8 <span class="icon-bar"></span>
9 <span class="icon-bar"></span>
11 <a class="navbar-brand" href="index.html">OPNFV-DASHBOARD</a>
13 <div class="navbar-collapse collapse">
14 <ul class="nav navbar-nav navbar-right">
15 <li><a href="#page-top">Home</a></li>
16 <li><a href="#DashBoard">DashBoard</a></li>
17 <li><a ui-sref="select.selectTestCase">TestCase</a></li>
18 <li><a ui-sref="select.testVisual">catalogue page</a></li>
19 <li><a ui-sref="login">Login</a></li>
20 <!--<li><a href="#team">Team</a></li>
21 <li><a href="#testimonials">Testimonials</a></li>
22 <li><a href="#pricing">Pricing</a></li>
23 <li><a href="#contact">Contact</a></li>-->
31 <div id="inSlider" class="carousel carousel-fade" data-ride="carousel">
32 <ol class="carousel-indicators">
33 <!--<li data-target="#inSlider" data-slide-to="0" class="active"></li>
34 <li data-target="#inSlider" data-slide-to="1"></li>-->
36 <div class="carousel-inner" role="listbox">
37 <div class="item active">
38 <div class="container">
39 <div class="carousel-caption">
40 <h1>OPNFV<br/> facilitates the development and evolution<br/> of NFV components across<br/> various open source ecosystems<br/>
42 <!--<p>Lorem Ipsum is simply dummy text of the printing.</p>
44 <a class="btn btn-lg btn-primary" href="#" role="button">READ MORE</a>
45 <!--<a class="caption-link" href="#" role="button">Inspinia Theme</a>-->
50 <!-- Set background for slide in css -->
51 <div class="header-back one" style="background: url('images/header_one.jpg') 50% 0 no-repeat;"></div>
59 <section id="DashBoard" class="container services">
65 <div class="col-sm-3">
67 <p>Develop an integrated and tested open source platform that can be used to build NFV functionality--accelerating the introduction of new products and services</p>
68 <p><a class="navy-link" href="#" role="button">Details »</a></p>
70 <div class="col-sm-3">
72 <p>Include participation of leading end users to validate that OPNFV meets the needs of user community</p>
73 <p><a class="navy-link" href="#" role="button">Details »</a></p>
75 <div class="col-sm-3">
77 <p>Contribute to and participate in relevant open source projects that will be leveraged in the OPNFV platform; ensuring consistency, performance and interoperability among open source components</p>
78 <p><a class="navy-link" href="#" role="button">Details »</a></p>
80 <div class="col-sm-3">
82 <p>Establish an ecosystem for NFV solutions based on open standards and software to meet the needs of end users</p>
83 <p><a class="navy-link" href="#" role="button">Details »</a></p>
85 <div class="col-sm-3">
87 <p>Promote OPNFV as the preferred platform and community for open source NFV</p>
88 <p><a class="navy-link" href="#" role="button">Details »</a></p>
96 <section id="contact" class="gray-section contact" style="background-image: url(images/word_map.png)">
97 <div class="container">
98 <div class="row m-b-lg">
99 <div class="col-lg-12 text-center">
100 <div class="navy-line"></div>
104 <div class="row m-b-lg">
105 <div class="col-lg-3 col-lg-offset-3">
107 <strong><span class="navy">Press, Analyst, or Speaking Inquiries</span></strong><br/> pr@opnfv.org
111 <strong><span class="navy">OPNFV Events</span></strong><br/> events@opnfv.org
115 <strong><span class="navy">IT Support</span></strong><br/>opnfv-helpdesk@rt.linuxfoundation.org
120 <div class="col-lg-4">
122 <strong><span class="navy">To submit and track bugs related to OPNFV</span></strong><br/>Please visit https://jira.opnfv.org
126 <strong><span class="navy">Newsletter</span></strong><br/>Sign up for the OPNFV newsletter
130 <strong><span class="navy">Membership</span></strong><br/>Please visit the Join as a Member page
137 <div class="col-lg-12 text-center">
138 <img src="images/logo.png" />
143 <div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
144 <p><strong>© 2016 Open Platform for NFV Project, Inc</strong><br/> A Linux Foundation Collaborative Project. All Rights Reserved. Open Platform for NFV and OPNFV are trademarks of the Open Platform for NFV Project, Inc. Linux Foundation
145 is a registered trademark of The Linux Foundation. Linux is a registered trademark of Linus Torvalds. Please see our terms of use, trademark policy, and privacy policy.
153 $(document).ready(function() {
155 // $('body').scrollspy({
156 // target: '.navbar-fixed-top',
160 //Page scrolling feature
161 $('a.page-scroll').bind('click', function(event) {
163 $('html, body').stop().animate({
164 scrollTop: $(link.attr('href')).offset().top - 50
166 event.preventDefault();
167 $("#navbar").collapse('hide');
170 $('a.page-scroll').bind('click', function(event) {
172 $('html, body').stop().animate({
173 scrollTop: $(link.attr('href')).offset().top - 50
175 event.preventDefault();
176 $("#navbar").collapse('hide');
182 '.chosen-select': {},
183 '.chosen-select-deselect': {
184 allow_single_deselect: true
186 '.chosen-select-no-single': {
187 disable_search_threshold: 10
189 '.chosen-select-no-results': {
190 no_results_text: 'Oops, nothing found!'
192 '.chosen-select-width': {
196 for (var selector in config) {
197 $(selector).chosen(config[selector]);
200 var cbpAnimatedHeader = (function() {
201 var docElem = document.documentElement,
202 header = document.querySelector('.navbar-default'),
204 changeHeaderOn = 200;
207 window.addEventListener('scroll', function(event) {
210 setTimeout(scrollPage, 250);
215 function scrollPage() {
217 if (sy >= changeHeaderOn) {
218 $(header).addClass('navbar-scroll')
220 $(header).removeClass('navbar-scroll')
226 return window.pageYOffset || docElem.scrollTop;