diff --git a/bigbluebutton-config/web/index.html b/bigbluebutton-config/web/index.html
index 6e8733a1f89f61cea9a8e0bcd32dbf1530fec816..00a14c63d7d4b8c3a03458fbafee6c5f2908b1c3 100644
--- a/bigbluebutton-config/web/index.html
+++ b/bigbluebutton-config/web/index.html
@@ -42,23 +42,31 @@
<!-- Body -->
<div class='container'>
+
+
+
+
<!-- Welcome Message & Login Into Demo -->
<div class='row'>
- <div class='span five'>
- <h2>Welcome</h2>
- <p> <a href="http://bigbluebutton.org/" target="_blank">BigBlueButton</a> is an open source web conferencing system for on-line learning. </p>
- <p> We believe that every student with a web browser should have access to a high-quality on-line learning experience </p>
- <p> We intend to make that possible with BigBlueButton.</p>
+ <div class='span six html5clientOnly'>
+ <div class='join-meeting '>
+ <h4>Try BigBlueButton via HTML5</h4>
+ <p>New School</p>
- <h4>For Developers</h4>
- <p> The BigBlueButton project is <a href="http://bigbluebutton.org/support">supported</a> by a community of developers that care about good design and a streamlined user experience. </p>
- <p>See <a href="/demo/demo1.jsp" target="_blank">API examples </a> for how to integrate BigBlueButton with your project.</p>
+ <form name="form1" method="GET" onsubmit="return checkform(this);" action="/demo/demoHTML5.jsp">
+ <input type="text" id="username" required="" name="username" placeholder="Enter Your Name" size="29" class="field input-default" autofocus>
+ <input type="submit" value="Join" class="submit_btn button success large"><br>
+ <input type="hidden" name="action" value="create">
+ </form>
+
+ <a class="watch" href="https://www.youtube.com/watch?v=d5v6Uar79Yc" class="pull-right">Overview Video of New HTML5 Client</a>
+
+ </div>
</div>
- <div class="span one"></div>
<div class='span six'>
- <div class='join-meeting pull-right'>
- <h4>Try BigBlueButton</h4>
- <p>Join a demo session on this server.</p>
+ <div class='join-meeting'>
+ <h4>Try BigBlueButton via Flash</h4>
+ <p>Old School</p>
<form name="form1" method="GET" onsubmit="return checkform(this);" action="/demo/demo1.jsp">
<input type="text" id="username" required="" name="username" placeholder="Enter Your Name" size="29" class="field input-default" autofocus>
@@ -66,13 +74,31 @@
<input type="hidden" name="action" value="create">
</form>
- <a class="watch" href="#video" class="pull-right">New to BigBlueButton? Watch these videos.</a>
-
+ <a class="watch" href="#video" class="pull-right">Tutorial Videos</a>
</div>
+ </div>
+ </div>
+
+ <hr class="featurette-divider">
+ <!-- Welcome Message & Login Into Demo -->
+ <div class='row'>
+ <div >
+ <h2>Built for online learning</h2>
+ <p> BigBlueButton is an open source web conferencing system built for on-line learning.</p>
+ <p>BigBlueButton provides all the core capabilities you expect in a web conferencing system: real-time sharing of audio, video, presentation, and screen. BigBlueButton gives you many ways to engage users with interactive chat (public and private), multi-user whiteboard, shared notes, emojis, polling, and breakout rooms. You can record any session for later playback.</p>
+ <p> The big change in this release is the new <a href="https://www.youtube.com/watch?v=d5v6Uar79Yc">HTML5 client</a>. The HTML5 client runs on all devices: laptop, desktop, chromebook and mobile (Android 6.0+ and iOS 12.0+). The HTML5 client uses the browser's built-in support for <a href="https://webrtc.org/">web real-time communications (WebRTC)</a> to share audio, video, and screen with other users. Chrome and FireFox are the recommend as they have the best support for WebRTC.</p>
+ <p> Try out the HTML5 client above and give us <a href="https://docs.google.com/forms/d/1gFz5JdN3vD6jxhlVskFYgtEKEcexdDnUzpkwUXwQ4OY/viewform?usp=send_for">your feedback</a>. To learn more about BigBlueButton visit <a href="https://bigbluebutton.org/">bigbluebutton.org</a></p>
+ <h4>For Developers</h4>
+ <p> Under the hood, the HTML5 client uses the React for a responsive experience. The BigBlueButton project is <a href="http://bigbluebutton.org/support">supported</a> by a community of developers that care about good design and a streamlined user experience. See <a href="http://docs.bigbluebutton.org" target="_blank">our documentation site</a> for more information on how you can integrate BigBlueButton with your project.</p>
</div>
+ <div class="span one"></div>
+
</div>
+
+
+
<hr class="featurette-divider">
<!-- BigBlueButton Features -->
@@ -217,19 +243,19 @@
</div>
<div class='span four video-item'>
- <a href="https://www.youtube.com/watch?v=oh0bEk3YSwI" target="_blank">
+ <a href="https://www.youtube.com/watch?v=GeJbK1lvl2I" target="_blank">
<div class="video-btn"><i class="fa fa-play-circle-o"></i></div>
<img src="images/bbb-viewer-overview.jpg" alt="BigBlueButton Viewer Overview Video"/>
</a>
- <h3><a href="https://www.youtube.com/watch?v=oh0bEk3YSwI;feature=youtu.be" title="Student Overview" target="_blank">Viewer Overview</a></h3>
+ <h3><a href="https://www.youtube.com/watch?v=GeJbK1lvl2I;feature=youtu.be" title="Student Overview" target="_blank">Viewer Overview</a></h3>
</div>
<div class='span four last video-item'>
- <a href="https://www.youtube.com/watch?v=J9mbw00P9W0&feature=youtu.be" target="_blank">
+ <a href="https://www.youtube.com/watch?v=758xaFdeoN0&feature=youtu.be" target="_blank">
<div class="video-btn"><i class="fa fa-play-circle-o"></i></div>
<img src="images/bbb-presenter-overview.jpg" alt="Moderator/Presenter Overview Video"/>
</a>
- <h3><a href="https://www.youtube.com/watch?v=J9mbw00P9W0&feature=youtu.be" title="Moderator/Presenter Overview" target="_blank">Moderator/Presenter Overview</a></h3>
+ <h3><a href="https://www.youtube.com/watch?v=758xaFdeoN0&feature=youtu.be" title="Moderator/Presenter Overview" target="_blank">Moderator/Presenter Overview</a></h3>
</div>
</div>
</div>
@@ -261,8 +287,8 @@
<div class="row">
<div class="span twelve center">
- <p>Copyright © 2018 BigBlueButton Inc.<br>
- <small>Version <a href="http://docs.bigbluebutton.org/">2.0-RC2</a></small>
+ <p>Copyright © 2019 BigBlueButton Inc.<br>
+ <small>Version <a href="http://docs.bigbluebutton.org/">2.2-dev</a></small>
</p>
</div>
</div>
@@ -270,3 +296,4 @@
</footer>
</body>
</html>
+