Updated Website

Added Community, Getting Started and Download pages.

Change-Id: Ic9f251af3d5cf6b982fdd354ea2e0545e7b935f9
Signed-off-by: Christophe Gatti <christophe.gatti@thalesgroup.com>
diff --git a/.project b/.project
new file mode 100644
index 0000000..6dd65c3
--- /dev/null
+++ b/.project
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>

+<projectDescription>

+	<name>kitalpha-website</name>

+	<comment></comment>

+	<projects>

+	</projects>

+	<buildSpec>

+	</buildSpec>

+	<natures>

+	</natures>

+</projectDescription>

diff --git a/community.html b/community.html
new file mode 100644
index 0000000..0eeaa8b
--- /dev/null
+++ b/community.html
@@ -0,0 +1,124 @@
+<!doctype html>
+<html>
+<link rel="icon" type="image/png" href="favicon.ico" />
+
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>Kitalpha</title>
+	<link rel="stylesheet" href="styles.css" type="text/css" />
+
+</head>
+<body>
+    <header>
+		<div class="logo-left width">
+			<a href="index.html"><img src="images/logo_kitalpha.png" alt="Kitalpha logo" width="40%"></a>
+		</div>
+    </header>
+    <nav>
+		
+		<div class="width">
+			<ul>
+				<li class="start"><a href="index.html">Home</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li><a href="https://polarsys.org/wiki/Kitalpha/features">Features</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li><a href="start.html">Getting Started</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li><a href="events.html">Events</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li class="end selected"><a href="community.html">Community</a></li>
+				<li style="text-align:right;"><a href="download.html" class="box">Download</a></li>
+				<li style="float:none;"><br style="clear:both;" /></li> 
+			</ul>		
+		</div>
+		
+    </nav>
+
+	<div id="hrdiv">
+		<img src="images/bg_breadcrumb.jpg" width="" alt="" height="" />
+	</div>
+
+    <div id="body" class="width-started">
+		
+		<section id="content">
+			<article class="expanded">
+				<p>
+					Learn about Kitalpha, get the latest downloads, and more. 
+					Join the community, connect with other Kitalpha users, get support and service. 
+				</p>
+
+				<table border="0" cellspacing="0"; style="border-style:none; margin : 10px; width: 70%;">
+					
+					<tr>
+						<td style="border-bottom: 1px solid #ccc; height:80px;" width="20px"><a href="https://polarsys.org/forums/index.php/f/8/"><img src="images/support/forum.png" alt="Forum" width="60"></a></td>
+						<td style="border-bottom: 1px solid #ccc;">Consult the Kitalpha forum and ask questions about the tool.</td>
+					</tr>
+					<tr>
+						<td style="border-bottom: 1px solid #ccc; height:80px;" width="20px"><a href="https://polarsys.org/wiki/Kitalpha"><img src="images/support/Wiki_puzzle.svg.png" alt="Wiki" width="60"></a></td>
+						<td style="border-bottom: 1px solid #ccc;">Wiki prodiving additional resources to follow and contribute to Kitalpha.</td>
+					</tr>
+					<tr>
+						<td style="border-bottom: 1px solid #ccc; height:80px;" width="20px"><a href="https://polarsys.org/bugs/describecomponents.cgi?product=Kitalpha"><img src="images/support/buggie.png" alt="Bugzilla" width="60"></a></td>
+						<td style="border-bottom: 1px solid #ccc;">Bugzilla for bug reporting and enhancement requests.</td>
+					</tr>
+					<tr style="height:50px;">
+						<td style="border-bottom: 1px solid #ccc; height:80px;" width="20px"><a href="https://polarsys.org/mailman/listinfo/kitalpha-dev"><img src="images/support/enveloppe.png" alt="Mailing-list" width="60"></a></td>
+						<td style="border-bottom: 1px solid #ccc;">Subscribe to the developers mailing-list to be warned about technical announcements.</td>
+					</tr>
+				</table>
+			</article>		
+
+        </section>
+		       
+    	<div class="clear"></div>
+    </div>
+    <footer>
+		<div class="footer-content width">
+			<ul>
+				<li><h4>PolarSys</h4></li>
+				<li><a href="https://www.polarsys.org/eclipse_sites/org_home">About</a></li>
+				<li><a href="https://www.polarsys.org/eclipse_sites/contact">Contact Us</a></li>
+			</ul>
+			<ul>
+            	<li><h4>Legal</h4></li>
+				<li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+				<li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+				<li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+				<li><a href="https://www.eclipse.org/org/documents/epl-v10.php">Eclipse Public License</a></li>
+				<li><a href="https://www.eclipse.org/legal/">Legal Resources</a></li>
+            </ul>
+			<ul>
+				<li><h4>Useful Links</h4></li>
+				<li><a href="https://polarsys.org/bugs/describecomponents.cgi?product=Kitalpha">Report a Bug</a></li>
+				<li><a href="https://polarsys.org/wiki/Kitalpha">How to Contribute</a></li>
+				<li><a href="https://polarsys.org/mailman/listinfo/kitalpha-dev">Mailing List</a></li>
+				<li><a href="https://polarsys.org/forums/index.php/f/8/">Forum</a></li>
+			</ul>
+			<ul class="endfooter">
+				<li><h4>Other</h4></li>
+				<li><a href="https://www.thalesgroup.com/">Thalesgroup</a></li>
+				<li><a href="https://www.eclipse.org/org/workinggroups/">Working Groups</a></li>
+			</ul>
+			<table>
+				<tr>
+					<td>
+						<a href="http://www.polarsys.org/"><img src="images/polarsys.png" alt="PolarSys logo" width="250"></a>
+						<br />
+						<br />
+					</td>
+					<td>
+						<div class="right-footer">
+							<a href="http://www.eclipse.org/"><img src="images/eclipse.png" alt="Eclipse logo"></a>
+							<br />
+							Copyright © <span id="year">2014</span> The Eclipse Foundation. <br /> All Rights Reserved.
+						</div>
+					</td>
+				</tr>
+			</table>
+		
+			<div class="clear"></div>			
+		</div>
+   
+	</footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/download.html b/download.html
new file mode 100644
index 0000000..20f12fe
--- /dev/null
+++ b/download.html
@@ -0,0 +1,307 @@
+<!doctype html>
+<html>
+<link rel="icon" type="image/png" href="favicon.ico" />
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>Kitalpha</title>
+	<link rel="stylesheet" href="styles.css" type="text/css" />
+	
+	<style>
+		
+		.dnd a:link {
+			color: #242A75;
+			font-weight: bold;
+			text-decoration:none;
+		}
+		.dnd a:visited {
+			color: #999999;
+			font-weight:bold;
+			text-decoration:none;
+		}
+		.dnd a:active,
+		.dnd a:hover {
+			color: #1791AB;
+			text-decoration:underline;
+		}
+		.dnd {
+			font-family:Arial, Helvetica, sans-serif;
+			color:#242A75;
+			font-size:12px;
+			text-shadow: 1px 1px 0px #fff;
+			background:#eaebec;
+			#margin:20px;
+			border:#ccc 1px solid;
+
+			-moz-border-radius:3px;
+			-webkit-border-radius:3px;
+			border-radius:3px;
+
+			-moz-box-shadow: 0 1px 2px #d1d1d1;
+			-webkit-box-shadow: 0 1px 2px #d1d1d1;
+			box-shadow: 0 1px 2px #d1d1d1;
+		}
+		.dnd th {
+			padding:21px 25px 22px 25px;
+			border-top:1px solid #fafafa;
+			border-bottom:1px solid #e0e0e0;
+
+			background: #ededed;
+			background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
+			background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
+		}
+		.dnd th:first-child {
+			text-align: left;
+			padding-left:20px;
+		}
+		.dnd tr:first-child th:first-child {
+			-moz-border-radius-topleft:3px;
+			-webkit-border-top-left-radius:3px;
+			border-top-left-radius:3px;
+		}
+		.dnd tr:first-child th:last-child {
+			-moz-border-radius-topright:3px;
+			-webkit-border-top-right-radius:3px;
+			border-top-right-radius:3px;
+		}
+		.dnd tr {
+			text-align: center;
+			padding-left:20px;
+		}
+		.dnd td:first-child {
+			text-align: left;
+			padding-left:20px;
+			border-left: 0;
+		}
+		.dnd td {
+			padding:18px;
+			border-top: 1px solid #ffffff;
+			border-bottom:1px solid #e0e0e0;
+			border-left: 1px solid #e0e0e0;
+
+			background: #fafafa;
+			background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
+			background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
+		}
+		.dnd tr.even td {
+			background: #f6f6f6;
+			background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
+			background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
+		}
+		.dnd tr:last-child td {
+			border-bottom:0;
+		}
+		.dnd tr:last-child td:first-child {
+			-moz-border-radius-bottomleft:3px;
+			-webkit-border-bottom-left-radius:3px;
+			border-bottom-left-radius:3px;
+		}
+		.dnd tr:last-child td:last-child {
+			-moz-border-radius-bottomright:3px;
+			-webkit-border-bottom-right-radius:3px;
+			border-bottom-right-radius:3px;
+		}
+		.dnd tr:hover td {
+			background: #f2f2f2;
+			background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
+			background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
+		}
+	</style>
+	
+	
+	<!-- Add jQuery library -->
+	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
+	
+
+	
+	<script>
+		  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+		  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+		  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+		  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+		
+		  ga('create', 'UA-60944796-1', 'auto');
+		  ga('send', 'pageview');
+	</script>
+	
+</head>
+<body>
+	<header>
+		<div class="logo-left width">
+			<a href="index.html"><img src="images/logo_kitalpha.png" alt="Kitalpha logo" width="40%"></a>
+		</div>
+	</header>
+
+    <nav>
+		<div class="width">
+			<ul>
+				<li class="start"><a href="index.html">Home</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li><a href="https://polarsys.org/wiki/Kitalpha/features">Features</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li><a href="start.html">Getting Started</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li><a href="events.html">Events</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li class="end"><a href="community.html">Community</a></li>
+				<li style="text-align:right;"><a href="download.html" class="box">Download</a></li>
+				<li style="float:none;"><br style="clear:both;" /></li> 
+			</ul>		
+		</div>
+    </nav>
+
+	<div id="hrdiv">
+		<img src="images/bg_breadcrumb.jpg" width="" alt="" height="" />
+	</div>
+
+    <div id="body" class="width-started">
+		
+		
+        <section id="content">
+		
+			<article class="expanded">
+				<h3>
+					Kitalpha v0.5.1-RC1:
+				</h3>
+				<table class="dnd" cellspacing='0'> <!-- cellspacing='0' is important, must stay -->
+
+					<!-- Table Header -->
+					
+					<thead>
+						<tr>
+							<th>Operating System</th>
+							<th>Architecture</th>
+							<th>Download link</th>
+						</tr>
+					</thead>
+					
+					<!-- Table Header -->
+
+					<!-- Table Body -->
+					<tbody>
+
+						<tr>
+							<td>Windows</td>
+							<td>32-bit</td>
+							<td><a href="http://download.polarsys.org/kitalpha/0.5.1RC1/kitalpha_0.5.1RC1-2015-02-25_00-01-11-win32-win32-x86-juno-incubation.zip" 
+									target="_blank" onClick="ga('send', 'event', 'Kitalpha', '0.5.1-RC1', 'Win-x86');"><img src="images/download.png" width="15%" alt="Link"></a></td>
+						</tr><!-- Table Row -->
+
+						<tr class="even">
+							<td>Windows</td>
+							<td>64-bit</td>
+							<td><a href="http://download.polarsys.org/kitalpha/0.5.1RC1/kitalpha_0.5.1RC1-2015-02-25_00-01-11-win32-win32-x86_64-juno-incubation.zip" 
+									target="_blank" onClick="ga('send', 'event', 'Kitalpha', '0.5.1-RC1', 'Win-x64');"><img src="images/download.png" width="15%" alt="Link"></a></td>
+						</tr><!-- Darker Table Row -->
+
+						<tr>
+							<td>Linux</td>
+							<td>32-bit</td>
+							<td><a href="http://download.polarsys.org/kitalpha/0.5.1RC1/kitalpha_0.5.1RC1-2015-02-25_00-01-11-linux-gtk-x86-juno-incubation.zip" 
+									target="_blank" onClick="ga('send', 'event', 'Kitalpha', '0.5.1-RC1', 'Linux-x86');"><img src="images/download.png" width="15%" alt="Link"></a></td>
+						</tr>
+
+						<tr class="even">
+							<td>Linux</td>
+							<td>64-bit</td>
+							<td><a href="http://download.polarsys.org/kitalpha/0.5.1RC1/kitalpha_0.5.1RC1-2015-02-25_00-01-11-linux-gtk-x86_64-juno-incubation.zip" 
+									target="_blank" onClick="ga('send', 'event', 'Kitalpha', '0.5.1-RC1', 'Linux-x64');"><img src="images/download.png" width="15%" alt="Link"></a></td>
+						</tr>
+
+						<tr>
+							<td>Mac OSX</td>
+							<td>64-bit</td>
+							<td><a href="http://download.polarsys.org/kitalpha/0.5.1RC1/kitalpha_0.5.1RC1-2015-02-25_00-01-11-macosx-cocoa-x86_64-juno-incubation.zip" 
+									target="_blank" onClick="ga('send', 'event', 'Kitalpha', '0.5.1-RC1', 'MacOS-x64');"><img src="images/download.png" width="15%" alt="Link"></a></td>
+						</tr>
+
+					</tbody>
+					<!-- Table Body -->
+
+				</table>
+				
+				<br />
+				
+				<p>
+					&nbsp;&nbsp;&nbsp;The installation instructions are detailed in the <b> <a href=""> <i> Getting Started </i> </a> </b> page.
+				</p>				
+			</article>
+        </section>
+        
+        <aside class="sidebar">
+
+           <ul>	
+				<li>
+					<h4>Important information</h4>
+					<ul>
+						<li>
+							<u>Note:</u> These are pre-release versions, not official versions. 
+						</li>
+						<li>
+							<sup>*</sup><u>Note:</u> MacOS and Linux versions have not been field-tested. Do not hesitate to provide your feedback on the forum. 
+						</li>
+                    </ul>
+                </li>
+                                               
+            	<li>
+					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+					<a href="http://www.eclipse.org/projects/what-is-incubation.php"><img src="images/egg-incubation.png" alt="incubation"/></a>
+				</li> 
+			</ul>
+			<br />
+			<br />
+			<br />
+		
+        </aside>
+    	<div class="clear"></div>
+    </div>
+	
+    <footer>
+		<div class="footer-content width">
+			<ul>
+				<li><h4>PolarSys</h4></li>
+				<li><a href="https://www.polarsys.org/eclipse_sites/org_home">About</a></li>
+				<li><a href="https://www.polarsys.org/eclipse_sites/contact">Contact Us</a></li>
+			</ul>
+			<ul>
+            	<li><h4>Legal</h4></li>
+				<li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+				<li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+				<li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+				<li><a href="https://www.eclipse.org/org/documents/epl-v10.php">Eclipse Public License</a></li>
+				<li><a href="https://www.eclipse.org/legal/">Legal Resources</a></li>
+            </ul>
+			<ul>
+				<li><h4>Useful Links</h4></li>
+				<li><a href="https://polarsys.org/bugs/describecomponents.cgi?product=Kitalpha">Report a Bug</a></li>
+				<li><a href="https://polarsys.org/wiki/Kitalpha">How to Contribute</a></li>
+				<li><a href="https://polarsys.org/mailman/listinfo/kitalpha-dev">Mailing List</a></li>
+				<li><a href="https://polarsys.org/forums/index.php/f/8/">Forum</a></li>
+			</ul>
+			<ul class="endfooter">
+				<li><h4>Other</h4></li>
+				<li><a href="https://www.thalesgroup.com/">Thalesgroup</a></li>
+				<li><a href="https://www.eclipse.org/org/workinggroups/">Working Groups</a></li>
+			</ul>
+			<table>
+				<tr>
+					<td>
+						<a href="http://www.polarsys.org/"><img src="images/polarsys.png" alt="PolarSys logo" width="250"></a>
+						<br />
+						<br />
+					</td>
+					<td>
+						<div class="right-footer">
+							<a href="http://www.eclipse.org/"><img src="images/eclipse.png" alt="Eclipse logo"></a>
+							<br />
+							Copyright © <span id="year">2014</span> The Eclipse Foundation. <br /> All Rights Reserved.
+						</div>
+					</td>
+				</tr>
+			</table>
+		
+			<div class="clear"></div>			
+		</div>
+   
+	</footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/events.html b/events.html
new file mode 100644
index 0000000..2e9abe1
--- /dev/null
+++ b/events.html
@@ -0,0 +1,124 @@
+<!doctype html>
+<html>
+<link rel="icon" type="image/png" href="favicon.ico" />
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>Kitalpha</title>
+	<link rel="stylesheet" href="styles.css" type="text/css" />
+
+</head>
+<body>
+	<header>
+		<div class="logo-left width">
+			<a href="index.html"><img src="images/logo_kitalpha.png" alt="Kitalpha logo" width="40%"></a>
+		</div>
+	</header>
+    <nav>
+		
+		<div class="width">
+			<ul>
+				<li class="start selected"><a href="index.html">Home</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li><a href="https://polarsys.org/wiki/Kitalpha/features">Features</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li><a href="start.html">Getting Started</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li class="selected"><a href="events.html">Events</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li class="end"><a href="community.html">Community</a></li>
+				<li style="text-align:right;"><a href="download.html" class="box">Download</a></li>
+				<li style="float:none;"><br style="clear:both;" /></li> 
+			</ul>		
+		</div>
+		
+    </nav>
+
+	<div id="hrdiv">
+		<img src="images/bg_breadcrumb.jpg" width="" alt="" height="" />
+	</div>
+
+    <div id="body" class="width-started">
+		
+		<section id="content">
+			<article class="expanded" id="construction">
+				<table>		
+					<tr>
+						<th>
+						<h3>2015</h3>
+							<h5>March</h5>
+							<ul>
+								<li><a href="https://youtu.be/ju2SNG1u2t8"><b>Video</b></a>, EclipseCon North America, "<b>Viewpoint: the making of. Customizing your MBE Workbench with Kitalpha in 20 minutes</b>", March, 12<sup>th</sup>
+								</li>
+								<li><a href="https://www.eclipsecon.org/na2015/session/viewpoint-making-customizing-your-mbe-workbench-kitalpha-20-minutes"><b>Talk</b></a>, EclipseCon North America, "<b>Viewpoint: the making of. Customizing your MBE Workbench with Kitalpha in 20 minutes</b>", March, 12<sup>th</sup>
+								[<a href="http://youtu.be/H44maadOGXU"><b>Pitch</b></a>]
+								</li>
+							</ul>
+							<br />
+							<h5>January</h5>
+							<ul>
+								<li>
+									<a href="http://polarsys.org/new-paper-and-presentation-kitalpha-dsm14"><b>New paper and presentation</b></a> of Kitalpha at DSM14, January, 8<sup>th</sup>
+								</li>
+							</ul>	
+						</th>
+					</tr>
+				</table>
+			</article>		
+		
+		
+        </section>
+		
+		
+        
+    	<div class="clear"></div>
+    </div>
+    <footer>
+		<div class="footer-content width">
+			<ul>
+				<li><h4>PolarSys</h4></li>
+				<li><a href="https://www.polarsys.org/eclipse_sites/org_home">About</a></li>
+				<li><a href="https://www.polarsys.org/eclipse_sites/contact">Contact Us</a></li>
+			</ul>
+			<ul>
+            	<li><h4>Legal</h4></li>
+				<li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+				<li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+				<li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+				<li><a href="https://www.eclipse.org/org/documents/epl-v10.php">Eclipse Public License</a></li>
+				<li><a href="https://www.eclipse.org/legal/">Legal Resources</a></li>
+            </ul>
+			<ul>
+				<li><h4>Useful Links</h4></li>
+				<li><a href="https://polarsys.org/bugs/describecomponents.cgi?product=Kitalpha">Report a Bug</a></li>
+				<li><a href="https://polarsys.org/wiki/Kitalpha">How to Contribute</a></li>
+				<li><a href="https://polarsys.org/mailman/listinfo/kitalpha-dev">Mailing List</a></li>
+				<li><a href="https://polarsys.org/forums/index.php/f/8/">Forum</a></li>
+			</ul>
+			<ul class="endfooter">
+				<li><h4>Other</h4></li>
+				<li><a href="https://www.thalesgroup.com/">Thalesgroup</a></li>
+				<li><a href="https://www.eclipse.org/org/workinggroups/">Working Groups</a></li>
+			</ul>
+			<table>
+				<tr>
+					<td>
+						<a href="http://www.polarsys.org/"><img src="images/polarsys.png" alt="PolarSys logo" width="250"></a>
+						<br />
+						<br />
+					</td>
+					<td>
+						<div class="right-footer">
+							<a href="http://www.eclipse.org/"><img src="images/eclipse.png" alt="Eclipse logo"></a>
+							<br />
+							Copyright © <span id="year">2014</span> The Eclipse Foundation. <br /> All Rights Reserved.
+						</div>
+					</td>
+				</tr>
+			</table>
+		
+			<div class="clear"></div>			
+		</div>
+   
+	</footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/images/download.png b/images/download.png
new file mode 100644
index 0000000..a7a3e2b
--- /dev/null
+++ b/images/download.png
Binary files differ
diff --git a/images/support/Wiki_puzzle.svg.png b/images/support/Wiki_puzzle.svg.png
new file mode 100644
index 0000000..6d1b624
--- /dev/null
+++ b/images/support/Wiki_puzzle.svg.png
Binary files differ
diff --git a/images/support/book.png b/images/support/book.png
new file mode 100644
index 0000000..fdc31f9
--- /dev/null
+++ b/images/support/book.png
Binary files differ
diff --git a/images/support/buggie.png b/images/support/buggie.png
new file mode 100644
index 0000000..f011be0
--- /dev/null
+++ b/images/support/buggie.png
Binary files differ
diff --git a/images/support/enveloppe.png b/images/support/enveloppe.png
new file mode 100644
index 0000000..0c09702
--- /dev/null
+++ b/images/support/enveloppe.png
Binary files differ
diff --git a/images/support/forum.png b/images/support/forum.png
new file mode 100644
index 0000000..800285b
--- /dev/null
+++ b/images/support/forum.png
Binary files differ
diff --git a/images/support/git_logo.png b/images/support/git_logo.png
new file mode 100644
index 0000000..39d8698
--- /dev/null
+++ b/images/support/git_logo.png
Binary files differ
diff --git a/images/support/polarsys_logo.png b/images/support/polarsys_logo.png
new file mode 100644
index 0000000..2e0ae61
--- /dev/null
+++ b/images/support/polarsys_logo.png
Binary files differ
diff --git a/images/support/question.png b/images/support/question.png
new file mode 100644
index 0000000..9685db4
--- /dev/null
+++ b/images/support/question.png
Binary files differ
diff --git a/images/support/wrench_tools_settings.png b/images/support/wrench_tools_settings.png
new file mode 100644
index 0000000..c21c1a8
--- /dev/null
+++ b/images/support/wrench_tools_settings.png
Binary files differ
diff --git a/index.html b/index.html
index 53c631d..8eeb54c 100644
--- a/index.html
+++ b/index.html
@@ -35,12 +35,12 @@
 				<li class="divider-vertical-second-menu"></li>
 				<li><a href="https://polarsys.org/wiki/Kitalpha/features">Features</a></li>
 				<li class="divider-vertical-second-menu"></li>
-				<li><a href="https://polarsys.org/wiki/Kitalpha">Getting Started</a></li>
+				<li><a href="start.html">Getting Started</a></li>
 				<li class="divider-vertical-second-menu"></li>
-				<li><a>Events</a></li>
+				<li><a href="events.html">Events</a></li>
 				<li class="divider-vertical-second-menu"></li>
-				<li class="end"><a>Community</a></li>
-				<li style="text-align:right;"><a href="https://polarsys.org/wiki/Kitalpha/download#Continuous_integration" class="box">Download</a></li>
+				<li class="end"><a href="community.html">Community</a></li>
+				<li style="text-align:right;"><a href="download.html" class="box">Download</a></li>
 				<li style="float:none;"><br style="clear:both;" /></li> 
 			</ul>		
 		</div>
@@ -120,6 +120,13 @@
 					<h4>News</h4>
 					<ul>
 						<li>
+							2015-12-03: <a href="https://youtu.be/ju2SNG1u2t8"><b>Video</b></a>, EclipseCon North America, "Viewpoint: the making of. Customizing your MBE Workbench with Kitalpha in 20 minutes", March, 12<sup>th</sup>
+						</li>
+						<li>
+							2015-12-03: <a href="https://www.eclipsecon.org/na2015/session/viewpoint-making-customizing-your-mbe-workbench-kitalpha-20-minutes"><b>Talk</b></a>, EclipseCon North America, "Viewpoint: the making of. Customizing your MBE Workbench with Kitalpha in 20 minutes"
+								[<a href="http://youtu.be/H44maadOGXU"><b>Pitch</b></a>]
+						</li>
+						<li>
 							2015-09-01: <a href="https://polarsys.org/wiki/Kitalpha"><b>Wiki</b></a> is online!
 						</li>
 						<li>
@@ -139,6 +146,10 @@
 					<h4>Related videos</h4>
 					<ul>
 						<li>
+							<iframe width="210" height="157.5" src="http://www.youtube.com/embed/ju2SNG1u2t8?rel=0&autoplay=0&loop=0&wmode=opaque&controls=1&showinfo=0&theme=light&vq=hd720&color=white" frameborder="0" allowfullscreen></iframe>
+							<p><b>Viewpoint the making of with Kitalpha</b></p>
+						</li>
+						<li>
 							<iframe width="210" height="157.5" src="http://www.youtube.com/embed/qHFS3x2WLfU?rel=0&autoplay=0&loop=0&wmode=opaque&controls=1&showinfo=0&theme=light&vq=hd720&color=white" frameborder="0" allowfullscreen></iframe>
 							<p><b>Viewpoint Creation with Kitalpha</b></p>
 						</li>
@@ -162,19 +173,19 @@
 				<li><a href="https://www.polarsys.org/eclipse_sites/contact">Contact Us</a></li>
 			</ul>
 			<ul>
-				<li><h4>Legal</h4></li>
-				<li><a href="https://www.polarsys.org/eclipse_sites/privacy">Privacy Policy</a></li>
-				<li><a href="https://www.polarsys.org/eclipse_sites/terms">Terms of Use</a></li>
-				<li><a href="https://www.polarsys.org/eclipse_sites/copyright">Copyright Agent</a></li>
-				<li><a href="https://www.eclipse.org/legal/">Eclipse Public License</a></li>
-				<li><a href="https://www.polarsys.org/eclipse_sites/legal">Legal Resources</a></li>
-			</ul>
+            	<li><h4>Legal</h4></li>
+				<li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+				<li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+				<li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+				<li><a href="https://www.eclipse.org/org/documents/epl-v10.php">Eclipse Public License</a></li>
+				<li><a href="https://www.eclipse.org/legal/">Legal Resources</a></li>
+            </ul>
 			<ul>
 				<li><h4>Useful Links</h4></li>
-				<li><a href="#">Report a Bug</a></li>
-				<li><a href="#">How to Contribute</a></li>
-				<li><a href="#">Mailing List</a></li>
-				<li><a href="#">Forum</a></li>
+				<li><a href="https://polarsys.org/bugs/describecomponents.cgi?product=Kitalpha">Report a Bug</a></li>
+				<li><a href="https://polarsys.org/wiki/Kitalpha">How to Contribute</a></li>
+				<li><a href="https://polarsys.org/mailman/listinfo/kitalpha-dev">Mailing List</a></li>
+				<li><a href="https://polarsys.org/forums/index.php/f/8/">Forum</a></li>
 			</ul>
 			<ul class="endfooter">
 				<li><h4>Other</h4></li>
diff --git a/start.html b/start.html
new file mode 100644
index 0000000..3b430d4
--- /dev/null
+++ b/start.html
@@ -0,0 +1,284 @@
+<!doctype html>
+<html>
+<link rel="icon" type="image/png" href="favicon.ico" />
+
+
+
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>Kitalpha</title>
+	<link rel="stylesheet" href="styles.css" type="text/css" />
+
+	
+	<style>
+		/**************************************************************
+			
+			@import url("http://fonts.googleapis.com/css?family=Lato");
+		
+			* {
+			  margin: 0;
+			  padding: 0;
+			  -moz-box-sizing: border-box;
+			  -webkit-box-sizing: border-box;
+			  box-sizing: border-box;
+			}
+
+		
+			body {
+			  padding: 20px;
+			  text-align: left;
+			  font-family: Lato;
+			  color: #fff;
+			  background: #9b59b6;
+			}
+
+			h1 {
+			  font-weight: normal;
+			  font-size: 40px;
+			  font-weight: normal;
+			  text-transform: uppercase;
+			  float: left;
+			  margin: 20px 0 100px 10px;
+			}
+			h1 span {
+			  font-size: 13px;
+			  display: block;
+			  padding-left: 4px;
+			}
+		*****************************************************************/
+
+		.tabs {
+		  width: 740px;
+		  float: none;
+		  list-style: none;
+		  position: relative;
+		  margin: 10px 0 0 10px;
+		  text-align: left;
+		  -moz-box-sizing: border-box;
+		  -webkit-box-sizing: border-box;
+		  box-sizing: border-box;
+		}
+		.tabs li {
+		  float: left;
+		  display: block;
+		}
+		.tabs input[type="radio"] {
+		  position: absolute;
+		  top: -9999px;
+		  left: -9999px;
+		}
+		.tabs label {
+		  display: block;
+		  padding: 16px 28px;
+		  border-radius: 3px 3px 0 0;
+		  font-size: 14px;
+		  font-weight: normal;
+		  font-family: 'Jura',Arial,sans-serif;
+		  text-transform: uppercase;
+		  background: #E0E0E0    ;
+		  cursor: pointer;
+		  position: relative;
+		  top: 4px;
+		  -moz-transition: all 0.2s ease-in-out;
+		  -o-transition: all 0.2s ease-in-out;
+		  -webkit-transition: all 0.2s ease-in-out;
+		  transition: all 0.2s ease-in-out;
+		}
+		.tabs label:hover {
+		  background: #F8F8F8;
+		}
+		.tabs .tab-content {
+		  z-index: 2;
+		  display: none;
+		  overflow: hidden;
+		  width: 100%;
+		  font-size: 16px;
+		  line-height: 25px;
+		  padding: 25px;
+		  position: absolute;
+		  top: 53px;
+		  left: 0;
+		  background: #F8F8F8;
+		}
+		.tabs [id^="tab"]:checked + label {
+		  top: 0;
+		  padding-top: 17px;
+		  background: #F8F8F8;
+		}
+		.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
+		  display: block;
+		}
+
+		p.link {
+		  clear: both;
+		  margin: 380px 0 0 15px;
+		}
+		p.link a {
+		  text-transform: uppercase;
+		  text-decoration: none;
+		  display: inline-block;
+		  color: #fff;
+		  padding: 5px 10px;
+		  margin: 0 5px;
+		  background-color: #612e76;
+		  -moz-transition: all 0.2s ease-in;
+		  -o-transition: all 0.2s ease-in;
+		  -webkit-transition: all 0.2s ease-in;
+		  transition: all 0.2s ease-in;
+		}
+		p.link a:hover {
+		  background-color: #522764;
+		}
+		</style>
+	
+	<noscript>
+		<style> .jsonly { display: none } </style>
+	</noscript>
+	
+	<!-- Add jQuery library -->
+	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
+	<script type="text/javascript" src="js-global/fancyzoom_simplified.js"></script>
+	<script type="text/javascript">
+		$(document).ready(function() {
+			$('a.zoom').fancyZoom({scaleImg: true, closeOnClick: true});
+		});
+	</script>
+</head>
+
+<body>
+    <header>
+		<div class="logo-left width">
+			<a href="index.html"><img src="images/logo_kitalpha.png" alt="Kitalpha logo" width="40%"></a>
+		</div>
+    </header>
+    <nav>
+		
+		<div class="width">
+			<ul>
+				<li class="start"><a href="index.html">Home</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li><a href="https://polarsys.org/wiki/Kitalpha/features">Features</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li class="selected"><a href="start.html">Getting Started</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li><a href="events.html">Events</a></li>
+				<li class="divider-vertical-second-menu"></li>
+				<li class="end"><a href="community.html">Community</a></li>
+				<li style="text-align:right;"><a href="download.html" class="box">Download</a></li>
+				<li style="float:none;"><br style="clear:both;" /></li> 
+			</ul>		
+		</div>
+		
+    </nav>
+
+	<div id="hrdiv">
+		<img src="images/bg_breadcrumb.jpg" width="" alt="" height="" />
+	</div>
+
+    <div id="body" class="width-started">
+		<article class="expanded">
+			<ul class="tabs">
+				<li>
+					<input name="tabs" id="tab1" checked="" type="radio">
+					<label for="tab1">Installation</label>
+					<div id="tab-content1" class="tab-content">
+						<h3>Kitalpha 0.5.1-RC1</h3>
+						<p>
+							Kitalpha 0.5.1-RC1 was released in January 2015. <br />
+							A Java 6 JRE/JDK is recommended for Kitalpha 0.5.1-RC1.
+						</p>
+						<h3>Install a JVM</h3>
+						<p>
+							Regardless of your operating system, you will need to install some Java virtual machine (JVM). <br />
+							You may either install a Java Runtime Environment (JRE), or a Java Development Kit (JDK). <br />
+							If you want to save some disk space, install a JRE. 
+							<ul>
+								<li>- If you are using Windows or MacOS, you may already have a JRE installed.</li>
+								<li>- If using Linux, see: 
+									<b>
+										<a href="http://www.64bitjungle.com/ubuntu/install-java-jre-160-update-x-on-hardy-as-the-default-java-runtime/">Installing JRE 1.6.0 (Update x) as the Default Runtime in Linux</a>.
+									</b>
+								</li>
+							</ul>
+						</p>
+						<br />
+						<br />
+						<h3>Download Kitalpha</h3>
+						<p>
+							Download Kitalpha from the <b> <a href="download.html">Kitalpha Downloads Page</a> </b>. <br />
+							There are several package choices depending on the operating system. <br />
+							The download will be delivered as a compressed (i.e. a ".zip", or ".tar.gz") file. <br />
+							Extract this file into the directory of your choice (e.g. "c:\eclipse" on Windows) and ensure you have full "Read" and "Execute" permissions. <br />
+							You can optionally create a shortcut of the executable file ("eclipse.exe" on Windows, or "eclipse" on Linux and MacOS). 
+						</p>
+						<h3>More information</h3>
+						<p>
+							For any further information, please feel free to ask questions in the <b> <a href="https://polarsys.org/forums/index.php/f/8/">tooling dedicated section</a> </b> of the forum.
+						</p>
+					</div>
+				</li>
+			  
+				<li>
+					<input name="tabs" id="tab2" type="radio">
+					<label for="tab2">Sample Models</label>
+					<div id="tab-content2" class="tab-content">
+						<h3><i>Under Contruction...</i></h3>
+						
+					</div>
+				</li>
+			</ul>
+		</article>		         
+    </div>
+	
+	<div class="clear"></div>
+	
+    <footer id="footer-start">
+		<div class="footer-content width">
+			<ul>
+				<li><h4>PolarSys</h4></li>
+				<li><a href="https://www.polarsys.org/eclipse_sites/org_home">About</a></li>
+				<li><a href="https://www.polarsys.org/eclipse_sites/contact">Contact Us</a></li>
+			</ul>
+			<ul>
+            	<li><h4>Legal</h4></li>
+				<li><a href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li>
+				<li><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
+				<li><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
+				<li><a href="https://www.eclipse.org/org/documents/epl-v10.php">Eclipse Public License</a></li>
+				<li><a href="https://www.eclipse.org/legal/">Legal Resources</a></li>
+            </ul>
+			<ul>
+				<li><h4>Useful Links</h4></li>
+				<li><a href="https://polarsys.org/bugs/describecomponents.cgi?product=Kitalpha">Report a Bug</a></li>
+				<li><a href="https://polarsys.org/wiki/Kitalpha">How to Contribute</a></li>
+				<li><a href="https://polarsys.org/mailman/listinfo/kitalpha-dev">Mailing List</a></li>
+				<li><a href="https://polarsys.org/forums/index.php/f/8/">Forum</a></li>
+			</ul>
+			<ul class="endfooter">
+				<li><h4>Other</h4></li>
+				<li><a href="https://www.thalesgroup.com/">Thalesgroup</a></li>
+				<li><a href="https://www.eclipse.org/org/workinggroups/">Working Groups</a></li>
+			</ul>
+			<table>
+				<tr>
+					<td>
+						<a href="http://www.polarsys.org/"><img src="images/polarsys.png" alt="PolarSys logo" width="250"></a>
+						<br />
+						<br />
+					</td>
+					<td>
+						<div class="right-footer">
+							<a href="http://www.eclipse.org/"><img src="images/eclipse.png" alt="Eclipse logo"></a>
+							<br />
+							Copyright © <span id="year">2014</span> The Eclipse Foundation. <br /> All Rights Reserved.
+						</div>
+					</td>
+				</tr>
+			</table>
+		
+			<div class="clear"></div>			
+		</div>
+   
+	</footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 584f853..9715e2d 100644
--- a/styles.css
+++ b/styles.css
@@ -587,9 +587,9 @@
 }
 
 #footer-start {
-	margin: 140em auto 0;
+	margin: 50em auto 0;
 	background-image:linear-gradient(to left, #C5D6E8, white 90%);
-	border-top: 8px solid #1791AB;
+	border-top: 8px solid #4E387E;
 }
 
 footer p {