You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@openmeetings.apache.org by so...@apache.org on 2017/12/09 06:14:44 UTC

[07/51] [partial] openmeetings-site git commit: Site is updated due to 4.0.1 release

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/cut_private_messages.png
----------------------------------------------------------------------
diff --git a/images/cut_private_messages.png b/images/cut_private_messages.png
index c080851..c9b9ae0 100644
Binary files a/images/cut_private_messages.png and b/images/cut_private_messages.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/cut_recordings_playback.png
----------------------------------------------------------------------
diff --git a/images/cut_recordings_playback.png b/images/cut_recordings_playback.png
index 906d798..f482044 100644
Binary files a/images/cut_recordings_playback.png and b/images/cut_recordings_playback.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/download_for_linux.png
----------------------------------------------------------------------
diff --git a/images/download_for_linux.png b/images/download_for_linux.png
new file mode 100644
index 0000000..2d00b11
Binary files /dev/null and b/images/download_for_linux.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/download_for_mac.png
----------------------------------------------------------------------
diff --git a/images/download_for_mac.png b/images/download_for_mac.png
new file mode 100644
index 0000000..b134371
Binary files /dev/null and b/images/download_for_mac.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/download_for_windows.png
----------------------------------------------------------------------
diff --git a/images/download_for_windows.png b/images/download_for_windows.png
new file mode 100644
index 0000000..884fb5f
Binary files /dev/null and b/images/download_for_windows.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/file_smal.png
----------------------------------------------------------------------
diff --git a/images/file_smal.png b/images/file_smal.png
index 69dcc46..464fc2b 100644
Binary files a/images/file_smal.png and b/images/file_smal.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/installation_instructions.png
----------------------------------------------------------------------
diff --git a/images/installation_instructions.png b/images/installation_instructions.png
deleted file mode 100644
index 64ab05a..0000000
Binary files a/images/installation_instructions.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/langeditor_screen_v2.png
----------------------------------------------------------------------
diff --git a/images/langeditor_screen_v2.png b/images/langeditor_screen_v2.png
index fbaf47d..a0f73b2 100644
Binary files a/images/langeditor_screen_v2.png and b/images/langeditor_screen_v2.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/ldap_screen.png
----------------------------------------------------------------------
diff --git a/images/ldap_screen.png b/images/ldap_screen.png
index e28bbc3..4e44820 100644
Binary files a/images/ldap_screen.png and b/images/ldap_screen.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/microphone_add.png
----------------------------------------------------------------------
diff --git a/images/microphone_add.png b/images/microphone_add.png
new file mode 100644
index 0000000..a7312cb
Binary files /dev/null and b/images/microphone_add.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/microphone_exclusive.png
----------------------------------------------------------------------
diff --git a/images/microphone_exclusive.png b/images/microphone_exclusive.png
new file mode 100644
index 0000000..bd54990
Binary files /dev/null and b/images/microphone_exclusive.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/monitor_add.png
----------------------------------------------------------------------
diff --git a/images/monitor_add.png b/images/monitor_add.png
index a818066..9d4169b 100644
Binary files a/images/monitor_add.png and b/images/monitor_add.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/mouse_add.png
----------------------------------------------------------------------
diff --git a/images/mouse_add.png b/images/mouse_add.png
index 65bcab5..1d2c402 100644
Binary files a/images/mouse_add.png and b/images/mouse_add.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/pencil_add.png
----------------------------------------------------------------------
diff --git a/images/pencil_add.png b/images/pencil_add.png
index 902bbe6..37a43b3 100644
Binary files a/images/pencil_add.png and b/images/pencil_add.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/poll.png
----------------------------------------------------------------------
diff --git a/images/poll.png b/images/poll.png
index 5b51c9b..258129a 100644
Binary files a/images/poll.png and b/images/poll.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/pollresult.png
----------------------------------------------------------------------
diff --git a/images/pollresult.png b/images/pollresult.png
index 88c38df..44095b0 100644
Binary files a/images/pollresult.png and b/images/pollresult.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/right_management.png
----------------------------------------------------------------------
diff --git a/images/right_management.png b/images/right_management.png
index da287a6..d12c8e2 100644
Binary files a/images/right_management.png and b/images/right_management.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/system_backup.png
----------------------------------------------------------------------
diff --git a/images/system_backup.png b/images/system_backup.png
index ffc2964..b1e73fe 100644
Binary files a/images/system_backup.png and b/images/system_backup.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/user_add.png
----------------------------------------------------------------------
diff --git a/images/user_add.png b/images/user_add.png
index deae99b..dbfa800 100644
Binary files a/images/user_add.png and b/images/user_add.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/vote.png
----------------------------------------------------------------------
diff --git a/images/vote.png b/images/vote.png
index c16ff86..a446ffa 100644
Binary files a/images/vote.png and b/images/vote.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/wand_add.png
----------------------------------------------------------------------
diff --git a/images/wand_add.png b/images/wand_add.png
new file mode 100644
index 0000000..6a7b19e
Binary files /dev/null and b/images/wand_add.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/webcam_add.png
----------------------------------------------------------------------
diff --git a/images/webcam_add.png b/images/webcam_add.png
new file mode 100644
index 0000000..5c3a862
Binary files /dev/null and b/images/webcam_add.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/whiteboard.png
----------------------------------------------------------------------
diff --git a/images/whiteboard.png b/images/whiteboard.png
index 8e5392f..9c8bafc 100644
Binary files a/images/whiteboard.png and b/images/whiteboard.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/images/world.png
----------------------------------------------------------------------
diff --git a/images/world.png b/images/world.png
new file mode 100644
index 0000000..644d9d5
Binary files /dev/null and b/images/world.png differ

http://git-wip-us.apache.org/repos/asf/openmeetings-site/blob/99bdb151/index.html
----------------------------------------------------------------------
diff --git a/index.html b/index.html
index c15ff1c..2e687b5 100644
--- a/index.html
+++ b/index.html
@@ -1,318 +1,301 @@
 
-<!DOCTYPE html>
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <!--
- Generated by Apache Maven Doxia at 2017-10-30
- Rendered using Reflow Maven Skin 1.1.1 (http://andriusvelykis.github.io/reflow-maven-skin)
+ Generated by Apache Maven Doxia at 2017-12-06
+ Rendered using Reflow Maven Skin 1.3.3 (http://devacfr.github.io/reflow-maven-skin)
 -->
 <html  xml:lang="en" lang="en">
 
-	<head>
-		<meta charset="UTF-8" />
-		<title>Apache OpenMeetings Project - 
-		Home</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<meta name="description" content="" />
-		<meta name="author" content="Apache OpenMeetings Team" />
-		<meta http-equiv="content-language" content="en" />
- 
-		<link href=".//css/bootstrap.min.css" rel="stylesheet" />
-		<link href=".//css/bootstrap-responsive.min.css" rel="stylesheet" />
-		<link href=".//css/docs.css" rel="stylesheet" />
-		<link href=".//css/reflow-skin.css" rel="stylesheet" />
-
-
-		<link href=".//css/lightbox.css" rel="stylesheet" />
-
-		<link href=".//css/site.css" rel="stylesheet" />
-		<link href=".//css/print.css" rel="stylesheet" media="print" />
-
-		<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
-		<!--[if lt IE 9]>
-			<script src=".//js/html5.js"></script>
-		<![endif]-->
-
-
-		
-	</head>
+        <head>
+    <meta charset="UTF-8" />
+    <title>Apache OpenMeetings Project &#x2013; Home</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="" />
+    <meta name="author" content="Apache OpenMeetings Team" />
+      <meta http-equiv="content-language" content="en" />
+                    <link href=".//css/bootstrap.min.css" rel="stylesheet" />
+    <link href=".//css/bootstrap-responsive.min.css" rel="stylesheet" />
+    <link href=".//css/docs.css" rel="stylesheet" />
+    <link href=".//css/reflow-skin.css" rel="stylesheet" />
+      
+    <link href=".//css/lightbox.css" rel="stylesheet" />
+    <link href=".//css/site.css" rel="stylesheet" />
+    <link href=".//css/print.css" rel="stylesheet" media="print" />
+<link rel="stylesheet" href=".//css/site.css"/>
+        </head>
+    <body class="page-index project-openmeetings-server" data-spy="scroll" data-offset="70" data-target="#toc-scroll-target">
 
-	<body class="page-index project-openmeetings-server" data-spy="scroll" data-offset="60" data-target="#toc-scroll-target">
-
-		<div class="navbar navbar-fixed-top">
-			<div class="navbar-inner">
-				<div class="container">
-					<a class="btn btn-navbar" data-toggle="collapse" data-target="#top-nav-collapse">
-						<span class="icon-bar"></span>
-						<span class="icon-bar"></span>
-						<span class="icon-bar"></span>
-					</a>
-					<div class="brand"><span class="color-highlight">Apache</span> OpenMeetings</div>
-					<div class="nav-collapse collapse" id="top-nav-collapse">
-						<ul class="nav pull-right">
-							<li ><a href="demo.html" title="Demo">Demo</a></li>
-							<li ><a href="downloads.html" title="Download">Download</a></li>
-							<li ><a href="https://cwiki.apache.org/confluence/display/OPENMEETINGS" title="Wiki" class="externalLink">Wiki</a></li>
-							<li class="dropdown active">
-								<a href="#" class="dropdown-toggle" data-toggle="dropdown">General <b class="caret"></b></a>
-								<ul class="dropdown-menu">
-									<li class="active"><a href="" title="Home">Home</a></li>
-									<li ><a href="http://www.apache.org/licenses/" title="License" class="externalLink">License</a></li>
-									<li ><a href="http://www.apache.org/" title="ASF" class="externalLink">ASF</a></li>
-									<li ><a href="https://www.apache.org/foundation/sponsorship" title="Sponsorship" class="externalLink">Sponsorship</a></li>
-									<li ><a href="https://www.apache.org/foundation/thanks" title="Thanks" class="externalLink">Thanks</a></li>
-									<li ><a href="CallForLogo.html" title="Call For Logo">Call For Logo</a></li>
-									<li ><a href="NewsArchive.html" title="News archive">News archive</a></li>
-									<li ><a href="security.html" title="Security">Security</a></li>
-									<li ><a href="commercial-support.html" title="Commercial Support">Commercial Support</a></li>
-								</ul>
-							</li>
-							<li class="dropdown">
-								<a href="#" class="dropdown-toggle" data-toggle="dropdown">Installation <b class="caret"></b></a>
-								<ul class="dropdown-menu">
-									<li ><a href="installation.html" title="Installation">Installation</a></li>
-									<li ><a href="Upgrade.html" title="Upgrade">Upgrade</a></li>
-									<li ><a href="https://cwiki.apache.org/confluence/display/OPENMEETINGS/Tutorials+for+installing+OpenMeetings+and+Tools" title="Tutorials" class="externalLink">Tutorials</a></li>
-									<li ><a href="CommandLineAdmin.html" title="Command Line Admin">Command Line Admin</a></li>
-								</ul>
-							</li>
-							<li class="dropdown">
-								<a href="#" class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a>
-								<ul class="dropdown-menu">
-									<li ><a href="get-involved.html" title="Get Involved">Get Involved</a></li>
-									<li ><a href="team-list.html" title="Committers">Committers</a></li>
-									<li ><a href="OurUsers.html" title="Our Users">Our Users</a></li>
-									<li ><a href="mail-lists.html" title="Mailing Lists">Mailing Lists</a></li>
-									<li ><a href="http://cwiki.apache.org/confluence/display/OPENMEETINGS/" title="Wiki" class="externalLink">Wiki</a></li>
-								</ul>
-							</li>
-							<li class="dropdown">
-								<a href="#" class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a>
-								<ul class="dropdown-menu">
-									<li ><a href="source-repository.html" title="Source Code">Source Code</a></li>
-									<li ><a href="issue-tracking.html" title="Bugs / Issues">Bugs / Issues</a></li>
-									<li ><a href="dependencies.html" title="Dependencies">Dependencies</a></li>
-									<li ><a href="integration.html" title="Continuous Integration">Continuous Integration</a></li>
-									<li ><a href="BuildInstructions_3.0.x.html" title="Build Instructions 3.0.x">Build Instructions 3.0.x</a></li>
-									<li ><a href="BuildInstructions.html" title="Build Instructions">Build Instructions</a></li>
-									<li ><a href="JUnitTesting.html" title="JUnit Testing">JUnit Testing</a></li>
-									<li ><a href="ManualTesting.html" title="Manual Testing">Manual Testing</a></li>
-									<li ><a href="ReleaseGuide.html" title="Release Guide">Release Guide</a></li>
-									<li ><a href="WebsiteGuide.html" title="Website Guide">Website Guide</a></li>
-								</ul>
-							</li>
-							<li class="dropdown">
-								<a href="#" class="dropdown-toggle" data-toggle="dropdown">Configuration <b class="caret"></b></a>
-								<ul class="dropdown-menu">
-									<li class="dropdown-submenu ">
-										<a href="index.html#integration" title="Integration">Integration</a>
-										<ul class="dropdown-menu">
-											<li ><a href="openmeetings-webservice/apidocs/index.html" title="SOAP/REST API" target="_blank">SOAP/REST API</a></li>
-											<li ><a href="RestAPISample.html" title="REST API Sample">REST API Sample</a></li>
-											<li ><a href="LdapAndADS.html" title="Ldap and ADS">Ldap and ADS</a></li>
-											<li ><a href="oauth2.html" title="OAuth2">OAuth2</a></li>
-											<li ><a href="voip-sip-integration.html" title="VoIP and SIP">VoIP and SIP</a></li>
-											<li ><a href="errorvalues.html" title="Errors table">Errors table</a></li>
-											<li ><a href="CalDAVandGCal.html" title="CalDAV and Google Calendar integration">CalDAV and Google Calendar integration</a></li>
-											<li ><a href="ExternalVideo.html" title="External Video/Camera">External Video/Camera</a></li>
-										</ul>
-									</li>
-									<li class="dropdown-submenu ">
-										<a href="index.html#plugins" title="Plugins">Plugins</a>
-										<ul class="dropdown-menu">
-											<li ><a href="MoodlePlugin.html" title="Moodle Plugin">Moodle Plugin</a></li>
-											<li ><a href="SakaiPlugin.html" title="Sakai Plugin">Sakai Plugin</a></li>
-											<li ><a href="JiraPlugin.html" title="Jira Plugin">Jira Plugin</a></li>
-											<li ><a href="JoomlaPlugin.html" title="Joomla Plugin">Joomla Plugin</a></li>
-											<li ><a href="DrupalPlugin.html" title="Drupal Plugin">Drupal Plugin</a></li>
-											<li ><a href="BitrixPlugin.html" title="Bitrix Plugin">Bitrix Plugin</a></li>
-											<li ><a href="ConfluencePlugin.html" title="Confluence Plugin">Confluence Plugin</a></li>
-											<li ><a href="SugarCRMPlugin.html" title="SugarCRM Plugin">SugarCRM Plugin</a></li>
-											<li ><a href="RedminePlugin.html" title="Redmine Plugin">Redmine Plugin</a></li>
-										</ul>
-									</li>
-									<li class="dropdown-submenu ">
-										<a href="index.html#db" title="DB Sample Configurations">DB Sample Configurations</a>
-										<ul class="dropdown-menu">
-											<li ><a href="ApacheDerbyConfig.html" title="Apache Derby">Apache Derby</a></li>
-											<li ><a href="IBMDB2Config.html" title="IBM DB2">IBM DB2</a></li>
-											<li ><a href="OracleConfig.html" title="Oracle">Oracle</a></li>
-											<li ><a href="MySQLConfig.html" title="MySQL">MySQL</a></li>
-											<li ><a href="PostgresConfig.html" title="Postgres">Postgres</a></li>
-											<li ><a href="MSSQLConfig.html" title="MSSQL">MSSQL</a></li>
-										</ul>
-									</li>
-									<li class="dropdown-submenu ">
-										<a href="index.html#localization" title="Localization and languages">Localization and languages</a>
-										<ul class="dropdown-menu">
-											<li ><a href="Internationalisation.html" title="Internationalisation">Internationalisation</a></li>
-											<li ><a href="LanguageEditor.html" title="LanguageEditor">LanguageEditor</a></li>
-											<li ><a href="TimeZoneHandling.html" title="TimeZoneHandling">TimeZoneHandling</a></li>
-											<li ><a href="EditTemplates.html" title="EditTemplates">EditTemplates</a></li>
-										</ul>
-									</li>
-									<li class="dropdown-submenu ">
-										<a href="index.html#port" title="NAT Port Settings">NAT Port Settings</a>
-										<ul class="dropdown-menu">
-											<li ><a href="PortSettings.html" title="Port settings">Port settings</a></li>
-										</ul>
-									</li>
-									<li class="dropdown-submenu ">
-										<a href="index.html#performance" title="Performance">Performance</a>
-										<ul class="dropdown-menu">
-											<li ><a href="JVMPerformanceTuning.html" title="JVM performance tuning">JVM performance tuning</a></li>
-											<li ><a href="NetworkCalculator.html" title="Network bandwidth calculator">Network bandwidth calculator</a></li>
-										</ul>
-									</li>
-									<li class="dropdown-submenu ">
-										<a href="index.html#interface" title="User Interface">User Interface</a>
-										<ul class="dropdown-menu">
-											<li ><a href="themes-and-branding.html" title="Themes">Themes</a></li>
-											<li ><a href="Dashboard.html" title="Dashboard">Dashboard</a></li>
-											<li ><a href="WebcamResolutions.html" title="Webcam resolutions">Webcam resolutions</a></li>
-											<li ><a href="ConferenceRoomLayoutOptions.html" title="Room layout options">Room layout options</a></li>
-											<li ><a href="HotKeys.html" title="Hot Keys">Hot Keys</a></li>
-										</ul>
-									</li>
-									<li class="dropdown-submenu ">
-										<a href="index.html#customize" title="Customization">Customization</a>
-										<ul class="dropdown-menu">
-											<li ><a href="WebappNamePath.html" title="Webapp name/path">Webapp name/path</a></li>
-											<li ><a href="Navigation.html" title="Navigation">Navigation</a></li>
-											<li ><a href="CalendarAndTimezone.html" title="Calendar and timezone">Calendar and timezone</a></li>
-											<li ><a href="CustomRoomTypeHowTo.html" title="Custom room type">Custom room type</a></li>
-											<li ><a href="CustomCryptMechanism.html" title="Custom crypt mechanism">Custom crypt mechanism</a></li>
-											<li ><a href="GeneralConfiguration.html" title="General Configuration">General Configuration</a></li>
-										</ul>
-									</li>
-									<li class="dropdown-submenu ">
-										<a href="index.html#security" title="Security">Security</a>
-										<ul class="dropdown-menu">
-											<li ><a href="RestrictedAccess.html" title="Restricted Access">Restricted Access</a></li>
-											<li ><a href="RTMPSAndHTTPS.html" title="RTMPS and HTTPS">RTMPS and HTTPS</a></li>
-										</ul>
-									</li>
-									<li class="dropdown-submenu ">
-										<a href="index.html#convert" title="Converters">Converters</a>
-										<ul class="dropdown-menu">
-											<li ><a href="OpenOfficeConverter.html" title="OpenOffice Converter">OpenOffice Converter</a></li>
-										</ul>
-									</li>
-									<li class="dropdown-submenu ">
-										<a href="index.html#cluster" title="Clustering">Clustering</a>
-										<ul class="dropdown-menu">
-											<li ><a href="Clustering.html" title="Clustering">Clustering</a></li>
-										</ul>
-									</li>
-									<li class="dropdown-submenu ">
-										<a href="index.html#misc" title="Misc">Misc</a>
-										<ul class="dropdown-menu">
-											<li ><a href="GetVersionInfo.html" title="Get version info">Get version info</a></li>
-										</ul>
-									</li>
-								</ul>
-							</li>
-						</ul>
-					</div><!--/.nav-collapse -->
-				</div>
-			</div>
-		</div>
-
-	<div class="container">
-
-	<!-- Masthead
-	================================================== -->
-
-	<header>
-	<div class="jumbotron subhead">
-		<div class="row" id="banner">
-			<div class="span12">
-				<div class="pull-left">
-					<a href="" id="bannerLeft"><img src="images/logo.png" alt='"'Apache OpenMeetings'"' /></a>
-				</div>
-				<div class="pull-right">
-					<a href="http://apache.org" id="bannerRight"><img src="http://apache.org/img/asf_logo.png" alt='"'Apache'"' /></a>
-				</div>
-			</div>
-		</div>
-	</div>
-		<div>
-			<ul class="breadcrumb">
-				<li class="publishDate version-date">Last Published: 2017-10-30</li>
-			</ul>
-		</div>
-	</header>
-
-	<div class="main-body">
-	<div id="carousel0" class="carousel slide">
-		<div class="carousel-inner">
-			<div class="item active">
-				<img src="images/cut_conference_room.png" alt="Conference Room" />
-				<div class="carousel-caption">
-					<h2 id="AudioVideo_Conferencing">Audio/Video Conferencing</h2>  
+    <div class="navbar  navbar-default navbar-fixed-top">
+      <div class="container">
+        <!-- Brand and toggle get grouped for better mobile display -->
+                <div class="navbar-header">
+                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-navbar-collapse-1" aria-expanded="false">
+                    <span class="sr-only">Toggle navigation</span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    </button>
+                        <a class="navbar-brand" href="index.html"><span class="color-highlight">Apache</span> OpenMeetings</a>
+        </div> <!-- .navbar-header -->
+      <div class="collapse navbar-collapse" id="top-navbar-collapse-1">
+         <ul class="nav navbar-nav navbar-right">
+<li ><a  href="demo.html"  title="Demo" >Demo</a></li>
+<li ><a  href="downloads.html"  title="Download" >Download</a></li>
+<li ><a  href="https://cwiki.apache.org/confluence/display/OPENMEETINGS"  title="Wiki"  class="externalLink" >Wiki</a></li>
+                            <li class="dropdown active">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown">General <b class="caret"></b></a>
+                <ul class="dropdown-menu">
+                                    <li  class="active" ><a  href=""  title="Home" >Home</a></li>
+                    <li ><a  href="http://www.apache.org/licenses/"  title="License"  class="externalLink" >License</a></li>
+                    <li ><a  href="http://www.apache.org/"  title="ASF"  class="externalLink" >ASF</a></li>
+                    <li ><a  href="https://www.apache.org/foundation/sponsorship"  title="Sponsorship"  class="externalLink" >Sponsorship</a></li>
+                    <li ><a  href="https://www.apache.org/foundation/thanks"  title="Thanks"  class="externalLink" >Thanks</a></li>
+                    <li ><a  href="CallForLogo.html"  title="Call For Logo" >Call For Logo</a></li>
+                    <li ><a  href="NewsArchive.html"  title="News archive" >News archive</a></li>
+                    <li ><a  href="security.html"  title="Security" >Security</a></li>
+                    <li ><a  href="commercial-support.html"  title="Commercial Support" >Commercial Support</a></li>
+            </ul>
+        </li>
+            <li class="dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Installation <b class="caret"></b></a>
+                <ul class="dropdown-menu">
+                    <li ><a  href="installation.html"  title="Installation" >Installation</a></li>
+                    <li ><a  href="Upgrade.html"  title="Upgrade" >Upgrade</a></li>
+                    <li ><a  href="https://cwiki.apache.org/confluence/display/OPENMEETINGS/Tutorials+for+installing+OpenMeetings+and+Tools"  title="Tutorials"  class="externalLink" >Tutorials</a></li>
+                    <li ><a  href="CommandLineAdmin.html"  title="Command Line Admin" >Command Line Admin</a></li>
+            </ul>
+        </li>
+            <li class="dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Community <b class="caret"></b></a>
+                <ul class="dropdown-menu">
+                    <li ><a  href="get-involved.html"  title="Get Involved" >Get Involved</a></li>
+                    <li ><a  href="team-list.html"  title="Committers" >Committers</a></li>
+                    <li ><a  href="OurUsers.html"  title="Our Users" >Our Users</a></li>
+                    <li ><a  href="mail-lists.html"  title="Mailing Lists" >Mailing Lists</a></li>
+                    <li ><a  href="http://cwiki.apache.org/confluence/display/OPENMEETINGS/"  title="Wiki"  class="externalLink" >Wiki</a></li>
+            </ul>
+        </li>
+            <li class="dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Configuration <b class="caret"></b></a>
+                <ul class="dropdown-menu">
+                    <li class="dropdown-submenu ">
+<a  href="index.html#integration"  title="Integration" >Integration</a>                    <ul class="dropdown-menu">
+                        <li ><a  href="openmeetings-webservice/apidocs/index.html"  title="SOAP/REST API"  target="_blank" >SOAP/REST API</a></li>
+                        <li ><a  href="RestAPISample.html"  title="REST API Sample" >REST API Sample</a></li>
+                        <li ><a  href="LdapAndADS.html"  title="Ldap and ADS" >Ldap and ADS</a></li>
+                        <li ><a  href="oauth2.html"  title="OAuth2" >OAuth2</a></li>
+                        <li ><a  href="voip-sip-integration.html"  title="VoIP and SIP" >VoIP and SIP</a></li>
+                        <li ><a  href="errorvalues.html"  title="Errors table" >Errors table</a></li>
+                        <li ><a  href="CalDAVandGCal.html"  title="CalDAV and Google Calendar integration" >CalDAV and Google Calendar integration</a></li>
+                        <li ><a  href="ExternalVideo.html"  title="External Video/Camera" >External Video/Camera</a></li>
+                    </ul>
+                </li>
+                    <li class="dropdown-submenu ">
+<a  href="index.html#plugins"  title="Plugins" >Plugins</a>                    <ul class="dropdown-menu">
+                        <li ><a  href="MoodlePlugin.html"  title="Moodle Plugin" >Moodle Plugin</a></li>
+                        <li ><a  href="SakaiPlugin.html"  title="Sakai Plugin" >Sakai Plugin</a></li>
+                        <li ><a  href="JiraPlugin.html"  title="Jira Plugin" >Jira Plugin</a></li>
+                        <li ><a  href="JoomlaPlugin.html"  title="Joomla Plugin" >Joomla Plugin</a></li>
+                        <li ><a  href="DrupalPlugin.html"  title="Drupal Plugin" >Drupal Plugin</a></li>
+                        <li ><a  href="BitrixPlugin.html"  title="Bitrix Plugin" >Bitrix Plugin</a></li>
+                        <li ><a  href="ConfluencePlugin.html"  title="Confluence Plugin" >Confluence Plugin</a></li>
+                        <li ><a  href="SugarCRMPlugin.html"  title="SugarCRM Plugin" >SugarCRM Plugin</a></li>
+                        <li ><a  href="RedminePlugin.html"  title="Redmine Plugin" >Redmine Plugin</a></li>
+                    </ul>
+                </li>
+                    <li class="dropdown-submenu ">
+<a  href="index.html#db"  title="DB Sample Configurations" >DB Sample Configurations</a>                    <ul class="dropdown-menu">
+                        <li ><a  href="ApacheDerbyConfig.html"  title="Apache Derby" >Apache Derby</a></li>
+                        <li ><a  href="IBMDB2Config.html"  title="IBM DB2" >IBM DB2</a></li>
+                        <li ><a  href="OracleConfig.html"  title="Oracle" >Oracle</a></li>
+                        <li ><a  href="MySQLConfig.html"  title="MySQL" >MySQL</a></li>
+                        <li ><a  href="PostgresConfig.html"  title="Postgres" >Postgres</a></li>
+                        <li ><a  href="MSSQLConfig.html"  title="MSSQL" >MSSQL</a></li>
+                    </ul>
+                </li>
+                    <li class="dropdown-submenu ">
+<a  href="index.html#localization"  title="Localization and languages" >Localization and languages</a>                    <ul class="dropdown-menu">
+                        <li ><a  href="Internationalisation.html"  title="Internationalisation" >Internationalisation</a></li>
+                        <li ><a  href="LanguageEditor.html"  title="LanguageEditor" >LanguageEditor</a></li>
+                        <li ><a  href="TimeZoneHandling.html"  title="TimeZoneHandling" >TimeZoneHandling</a></li>
+                        <li ><a  href="EditTemplates.html"  title="EditTemplates" >EditTemplates</a></li>
+                    </ul>
+                </li>
+                    <li class="dropdown-submenu ">
+<a  href="index.html#port"  title="NAT Port Settings" >NAT Port Settings</a>                    <ul class="dropdown-menu">
+                        <li ><a  href="PortSettings.html"  title="Port settings" >Port settings</a></li>
+                    </ul>
+                </li>
+                    <li class="dropdown-submenu ">
+<a  href="index.html#performance"  title="Performance" >Performance</a>                    <ul class="dropdown-menu">
+                        <li ><a  href="JVMPerformanceTuning.html"  title="JVM performance tuning" >JVM performance tuning</a></li>
+                        <li ><a  href="NetworkCalculator.html"  title="Network bandwidth calculator" >Network bandwidth calculator</a></li>
+                    </ul>
+                </li>
+                    <li class="dropdown-submenu ">
+<a  href="index.html#interface"  title="User Interface" >User Interface</a>                    <ul class="dropdown-menu">
+                        <li ><a  href="themes-and-branding.html"  title="Themes" >Themes</a></li>
+                        <li ><a  href="Dashboard.html"  title="Dashboard" >Dashboard</a></li>
+                        <li ><a  href="WebcamResolutions.html"  title="Webcam resolutions" >Webcam resolutions</a></li>
+                        <li ><a  href="ConferenceRoomLayoutOptions.html"  title="Room layout options" >Room layout options</a></li>
+                        <li ><a  href="HotKeys.html"  title="Hot Keys" >Hot Keys</a></li>
+                    </ul>
+                </li>
+                    <li class="dropdown-submenu ">
+<a  href="index.html#customize"  title="Customization" >Customization</a>                    <ul class="dropdown-menu">
+                        <li ><a  href="WebappNamePath.html"  title="Webapp name/path" >Webapp name/path</a></li>
+                        <li ><a  href="Navigation.html"  title="Navigation" >Navigation</a></li>
+                        <li ><a  href="CalendarAndTimezone.html"  title="Calendar and timezone" >Calendar and timezone</a></li>
+                        <li ><a  href="CustomRoomTypeHowTo.html"  title="Custom room type" >Custom room type</a></li>
+                        <li ><a  href="CustomCryptMechanism.html"  title="Custom crypt mechanism" >Custom crypt mechanism</a></li>
+                        <li ><a  href="GeneralConfiguration.html"  title="General Configuration" >General Configuration</a></li>
+                    </ul>
+                </li>
+                    <li class="dropdown-submenu ">
+<a  href="index.html#security"  title="Security" >Security</a>                    <ul class="dropdown-menu">
+                        <li ><a  href="RestrictedAccess.html"  title="Restricted Access" >Restricted Access</a></li>
+                        <li ><a  href="RTMPSAndHTTPS.html"  title="RTMPS and HTTPS" >RTMPS and HTTPS</a></li>
+                    </ul>
+                </li>
+                    <li class="dropdown-submenu ">
+<a  href="index.html#convert"  title="Converters" >Converters</a>                    <ul class="dropdown-menu">
+                        <li ><a  href="OpenOfficeConverter.html"  title="OpenOffice Converter" >OpenOffice Converter</a></li>
+                    </ul>
+                </li>
+                    <li class="dropdown-submenu ">
+<a  href="index.html#cluster"  title="Clustering" >Clustering</a>                    <ul class="dropdown-menu">
+                        <li ><a  href="Clustering.html"  title="Clustering" >Clustering</a></li>
+                    </ul>
+                </li>
+                    <li class="dropdown-submenu ">
+<a  href="index.html#misc"  title="Misc" >Misc</a>                    <ul class="dropdown-menu">
+                        <li ><a  href="GetVersionInfo.html"  title="Get version info" >Get version info</a></li>
+                    </ul>
+                </li>
+            </ul>
+        </li>
+            <li class="dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Development <b class="caret"></b></a>
+                <ul class="dropdown-menu">
+                    <li ><a  href="source-repository.html"  title="Source Code" >Source Code</a></li>
+                    <li ><a  href="issue-tracking.html"  title="Bugs / Issues" >Bugs / Issues</a></li>
+                    <li ><a  href="dependencies.html"  title="Dependencies" >Dependencies</a></li>
+                    <li ><a  href="integration.html"  title="Continuous Integration" >Continuous Integration</a></li>
+                    <li ><a  href="BuildInstructions_3.0.x.html"  title="Build Instructions 3.0.x" >Build Instructions 3.0.x</a></li>
+                    <li ><a  href="BuildInstructions.html"  title="Build Instructions" >Build Instructions</a></li>
+                    <li ><a  href="JUnitTesting.html"  title="JUnit Testing" >JUnit Testing</a></li>
+                    <li ><a  href="ManualTesting.html"  title="Manual Testing" >Manual Testing</a></li>
+                    <li ><a  href="ReleaseGuide.html"  title="Release Guide" >Release Guide</a></li>
+                    <li ><a  href="WebsiteGuide.html"  title="Website Guide" >Website Guide</a></li>
+            </ul>
+        </li>
+          </ul>
+        </div><!--/.nav-collapse -->
+      </div> <!--/.container -->
+    </div> <!--/.container -->
+  <div class="container">
+  <!-- Masthead -->
+  <!-- ================================================== -->  <header>
+  <div class="jumbotron subhead">
+    <div class="row" id="banner">
+      <div class="col-md-12">
+        <div class="pull-left">
+                                                      <a href="" id="bannerLeft">
+                    <img src="images/logo.png"
+                 alt='"'Apache OpenMeetings'"'
+ />            </a>
+        </div>
+        <div class="pull-right">
+                                      <a href="https://apache.org" id="bannerRight">
+                    <img src="https://apache.org/img/asf_logo.png"
+                 alt='"'Apache'"'
+ />            </a>
+        </div>
+      </div>
+    </div>
+  </div>
+    <div>
+      <ol class="breadcrumb">
+      <li class="publishDate version-date">
+    Last Published: 2017-12-06
+</li>
+      </ol>
+    </div>
+  </header>
+  <div class="main-body">
+    <div id="carousel0" class="carousel slide" data-ride="carousel">
+        <div class="carousel-inner">
+            <div class="item active">
+<img src="images/cut_conference_room.png" alt="Conference Room" class="img-responsive">
+                <div class="carousel-caption">
+                    <h2 id="AudioVideo_Conferencing">Audio/Video Conferencing</h2>  
 <p>OpenMeetings enables you to make Audio/Video conferencing.</p> 
 <div class="section"> 
-</div>
-				</div>
-			</div>
-			<div class="item ">
-				<img src="images/cut_integrated_calendar.png" alt="Calendar" />
-				<div class="carousel-caption">
-					<h2 id="Calendar">Calendar</h2>  
+</div>                </div> <!-- .carousel-caption -->
+            </div> <!-- .item -->
+            <div class="item ">
+<img src="images/cut_integrated_calendar.png" alt="Calendar" class="img-responsive">
+                <div class="carousel-caption">
+                    <h2 id="Calendar">Calendar</h2>  
 <p>You can create meetings with the integrated calendar, conference rooms and invitations are automatically send to everybody</p> 
 <div class="section"> 
-</div>
-				</div>
-			</div>
-			<div class="item ">
-				<img src="images/cut_file_explorer.png" alt="File Explorer" />
-				<div class="carousel-caption">
-					<h2 id="File_Explorer">File Explorer</h2>  
+</div>                </div> <!-- .carousel-caption -->
+            </div> <!-- .item -->
+            <div class="item ">
+<img src="images/cut_file_explorer.png" alt="File Explorer" class="img-responsive">
+                <div class="carousel-caption">
+                    <h2 id="File_Explorer">File Explorer</h2>  
 <p>Each room has its own File-Explorer. Each user has his own private drive and additionally there is a public drive to share files with other participants</p> 
 <div class="section"> 
-</div>
-				</div>
-			</div>
-			<div class="item ">
-				<img src="images/cut_integration_api.png" alt="Integration API" />
-				<div class="carousel-caption">
-					<h2 id="Integration_API">Integration API</h2>  
+</div>                </div> <!-- .carousel-caption -->
+            </div> <!-- .item -->
+            <div class="item ">
+<img src="images/cut_integration_api.png" alt="Integration API" class="img-responsive">
+                <div class="carousel-caption">
+                    <h2 id="Integration_API">Integration API</h2>  
 <p>There is a SOAP/REST API to integrate into your website or intranet, as well as LDAP/ADS connectors and VoIP/Asterisk integration modules</p> 
 <div class="section"> 
-</div>
-				</div>
-			</div>
-			<div class="item ">
-				<img src="images/cut_private_messages.png" alt="Private messages" />
-				<div class="carousel-caption">
-					<h2 id="Private_messages_and_contacts">Private messages and contacts</h2>  
+</div>                </div> <!-- .carousel-caption -->
+            </div> <!-- .item -->
+            <div class="item ">
+<img src="images/cut_private_messages.png" alt="Private messages" class="img-responsive">
+                <div class="carousel-caption">
+                    <h2 id="Private_messages_and_contacts">Private messages and contacts</h2>  
 <p>From the private message center you can send invitations by email and attach meeting invitations to every email</p> 
 <div class="section"> 
-</div>
-				</div>
-			</div>
-			<div class="item ">
-				<img src="images/cut_administration_configuration.png" alt="Administration" />
-				<div class="carousel-caption">
-					<h2 id="Administration_and_Configuration">Administration and Configuration</h2>  
+</div>                </div> <!-- .carousel-caption -->
+            </div> <!-- .item -->
+            <div class="item ">
+<img src="images/cut_administration_configuration.png" alt="Administration" class="img-responsive">
+                <div class="carousel-caption">
+                    <h2 id="Administration_and_Configuration">Administration and Configuration</h2>  
 <p>You can configure users, rooms, usergroups, config settings or edit labels with a Web-Frontend integrated in the application</p> 
 <div class="section"> 
-</div>
-				</div>
-			</div>
-			<div class="item ">
-				<img src="images/cut_recordings_playback.png" alt="Share and Record" />
-				<div class="carousel-caption">
-					<h2 id="Screen_sharing_and_Recording">Screen sharing and Recording</h2>  
-<p>You can do screen sharing as well as recording of whole sessions including audio/video. Recordings can be downloaded as AVI/FLV or watched online in the integrated player.</p>
-				</div>
-			</div>
-		</div>
-		<a class="left carousel-control" href="#carousel0" data-slide="prev">&lsaquo;</a>
-		<a class="right carousel-control" href="#carousel0" data-slide="next">&rsaquo;</a>
-	</div>
-	<div class="row">
-		<div class="span8">
-			<div class="body-content">
-				<div class="section"> 
+</div>                </div> <!-- .carousel-caption -->
+            </div> <!-- .item -->
+            <div class="item ">
+<img src="images/cut_recordings_playback.png" alt="Share and Record" class="img-responsive">
+                <div class="carousel-caption">
+                    <h2 id="Screen_sharing_and_Recording">Screen sharing and Recording</h2>  
+<p>You can do screen sharing as well as recording of whole sessions including audio/video. Recordings can be downloaded as AVI/FLV or watched online in the integrated player.</p>                </div> <!-- .carousel-caption -->
+            </div> <!-- .item -->
+        </div> <!-- .carousel-inner -->
+        <!-- Controls -->
+        <a class="left carousel-control" href="#carousel0" role="button" data-slide="prev">
+            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+            <span class="sr-only">Previous</span>
+        </a>
+        <a class="right carousel-control" href="#carousel0" role="button" data-slide="next">
+            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+            <span class="sr-only">Next</span>
+        </a>
+    </div>
+    <div class="row">
+
+      <div class="col-md-8">
+            <div class="body-content">
+<div class="section"> 
  <div class="page-header">
   <h2 id="Apache_OpenMeetings_-_Features_and_overview">Apache OpenMeetings - Features and overview</h2>
  </div> 
@@ -322,35 +305,27 @@
 <div class="section"> 
  <h2 id="News">News</h2> 
  <div class="bs-callout bs-callout-danger"> 
-  <b>Version 4.0.0 released!</b> 
+  <b>Version 4.0.1 released!</b> 
   <div>
-    Release 4.0.0, provides following improvements: 
-   <br /> 
-   <ul> 
-    <li>Room White board is rewritten to use HTML5 instead of Flash</li> 
-    <li>All Audio/Video components were rewritten using Apache Flex</li> 
-    <li>Bunch of automatic tests were written, code was cleaned-up and simplified</li> 
-    <li>outdated SMSlib was removed from the dependencies</li> 
-    <li>RTL in room is improved</li> 
-    <li>swftool 3rd party tool is not required any more</li> 
-    <li>OAuth authorization is fixed additional VK provider is added</li> 
-    <li>language resources are minimized</li> 
-    <li>performance is improved</li> 
-   </ul> 
-   <br /> Admin-&gt;Config 
-   <br /> 
-   <br /> 
+    Release 4.0.1, provides following improvements: 
+   <br> 
    <ul> 
-    <li>config keys are generalized</li> 
-    <li>config types are introduced</li> 
+    <li>Openlaszlo code is removed</li> 
+    <li>Login via OAuth is improved</li> 
+    <li>External video source is room is fixed</li> 
+    <li>Multiple improvements of White-board</li> 
+    <li>Multiple improvements of Chat</li> 
+    <li>JS/CSS files are minified and merged to reduce load time</li> 
+    <li>Overall stability is improved</li> 
    </ul> Other fixes and improvements 
-   <br /> 
-   <span class="bs-callout bs-callout-info">Please update to this release from any previous OpenMeetings release</span> 
+   <div class="bs-callout bs-callout-info">
+     Please update to this release from any previous OpenMeetings release 
+   </div> 
   </div> 
-  <br /> 
-  <span> 515 issues are fixed please check <br /> <a class="externalLink" href="https://www.apache.org/dist/openmeetings/4.0.0/CHANGELOG">CHANGELOG</a> and <a class="externalLink" href="https://issues.apache.org/jira/secure/ReleaseNote.jspa?projectId=12312720&amp;version=12324572">Detailed list</a> </span> 
+  <br> 
+  <span> 43 issues are fixed please check <br> <a class="externalLink" href="https://www.apache.org/dist/openmeetings/4.0.1/CHANGELOG">CHANGELOG</a> and <a class="externalLink" href="https://issues.apache.org/jira/secure/ReleaseNote.jspa?projectId=12312720&amp;version=12342042">Detailed list</a> </span> 
   <span> See <a href="downloads.html">Downloads page</a>.</span> 
-  <span class="date">(2017-11-04)</span> 
+  <span class="date">(2017-12-09)</span> 
  </div> 
  <div class="bs-callout bs-callout-info"> 
   <span class="date"><a href="NewsArchive.html">You can find older news here</a></span> 
@@ -372,10 +347,10 @@
  <div class="section"> 
   <h3 id="Audio_and_Video_Conferencing">Audio and Video Conferencing</h3> 
   <div class="row"> 
-   <div class="span3"> 
-    <a href="images/Features_Screen_Conference_Room_Thumb.png" class="example-image-link" title="OpenMeetings Conference Room" style="float:none; display: block; width:250px;height:175px;border:0;" data-lightbox="page"> <img src="images/Features_Screen_Conference_Room_Thumb.png" title="OpenMeetings Conference Room" style="width: 250px; height: 175px;" alt="" /> </a> 
+   <div class="col-md-5"> 
+    <a href="images/Features_Screen_Conference_Room_Thumb.png" class="example-image-link" title="OpenMeetings Conference Room" style="float:none; display: block; width:250px;height:175px;border:0;" data-lightbox="page"> <img src="images/Features_Screen_Conference_Room_Thumb.png" title="OpenMeetings Conference Room" style="width: 250px; height: 175px;" alt="" class="img-responsive"> </a> 
    </div> 
-   <div class="span5"> 
+   <div class="col-md-5"> 
     <span class="p_content">There are four options to use OpenMeetings audio/video functions, which you can select during a conference session. </span> 
     <ul> 
      <li>audio + video</li> 
@@ -390,11 +365,11 @@
  <div class="section"> 
   <h3 id="Meeting_recording_and_Screen_sharing">Meeting recording and Screen sharing</h3> 
   <div class="row"> 
-   <div class="span3"> 
-    <a href="images/desktopsharing.png" class="example-image-link" title="Screensharing-recording" style="float:none; display: block; width: 140px; height: 150px" data-lightbox="page"> <img src="images/desktopsharing.png" title="Screensharing-recording" style="float:none; display: block; width: 140px; height: 150px" alt="" /> </a> 
-    <a href="images/recordings_timeleine.png" class="example-image-link" title="Device" style="float:none; display: block; width: 200px; height: 115px" data-lightbox="page"> <img src="images/recordings_timeleine.png" title="Device" style="float:none; display: block; width: 200px; height: 115px" alt="" /> </a> 
+   <div class="col-md-5"> 
+    <a href="images/desktopsharing.png" class="example-image-link" title="Screensharing-recording" style="float:none; display: block; width: 140px; height: 150px" data-lightbox="page"> <img src="images/desktopsharing.png" title="Screensharing-recording" style="float:none; display: block; width: 140px; height: 150px" alt="" class="img-responsive"> </a> 
+    <a href="images/recordings_timeleine.png" class="example-image-link" title="Device" style="float:none; display: block; width: 200px; height: 115px" data-lightbox="page"> <img src="images/recordings_timeleine.png" title="Device" style="float:none; display: block; width: 200px; height: 115px" alt="" class="img-responsive"> </a> 
    </div> 
-   <div class="span5"> 
+   <div class="col-md-5"> 
     <ul> 
      <li>Recorded sessions contain everything including sound recorded from all audio streams in exactly the way you've seen it in the conference. </li> 
      <li>Recorded sessions can be downloaded as AVI/FLV files.</li> 
@@ -406,14 +381,14 @@
   </div> 
  </div> 
  <div class="section"> 
-  <h3 id="File_Explorer">File Explorer</h3> 
+  <h3 id="Room_File_Explorer">Room File Explorer</h3> 
   <div class="row"> 
-   <div class="span3"> 
-    <a href="images/file_smal.png" class="example-image-link" title="File Explorer" style="float:none; display: block; width:135px;height:200px;border:0;" data-lightbox="page"> <img src="images/file_smal.png" title="File Explorer" alt="" style="float:none; display: block; width:135px;height:200px;border:0;" /> </a> 
+   <div class="col-md-5"> 
+    <a href="images/file_smal.png" class="example-image-link" title="File Explorer" style="float:none; display: block; width:135px;height:200px;border:0;" data-lightbox="page"> <img src="images/file_smal.png" title="File Explorer" alt="" style="float:none; display: block; width:135px;height:200px;border:0;" class="img-responsive"> </a> 
    </div> 
-   <div class="span5"> 
+   <div class="col-md-5"> 
     <span class="p_content">Advanced File-Explorer in every conference room, Drag and Drop interface for managing uploaded files, including the possibility to create a document tree with folders. </span> 
-    <br /> 
+    <br> 
     <span class="p_content"> Private and Public Drive in File-Explorer. The File-Explorer has two different views, one is the <b>Private Drive</b> and the other the <b>Public Drive</b>. The Private Drive always contains the same files. Those files are visible only to the user currently loggedin. The Public Drive is not bound to the user, but to the conference room instead. All users in the conference room have access to the Public Drive. </span> 
    </div> 
   </div> 
@@ -421,18 +396,21 @@
  <div class="section"> 
   <h3 id="Moderating_System">Moderating System</h3> 
   <div class="row"> 
-   <div class="span3"> 
-    <a href="images/right_management.png" class="example-image-link" title="Right management" style="float:none; display: block; width:135px;height:216px;border:0;" data-lightbox="page"> <img src="images/right_management.png" title="Right management" alt="" style="float:none; display: block; width:135px;height:216px;border:0;" /> </a> 
+   <div class="col-md-5"> 
+    <a href="images/right_management.png" class="example-image-link" title="Right management" style="float:none; display: block; width:135px;height:216px;border:0;" data-lightbox="page"> <img src="images/right_management.png" title="Right management" alt="" style="float:none; display: block; width:135px;height:216px;border:0;" class="img-responsive"> </a> 
    </div> 
-   <div class="span5"> 
+   <div class="col-md-5"> 
     <span class="p_content">During a conference, the moderator can adjust the user permission to every user individually.</span> 
     <ul> 
-     <li> <img src="images/user_add.png" class="alignnone" title="Allow modaration" alt="" /> Allow/Deny moderation </li> 
-     <li> <img src="images/pencil_add.png" class="alignnone" title="Whiteboard Access" alt="" /> Allow/Deny to draw on white board </li> 
-     <li> <img src="images/monitor_add.png" class="alignnone" title="Screenshare" alt="" /> Allow/Deny screen-sharing/record screen </li> 
-     <li> <img src="images/mouse_add.png" class="alignnone" title="Remote control" alt="" /> Allow/Deny Remote Control Screen </li> 
-     <li> <img src="images/micro_small.png" class="alignnone" title="Remote control" alt="" /> Give exclusive audio to others or self </li> 
-     <li> <img src="images/audio_and_video.png" class="alignnone" title="Video Audio" alt="" /> (Re-) Start Audio, Video or Device settings </li> 
+     <li> <img src="images/user_add.png" class="alignnone img-responsive" title="Allow modaration" alt=""> Allow/Deny moderation </li> 
+     <li> <img src="images/pencil_add.png" class="alignnone img-responsive" title="Whiteboard Access" alt=""> Allow/Deny right to draw on white board </li> 
+     <li> <img src="images/wand_add.png" class="alignnone img-responsive" title="Presenter right" alt=""> Add/Remove presenter role </li> 
+     <li> <img src="images/monitor_add.png" class="alignnone img-responsive" title="Screenshare" alt=""> Allow/Deny screen-sharing/record screen </li> 
+     <li> <img src="images/mouse_add.png" class="alignnone img-responsive" title="Remote control" alt=""> Allow/Deny Remote Control Screen </li> 
+     <li> <img src="images/microphone_exclusive.png" class="alignnone img-responsive" title="Right for exclusive audio" alt=""> Allow/Deny right for exclusive audio </li> 
+     <li> <img src="images/micro_small.png" class="alignnone img-responsive" title="Exclusive audio" alt=""> Give exclusive audio to others or self </li> 
+     <li> <img src="images/webcam_add.png" class="alignnone img-responsive" title="Video" alt=""> Allow/Deny Video </li> 
+     <li> <img src="images/microphone_add.png" class="alignnone img-responsive" title="Audio" alt=""> Allow/Deny Audio </li> 
     </ul> 
    </div> 
   </div> 
@@ -440,44 +418,44 @@
  <div class="section"> 
   <h3 id="Multi-Whiteboard_and_Chat">Multi-Whiteboard and Chat</h3> 
   <div class="row"> 
-   <div class="span3"> 
-    <a href="images/whiteboard.png" class="example-image-link" title="Whiteboard" style="float:none; display: block; width:240px;height:165px;border:0;" data-lightbox="page"> <img src="images/whiteboard.png" title="Whiteboard" style="float:none; display: block; width: 240px; height: 165px" alt="" /> </a> 
-    <a href="images/chat.png" class="example-image-link" title="Chat in Conference Room" style="float:none; display: block; width:240px;height:68px;border:0;" data-lightbox="page"> <img src="images/chat.png" title="Chat in Conference Room" style="float:none; display: block; width: 240px; height: 68px" alt="" /> </a> 
+   <div class="col-md-5"> 
+    <a href="images/whiteboard.png" class="example-image-link" title="Whiteboard" style="float:none; display: block; width:240px;height:165px;border:0;" data-lightbox="page"> <img src="images/whiteboard.png" title="Whiteboard" style="float:none; display: block; width: 240px; height: 165px" alt="" class="img-responsive"> </a> 
+    <a href="images/chat.png" class="example-image-link" title="Chat in Conference Room" style="float:none; display: block; width:120px;height:240px;border:0;" data-lightbox="page"> <img src="images/chat.png" title="Chat in Conference Room" style="float:none; display: block; width: 240px; height: 68px" alt="" class="img-responsive"> </a> 
    </div> 
-   <div class="span5"> 
-    <span class="p_content" style="width: 450px"> Multi-Whiteboard, you can add new whiteboard instances, each white board can have the full range of tools and documents inside. <br /> <br /> Save white boards. You can save each whiteboard instance as a file. The file is located in the File-Explorer and can be drag n' drop'ed to the white board again and organized like any other document, image or folder. <br /> <br /> White board with drawing, writing, Drag n' Drop, Resizing, Images (Drag n' Drop from File-Explorer), Symbol(s)/Cliparts . <br /> <br /> Full-fit does rescale the document on the screen to be 100% visible on all screens no matter what kind of screen resolution different users have. <br /> <br /> You can import from a wide range of document formats (PDF, DOC, ODT, PPT, et cetera...) </span> 
+   <div class="col-md-5"> 
+    <span class="p_content" style="width: 450px"> Multi-Whiteboard, you can add new whiteboard instances, each white board can have the full range of tools and documents inside. <br> <br> Save white boards. You can save each whiteboard instance as a file. The file is located in the File-Explorer and can be drag n' drop'ed to the white board again and organized like any other document, image or folder. <br> <br> White board with drawing, writing, Drag n' Drop, Resizing, Images (Drag n' Drop from File-Explorer), Symbol(s)/Cliparts . <br> <br> Full-fit does rescale the document on the screen to be 100% visible on all screens no matter what kind of screen resolution different users have. <br> <br> You can import from a wide range of document formats (PDF, DOC, ODT, PPT, et cetera...) </span> 
    </div> 
   </div> 
  </div> 
  <div class="section"> 
   <h3 id="User_and_room_management">User and room management</h3> 
   <div class="row"> 
-   <div class="span3"> 
-    <a href="images/dashboard.png" class="example-image-link" title="Dashboard with MyRooms" style="float:none; display: block; width:250px;height:130px;border:0;" data-lightbox="page"> <img src="images/dashboard.png" title="Dashboard with MyRooms" alt="" style="float:none; display: block; width:250px;height:130px;border:0;" /> </a> 
+   <div class="col-md-5"> 
+    <a href="images/dashboard.png" class="example-image-link" title="Dashboard with MyRooms" style="float:none; display: block; width:250px;height:130px;border:0;" data-lightbox="page"> <img src="images/dashboard.png" title="Dashboard with MyRooms" alt="" style="float:none; display: block; width:250px;height:130px;border:0;" class="img-responsive"> </a> 
    </div> 
-   <div class="span5"> 
-    <span class="p_content"> You can manage users and multiple organizations in a single OpenMeetings instance. You can also create users that only have access via the SOAP-API. <br /> <br /> MyRooms section. Each user has by default 2 personal rooms that are always accessible exclusively for that user. There are buttons to enter those rooms from the Dashboard. <br /> <br /> You can assign conference room to all users, or you can assign them only to specific user-groups. </span> 
+   <div class="col-md-5"> 
+    <span class="p_content"> You can manage users and multiple organizations in a single OpenMeetings instance. You can also create users that only have access via the SOAP-API. <br> <br> MyRooms section. Each user has by default 2 personal rooms that are always accessible exclusively for that user. There are buttons to enter those rooms from the Dashboard. <br> <br> You can assign conference room to all users, or you can assign them only to specific user-groups. </span> 
    </div> 
   </div> 
  </div> 
  <div class="section"> 
   <h3 id="Private_message_center">Private message center</h3> 
   <div class="row"> 
-   <div class="span3"> 
-    <a href="images/privat_messages.png" class="example-image-link" title="Private Messages and Contact Search" style="float:none; display: block; width:230px;height:125px;border:0;" data-lightbox="page"> <img src="images/privat_messages.png" title="Private Messages and Contact Search" alt="" style="float:none; display: block; width:230px;height:125px;border:0;" /> </a> 
+   <div class="col-md-5"> 
+    <a href="images/privat_messages.png" class="example-image-link" title="Private Messages and Contact Search" style="float:none; display: block; width:230px;height:125px;border:0;" data-lightbox="page"> <img src="images/privat_messages.png" title="Private Messages and Contact Search" alt="" style="float:none; display: block; width:230px;height:125px;border:0;" class="img-responsive"> </a> 
    </div> 
-   <div class="span5"> 
-    <span class="p_content"> Send users messages and organize them in folders. You can book conference rooms by sending private messages. The booked event automatically is in your and the participants calendar, changes to that event will be populated to all users booked to the event. <br /> <br /> User contacts, you can search users and add them to your contacts. You can even give them the right to see your calendar. </span> 
+   <div class="col-md-5"> 
+    <span class="p_content"> Send users messages and organize them in folders. You can book conference rooms by sending private messages. The booked event automatically is in your and the participants calendar, changes to that event will be populated to all users booked to the event. <br> <br> User contacts, you can search users and add them to your contacts. You can even give them the right to see your calendar. </span> 
    </div> 
   </div> 
  </div> 
  <div class="section"> 
   <h3 id="Plan_meetings_with_integrated_calendar">Plan meetings with integrated calendar</h3> 
   <div class="row"> 
-   <div class="span3"> 
-    <a href="images/calendar.png" class="example-image-link" title="Calendar" style="float:none; display: block; width:200px;height:115px;border:0;" data-lightbox="page"> <img src="images/calendar.png" title="Calendar" alt="" style="float:none; display: block; width:200px;height:115px;border:0;" /> </a> 
+   <div class="col-md-5"> 
+    <a href="images/calendar.png" class="example-image-link" title="Calendar" style="float:none; display: block; width:200px;height:115px;border:0;" data-lightbox="page"> <img src="images/calendar.png" title="Calendar" alt="" style="float:none; display: block; width:200px;height:115px;border:0;" class="img-responsive"> </a> 
    </div> 
-   <div class="span5"> 
+   <div class="col-md-5"> 
     <ul> 
      <li>Plan your conferencing and invite attendees from OpenMeetings or External.</li> 
      <li>The invited attendees will recieve an E-mail with details to the meetings and a link with a secure hash to the conference room. </li> 
@@ -489,203 +467,158 @@
  <div class="section"> 
   <h3 id="Polls_and_Votes">Polls and Votes</h3> 
   <div class="row"> 
-   <div class="span3"> 
-    <a href="images/poll.png" class="example-image-link" title="Create a poll" style="float:none; display: block; width:250px;height:250px;border:0;" data-lightbox="page"> <img src="images/poll.png" title="Create a poll" alt="" style="float:none; display: block; width:250px;height:250px;border:0;" /> </a> 
+   <div class="col-md-5"> 
+    <a href="images/poll.png" class="example-image-link" title="Create a poll" style="float:none; display: block; width:250px;height:250px;border:0;" data-lightbox="page"> <img src="images/poll.png" title="Create a poll" alt="" style="float:none; display: block; width:250px;height:250px;border:0;" class="img-responsive"> </a> 
    </div> 
-   <div class="span5"> 
-    <span class="p_content"> You can create a poll with yes/no or 1-10 questions, let the user vote and see the voting results. <br /> <br /> Polls can be stored and results viewed as pie-chart </span> 
+   <div class="col-md-5"> 
+    <span class="p_content"> You can create a poll with yes/no or 1-10 questions, let the user vote and see the voting results. <br> <br> Polls can be stored and results viewed as pie-chart </span> 
    </div> 
   </div> 
  </div> 
  <div class="section"> 
   <h3 id="Backup">Backup</h3> 
   <div class="row"> 
-   <div class="span3"> 
-    <a href="images/backup.png" class="example-image-link" title="Backup" style="float:none; display: block; width:240px;height:135px;border:0;" data-lightbox="page"> <img src="images/backup.png" title="Backup" alt="" style="float:none; display: block; width:250px;height:135px;border:0;" /> </a> 
+   <div class="col-md-5"> 
+    <a href="images/backup.png" class="example-image-link" title="Backup" style="float:none; display: block; width:240px;height:135px;border:0;" data-lightbox="page"> <img src="images/backup.png" title="Backup" alt="" style="float:none; display: block; width:250px;height:135px;border:0;" class="img-responsive"> </a> 
    </div> 
-   <div class="span5"> 
+   <div class="col-md-5"> 
     <span class="p_content">You can backup all user-generated data including files uploaded by the users in a single ZIP file and import that ZIP into a new installation of OpenMeetings again. </span> 
    </div> 
   </div> 
  </div> 
-</div>
-			</div>
-		</div>
-		<div class="span4">
-			<div id="toc-sidebar">
-				<div class="well">
-					<ul class="nav nav-list">
-						<li class="nav-header">Table of Contents</li>
-		<li><a href="#AudioVideo_Conferencing" title="Audio/Video Conferencing">Audio/Video Conferencing</a>
-		<li><a href="#Calendar" title="Calendar">Calendar</a>
-		<li><a href="#File_Explorer" title="File Explorer">File Explorer</a>
-		<li><a href="#Integration_API" title="Integration API">Integration API</a>
-		<li><a href="#Private_messages_and_contacts" title="Private messages and contacts">Private messages and contacts</a>
-		<li><a href="#Administration_and_Configuration" title="Administration and Configuration">Administration and Configuration</a>
-		<li><a href="#Screen_sharing_and_Recording" title="Screen sharing and Recording">Screen sharing and Recording</a>
-		<li><a href="#Apache_OpenMeetings_-_Features_and_overview" title="Apache OpenMeetings - Features and overview">Apache OpenMeetings - Features and overview</a>
-		<li><a href="#News" title="News">News</a>
-		<li><a href="#Community" title="Community">Community</a>
-		<li class="dropdown"><a href="#Feature_details" title="Feature details">Feature details <b class="caret"></b></a>
-			<ul class="nav nav-list">
-		<li><a href="#Audio_and_Video_Conferencing" title="Audio and Video Conferencing">Audio and Video Conferencing</a>
-		<li><a href="#Meeting_recording_and_Screen_sharing" title="Meeting recording and Screen sharing">Meeting recording and Screen sharing</a>
-		<li><a href="#File_Explorer" title="File Explorer">File Explorer</a>
-		<li><a href="#Moderating_System" title="Moderating System">Moderating System</a>
-		<li><a href="#Multi-Whiteboard_and_Chat" title="Multi-Whiteboard and Chat">Multi-Whiteboard and Chat</a>
-		<li><a href="#User_and_room_management" title="User and room management">User and room management</a>
-		<li><a href="#Private_message_center" title="Private message center">Private message center</a>
-		<li><a href="#Plan_meetings_with_integrated_calendar" title="Plan meetings with integrated calendar">Plan meetings with integrated calendar</a>
-		<li><a href="#Polls_and_Votes" title="Polls and Votes">Polls and Votes</a>
-		<li><a href="#Backup" title="Backup">Backup</a>
-				<li class="divider"></li>
-			</ul>
-		</li>
-					</ul>
-				</div>
-			</div>
-		</div>
-	</div>
-	</div>
+</div>            </div>
+        </div>
+         <div class="col-md-4">
+            <div id="toc-sidebar" class="hidden-print hidden-xs hidden-sm">
+
+                <div id="toc-scroll-target">
+                <div class="well">
+                <ul class="nav nav-list">
+                    <li class="nav-header">Table of Contents</li>
+        <li><a href="#Apache_OpenMeetings_-_Features_and_overview" title="Apache OpenMeetings - Features and overview">Apache OpenMeetings - Features and overview</a>
+        <li><a href="#News" title="News">News</a>
+        <li><a href="#Community" title="Community">Community</a>
+        <li class="dropdown"><a href="#Feature_details" title="Feature details">Feature details <b class="caret"></b></a>
+            <ul class="nav nav-list">
+                        <li><a href="#Audio_and_Video_Conferencing" title="Audio and Video Conferencing">Audio and Video Conferencing</a>
+                        <li><a href="#Meeting_recording_and_Screen_sharing" title="Meeting recording and Screen sharing">Meeting recording and Screen sharing</a>
+                        <li><a href="#Room_File_Explorer" title="Room File Explorer">Room File Explorer</a>
+                        <li><a href="#Moderating_System" title="Moderating System">Moderating System</a>
+                        <li><a href="#Multi-Whiteboard_and_Chat" title="Multi-Whiteboard and Chat">Multi-Whiteboard and Chat</a>
+                        <li><a href="#User_and_room_management" title="User and room management">User and room management</a>
+                        <li><a href="#Private_message_center" title="Private message center">Private message center</a>
+                        <li><a href="#Plan_meetings_with_integrated_calendar" title="Plan meetings with integrated calendar">Plan meetings with integrated calendar</a>
+                        <li><a href="#Polls_and_Votes" title="Polls and Votes">Polls and Votes</a>
+                        <li><a href="#Backup" title="Backup">Backup</a>
+                <li class="divider"></li>
+            </ul>
+</li>
+                </ul>
+
+                </div>
+            </div>
+
+        </div>
+    </div>
+    </div>
+  </div><!-- /container -->
+  <!-- Footer
+  ================================================== -->
+  <footer class="well">
+    <div class="container">
+      <div class="row">
+            <div class="col-md-3 bottom-nav">
 
-	</div><!-- /container -->
+                <ul class="nav nav-list">
+                    <li class="nav-header">General</li>
+                                    <li  class="active" ><a  href="#"  title="Home" >Home</a></li>
+                    <li ><a  href="http://www.apache.org/licenses/"  title="License"  class="externalLink" >License</a></li>
+                    <li ><a  href="http://www.apache.org/"  title="ASF"  class="externalLink" >ASF</a></li>
+                    <li ><a  href="https://www.apache.org/foundation/sponsorship"  title="Sponsorship"  class="externalLink" >Sponsorship</a></li>
+                    <li ><a  href="https://www.apache.org/foundation/thanks"  title="Thanks"  class="externalLink" >Thanks</a></li>
+                    <li ><a  href="CallForLogo.html"  title="Call For Logo" >Call For Logo</a></li>
+                    <li ><a  href="NewsArchive.html"  title="News archive" >News archive</a></li>
+                    <li ><a  href="security.html"  title="Security" >Security</a></li>
+                    <li ><a  href="commercial-support.html"  title="Commercial Support" >Commercial Support</a></li>
+                </ul>
 
-	<!-- Footer
-	================================================== -->
-	<footer class="well">
-		<div class="container">
-			<div class="row">
-				<div class="span3 bottom-nav">
-					<ul class="nav nav-list">
-						<li class="nav-header">General</li>
-						<li class="active">
-							<a href="#" title="Home">Home</a>
-						</li>
-						<li >
-							<a href="http://www.apache.org/licenses/" title="License" class="externalLink">License</a>
-						</li>
-						<li >
-							<a href="http://www.apache.org/" title="ASF" class="externalLink">ASF</a>
-						</li>
-						<li >
-							<a href="https://www.apache.org/foundation/sponsorship" title="Sponsorship" class="externalLink">Sponsorship</a>
-						</li>
-						<li >
-							<a href="https://www.apache.org/foundation/thanks" title="Thanks" class="externalLink">Thanks</a>
-						</li>
-						<li >
-							<a href="CallForLogo.html" title="Call For Logo">Call For Logo</a>
-						</li>
-						<li >
-							<a href="NewsArchive.html" title="News archive">News archive</a>
-						</li>
-						<li >
-							<a href="security.html" title="Security">Security</a>
-						</li>
-						<li >
-							<a href="commercial-support.html" title="Commercial Support">Commercial Support</a>
-						</li>
-					</ul>
-				</div>
-				<div class="span3 bottom-nav">
-					<ul class="nav nav-list">
-						<li class="nav-header">Installation</li>
-						<li >
-							<a href="installation.html" title="Installation">Installation</a>
-						</li>
-						<li >
-							<a href="Upgrade.html" title="Upgrade">Upgrade</a>
-						</li>
-						<li >
-							<a href="https://cwiki.apache.org/confluence/display/OPENMEETINGS/Tutorials+for+installing+OpenMeetings+and+Tools" title="Tutorials" class="externalLink">Tutorials</a>
-						</li>
-						<li >
-							<a href="CommandLineAdmin.html" title="Command Line Admin">Command Line Admin</a>
-						</li>
-					</ul>
-				</div>
-				<div class="span3 bottom-nav">
-					<ul class="nav nav-list">
-						<li class="nav-header">Community</li>
-						<li >
-							<a href="get-involved.html" title="Get Involved">Get Involved</a>
-						</li>
-						<li >
-							<a href="team-list.html" title="Committers">Committers</a>
-						</li>
-						<li >
-							<a href="OurUsers.html" title="Our Users">Our Users</a>
-						</li>
-						<li >
-							<a href="mail-lists.html" title="Mailing Lists">Mailing Lists</a>
-						</li>
-						<li >
-							<a href="http://cwiki.apache.org/confluence/display/OPENMEETINGS/" title="Wiki" class="externalLink">Wiki</a>
-						</li>
-					</ul>
-				</div>
-				<div class="span3 bottom-nav">
-					<ul class="nav nav-list">
-						<li class="nav-header">Development</li>
-						<li >
-							<a href="source-repository.html" title="Source Code">Source Code</a>
-						</li>
-						<li >
-							<a href="issue-tracking.html" title="Bugs / Issues">Bugs / Issues</a>
-						</li>
-						<li >
-							<a href="dependencies.html" title="Dependencies">Dependencies</a>
-						</li>
-						<li >
-							<a href="integration.html" title="Continuous Integration">Continuous Integration</a>
-						</li>
-						<li >
-							<a href="BuildInstructions_3.0.x.html" title="Build Instructions 3.0.x">Build Instructions 3.0.x</a>
-						</li>
-						<li >
-							<a href="BuildInstructions.html" title="Build Instructions">Build Instructions</a>
-						</li>
-						<li >
-							<a href="JUnitTesting.html" title="JUnit Testing">JUnit Testing</a>
-						</li>
-						<li >
-							<a href="ManualTesting.html" title="Manual Testing">Manual Testing</a>
-						</li>
-						<li >
-							<a href="ReleaseGuide.html" title="Release Guide">Release Guide</a>
-						</li>
-						<li >
-							<a href="WebsiteGuide.html" title="Website Guide">Website Guide</a>
-						</li>
-					</ul>
-				</div>
-			</div>
-		</div>
-	</footer>
+            </div>
+            <div class="col-md-3 bottom-nav">
 
-	<div class="container subfooter">
-		<div class="row">
-			<div class="span12">
-				<p class="pull-right"><a href="#">Back to top</a></p>
-				<p class="copyright">Copyright &copy;2012-2017 <a href="http://apache.org">Apache Software Foundation</a>. All Rights Reserved.</p>
-		
+                <ul class="nav nav-list">
+                    <li class="nav-header">Installation</li>
+                    <li ><a  href="installation.html"  title="Installation" >Installation</a></li>
+                    <li ><a  href="Upgrade.html"  title="Upgrade" >Upgrade</a></li>
+                    <li ><a  href="https://cwiki.apache.org/confluence/display/OPENMEETINGS/Tutorials+for+installing+OpenMeetings+and+Tools"  title="Tutorials"  class="externalLink" >Tutorials</a></li>
+                    <li ><a  href="CommandLineAdmin.html"  title="Command Line Admin" >Command Line Admin</a></li>
+                </ul>
+
+            </div>
+            <div class="col-md-3 bottom-nav">
+
+                <ul class="nav nav-list">
+                    <li class="nav-header">Community</li>
+                    <li ><a  href="get-involved.html"  title="Get Involved" >Get Involved</a></li>
+                    <li ><a  href="team-list.html"  title="Committers" >Committers</a></li>
+                    <li ><a  href="OurUsers.html"  title="Our Users" >Our Users</a></li>
+                    <li ><a  href="mail-lists.html"  title="Mailing Lists" >Mailing Lists</a></li>
+                    <li ><a  href="http://cwiki.apache.org/confluence/display/OPENMEETINGS/"  title="Wiki"  class="externalLink" >Wiki</a></li>
+                </ul>
+
+            </div>
+            <div class="col-md-3 bottom-nav">
+
+                <ul class="nav nav-list">
+                    <li class="nav-header">Development</li>
+                    <li ><a  href="source-repository.html"  title="Source Code" >Source Code</a></li>
+                    <li ><a  href="issue-tracking.html"  title="Bugs / Issues" >Bugs / Issues</a></li>
+                    <li ><a  href="dependencies.html"  title="Dependencies" >Dependencies</a></li>
+                    <li ><a  href="integration.html"  title="Continuous Integration" >Continuous Integration</a></li>
+                    <li ><a  href="BuildInstructions_3.0.x.html"  title="Build Instructions 3.0.x" >Build Instructions 3.0.x</a></li>
+                    <li ><a  href="BuildInstructions.html"  title="Build Instructions" >Build Instructions</a></li>
+                    <li ><a  href="JUnitTesting.html"  title="JUnit Testing" >JUnit Testing</a></li>
+                    <li ><a  href="ManualTesting.html"  title="Manual Testing" >Manual Testing</a></li>
+                    <li ><a  href="ReleaseGuide.html"  title="Release Guide" >Release Guide</a></li>
+                    <li ><a  href="WebsiteGuide.html"  title="Website Guide" >Website Guide</a></li>
+                </ul>
+
+            </div>
+      </div>
+    </div>
+  </footer>
+  <div class="container subfooter">
+    <div class="row">
+      <div class="col-md-12">
+        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p class="copyright">Copyright &copy;2012-2017                 <a href="http://apache.org">Apache Software Foundation</a>
+. All Rights Reserved.</p>
 <p>Apache OpenMeetings, OpenMeetings, Apache, the Apache feather, and the Apache OpenMeetings project logo</p>
-<p>are trademarks of the Apache Software Foundation.</p>			</div>
-		</div>
-	</div>
+			<p>are trademarks of the Apache Software Foundation.</p>
+      </div>
+    </div>
+  </div>
+  <!-- Le javascript
+  ================================================== -->
+  <!-- Placed at the end of the document so the pages load faster -->
+    <script src=".//js/jquery.min.js"></script>
+  <script src=".//js/bootstrap.min.js"></script>
+
+  <script src=".//js/lightbox.min.js"></script>
 
-	<!-- Le javascript
-	================================================== -->
-	<!-- Placed at the end of the document so the pages load faster -->
-	<script src=".//js/jquery.min.js"></script>
+  <script src=".//js/reflow-scroll.js"></script>
 
-	<script src=".//js/bootstrap.min.js"></script>
-	<script src=".//js/lightbox.min.js"></script>
-	<script src=".//js/reflow-scroll.js"></script>
-	
+<script src=".//js/site.js" type="text/javascript"></script>
 <script src=".//js/jquery-ui.min.js" type="text/javascript"></script>
-<script src=".//js/netcalc.js" type="text/javascript"></script>
-	<script src=".//js/reflow-skin.js"></script>
+<script src=".//js/netcalc.js" type="text/javascript"></script>  <script src=".//js/reflow-skin.js"></script>
+    <script src=".//js/anchor.min.js"></script>
+    <script>
+        document.addEventListener("DOMContentLoaded", function(event) {
+            anchors.options = {
+              placement: 'left',
+            };
+            anchors.add('h1,h2, h3, h4, h5, h6');
+        });
+    </script>
 
-	</body>
+  </body>
 </html>