Change bottom bar (add links to release notes and download)

Change-Id: I55f87458baafe69a044e010e8ff1174534cdf8c8
Signed-off-by: Loredana Chituc <loredana.chituc@obeo.fr>
diff --git a/angular/blocks/footer.html b/angular/blocks/footer.html
index 229e3b2..bd6688b 100644
--- a/angular/blocks/footer.html
+++ b/angular/blocks/footer.html
@@ -7,13 +7,14 @@
 </script>
 
 <div class="bottom-bar">
-  <p>
-  	<i class="fa fa-bar-chart"></i>&nbsp;Capella Community Survey 2020: help us know how Capella is used!</a>&nbsp;&nbsp;
-  	<a href="https://fr.surveymonkey.com/r/WPZVQ9N" target="_blank">Give feedback</a>
+	<p><i class="far fa-calendar-check"></i>&nbsp;Capella 5.0 has been released 
+    	<a class="btn btn-outline" href="https://www.obeo.fr/en/team-for-capella-releases" target="_blank"><i class="fa fa-info-circle"></i>&nbsp;Release notes</a>
+    	<a class="btn btn-indigo" href="https://www.eclipse.org/capella/download.html"><i class="fa fa-download"></i>&nbsp;Download</a>
+ 
  	<button type="button" class="close" aria-label="Close" onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>
   		<span class="fa fa-times" aria-hidden="true"></span>
   	</button>
-  </p>
+  	</p>
 </div>
 
     <div class="container">
diff --git a/css/main.css b/css/main.css
index c2e11e6..3cdfc6e 100644
--- a/css/main.css
+++ b/css/main.css
@@ -989,31 +989,44 @@
 -------------------------- */
     
 .bottom-bar {
-	text-align:center; 
+	text-align: center; 
 	background-color: #7667A3; 
-	color:#fff; 
-	overflow:hidden; 
-	position:fixed; bottom:0; 
-	height:60px; 
-	width:100%; 
-	z-index:20;
+	color: #fff; 
+	overflow: hidden; 
+	position: fixed; 
+	bottom:0; 
+	height: 75px; 
+	width: 100%; 
+	z-index: 20;
 }
     
 .bottom-bar p {
 	margin:20px;
 }
-
-
 .bottom-bar a {
+	margin-top: 0;
+	padding: 10px 20px;
+	margin-left: 20px;
+}
+
+.btn-indigo, .btn-indigo:active, .btn-indigo:visited:focus {
 	background-color:#292253;
 	color:#FBBF52;
-	padding: 10px 20px;
-	border-radius: 4px;
-	text-transform: uppercase;
-	font-size: 14px;
 }
 
-.bottom-bar a:hover {
-	background-color:#FBBF52; 
+.btn-indigo:hover {
+	background-color: #FBBF52;
 	color:#292253;
 }
+
+.btn-outline, .btn-outline:active, .btn-outline:visited:focus {
+	border: 1px solid #FBBF52;
+	background-color: transparent;
+	color: #FBBF52;
+}
+
+.btn-outline:hover {
+	border: 1px solid #292253;
+	background-color: #292253;
+	color:#FBBF52;
+}
\ No newline at end of file
diff --git a/getstarted.html b/getstarted.html
index 11100fd..6196fab 100644
--- a/getstarted.html
+++ b/getstarted.html
@@ -97,7 +97,6 @@
             <div class="container">
             		<div class="row">
 	                	<h3>Installation</h3>
-                    <p><u><b>Note</b></u>: A Java 8 JRE/JDK is recommended.</p>
                     <p>Get Capella on the <a href="/capella/download.html"><b>download page</b></a>.</p>
                     <p>Then, please read through <a href="https://wiki.polarsys.org/Capella/Installation_Guide#Capella_Installation" target="_blank"><b>this guide</b></a> that provides instructions for installing Capella.</p>
 
diff --git a/index.html b/index.html
index c431a71..aec75a1 100644
--- a/index.html
+++ b/index.html
@@ -26,7 +26,7 @@
         <!-- responsive css -->
         <link rel="stylesheet" href="css/responsive.css">
             <link rel="stylesheet" href="css/latofonts.css">
-        <script src="https://use.fontawesome.com/b51f77a16a.js"></script>
+		<script src="https://kit.fontawesome.com/16cf99803e.js" crossorigin="anonymous"></script>
         <!-- Cookie content -->
         <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
         <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>