Website build SUMO website/master-281
diff --git a/2013/index.html b/2013/index.html
index 4b1e736..c27d80f 100644
--- a/2013/index.html
+++ b/2013/index.html
@@ -148,40 +148,22 @@
     <div class="svg-rounded">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="#f8f8f8"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg>
     </div>
-    <h1 class="text-center" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2013</h1>
+    <div class="text-center page-title" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2013</div>
   
     
     <h4 style="text-align: center; color: #6d846e;">The first SUMO User Conference</h4>
     
-    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 15-17  | <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
+    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 15-17  &nbsp;&nbsp;•&nbsp;&nbsp; <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
     
     
   </div>
 
   <div class="container">
     
-<div class="text-right">
-  <div class="btn-group" style="margin-bottom:10px;">
-      <div class="dropdown">
-      <button type="button" class="btn btn-light btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">[Archive] Select previous year</button>
-          <div class="dropdown-menu text-center">
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
-              <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
-          </div>
-      </div> 
-  </div>
-  </div>
+    <div class="row">
+    <div class="col-md-10">
 
-    
-
-<h3 id="introduction">Introduction</h3>
+<h1 id="introduction">Introduction</h1>
 
 <p>The first SUMO User Conference &ldquo;SUMO2013&rdquo; was attended by 30 participants from throughout Europe which presented three days of simulation results but also technical enhancements and new usage scenarios of the open source microscopic traffic simulation. The highlights were two keynote speakers, Christoph Sommer (Universitaet Innsbruck) and Kai Nagel (TU Berlin), which talked about the current developments in the simulation of vehicle communication, one of the main applications of SUMO, as well as experience with the development of MatSim. The program was rounded off by numerous discussions on the edge and a panel discussion, which will promote further exchanges among other simulation scenarios.</p>
 
@@ -199,7 +181,7 @@
   <img src="../images/conference_2013.jpg" style="width:600px;" alt="Conference image" class="img-responsive" />
 </div>
 
-<h3 id="conference-information">Conference Information</h3>
+<h1 id="conference-information">Conference Information</h1>
 
 <p>Traffic simulations are of immense importance for researchers as well as practitioners in the field of transportation. SUMO has been available since 2001 and provides a wide range of traffic planing and simulation applications. SUMO consists of a suite of tools covering road network imports and enrichment, demand generation and assignment and a state-of-the-art microscopic traffic simulation capable to simulate private and public transport modes, as well as person-based trip chains. Being open, SUMO is also ready to implement new behavioral models or to control the simulation remotely using various programming environments.</p>
 
@@ -209,7 +191,7 @@
 
 <p>There is <a href="http://sumo.dlr.de/2013/SUMO2013.pdf">a flyer containing most of the important informations</a>. You can find <a href="http://sumo.dlr.de/2013/Program_SUMO2013.pdf">the detailed program here</a>.</p>
 
-<h3 id="contact">Contact</h3>
+<h1 id="contact">Contact</h1>
 
 <p>Please contact the conference team via mail at <a href="mailto:SUMO2013@dlr.de">SUMO2013@dlr.de</a></p>
 
@@ -220,7 +202,39 @@
 Rutherfordstr. 2<br />
 12489 Berlin<br />
 Germany</p>
-
+</div>
+    <div class="col-md-2"><div style="border-left: 1px solid #d4d4d4; padding-left: 10px;">
+<p class="sidebar-title"><b>Archive</b></p>
+<div class="btn-group">
+    <div class="dropdown">
+    <button type="button" class="btn btn-light btn-archive btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">Select year </button>
+        <div class="dropdown-menu text-center">
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
+            <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
+        </div>
+    </div> 
+</div>
+<br><br><div class="d-none d-md-block"><p class="sidebar-title"><b>What's on this Page</b></p>
+<nav id="TableOfContents">
+<ul>
+<li><a href="#introduction">Introduction</a></li>
+<li><a href="#conference-information">Conference Information</a></li>
+<li><a href="#contact">Contact</a></li>
+</ul>
+</nav>
+</div></div></div>
+    </div>
+    
+    
+    
+  
     
     <div class="d-flex justify-content-end"><a href="https://github.com/eclipse/sumo.website/edit/master/content/2013.md"><button type="button" class="btn btn-light btn-sm" title="Edit this page on GitHub"><i class="fas fa-pencil-alt"></i> Edit</button></a></div>
     
diff --git a/2014/index.html b/2014/index.html
index 6ad6f94..16cd7ed 100644
--- a/2014/index.html
+++ b/2014/index.html
@@ -148,40 +148,22 @@
     <div class="svg-rounded">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="#f8f8f8"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg>
     </div>
-    <h1 class="text-center" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2014</h1>
+    <div class="text-center page-title" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2014</div>
   
     
     <h4 style="text-align: center; color: #6d846e;">Modeling Mobility with Open Data</h4>
     
-    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 15-16  | <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
+    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 15-16  &nbsp;&nbsp;•&nbsp;&nbsp; <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
     
     
   </div>
 
   <div class="container">
     
-<div class="text-right">
-  <div class="btn-group" style="margin-bottom:10px;">
-      <div class="dropdown">
-      <button type="button" class="btn btn-light btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">[Archive] Select previous year</button>
-          <div class="dropdown-menu text-center">
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
-              <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
-          </div>
-      </div> 
-  </div>
-  </div>
+    <div class="row">
+    <div class="col-md-10">
 
-    
-
-<h3 id="introduction">Introduction</h3>
+<h1 id="introduction">Introduction</h1>
 
 <p>The SUMO2014 Conference was attended by over 50 participants from throughout Europe and America which presented two days of simulation results but also technical enhancements and new usage scenarios of the open source microscopic traffic simulation (<a href="http://sumo.dlr.de/2014/Proceeding_SUMO2014_15+16May2014_Berlin-Adlershof.pdf">Here</a> you can find the conference proceedings). A highlight was the keynote speaker Mario Krumnow (Technical University Dresden), who talked about &ldquo;Modeling Mobility with Open Data&rdquo; (here you can find his <a href="http://sumo.dlr.de/2014/Krumnow-OpenData2014.pdf">presentation</a> and <a href="http://sumo.dlr.de/2014/Krumnow-Simulation.zip">simulation</a>). The program was rounded off by numerous discussions on the edge and a panel discussion, which will promote further exchanges among other simulation scenarios.</p>
 
@@ -198,11 +180,11 @@
   <img src="../images/conference_2014.jpg" style="width:600px;" alt="Conference image" class="img-responsive" />
 </div>
 
-<h5 id="for-participants">For participants:</h5>
+<p><strong>For participants:</strong></p>
 
 <p>On your usb-drive you received a simulation scenario which is compatible with the upcoming release 0.21.0. You can find a version that is compatible with version 0.20.0 at the following location: <a href="http://sourceforge.net/projects/sumo/files/traffic_data/scenarios/iTETRIS_Bologna/iTETRIS_Bologna_joined-0.20.0.zip/download">download</a></p>
 
-<h3 id="sessions-and-presentations">Sessions and Presentations</h3>
+<h1 id="sessions-and-presentations">Sessions and Presentations</h1>
 
 <p>Please find below the sessions of the conference with presentations linked where available.</p>
 
@@ -250,13 +232,13 @@
 * <a href="http://sumo.dlr.de/2014/Presentation_LC2013_JakobErdmann.pdf">Lane-Changing Model in SUMO</a> (Jakob Erdmann)
 * <a href="http://sumo.dlr.de/2014/Presentation_open_scenarios_LauraBieker.pdf">Traffic simulation for all: a real world traffic scenario from the city of Bologna</a> (Laura Bieker)</p>
 
-<h3 id="conference-information">Conference Information</h3>
+<h1 id="conference-information">Conference Information</h1>
 
 <p>Traffic simulations are of immense importance for researchers as well as practitioners in the field of transportation. SUMO has been available since 2001 and provides a wide range of traffic planing and simulation applications. SUMO consists of a suite of tools covering road network imports and enrichment, demand generation and assignment and a state-of-the-art microscopic traffic simulation capable to simulate private and public transport modes, as well as person-based trip chains. Being open, SUMO is also ready to implement new behavioral models or to control the simulation remotely using various programming environments.</p>
 
 <p>These and other features make SUMO one of the most used traffic simulations with a large and international user community. Further information about SUMO can be found at the project&rsquo;s web pages located at <a href="http://sumo-sim.org/">http://sumo-sim.org/</a>.</p>
 
-<h3 id="contact">Contact</h3>
+<h1 id="contact">Contact</h1>
 
 <p>Please contact the conference team via mail at <a href="mailto:sumo-conference@dlr.de">sumo-conference@dlr.de</a></p>
 
@@ -267,7 +249,40 @@
 Rutherfordstr. 2<br />
 12489 Berlin<br />
 Germany</p>
-
+</div>
+    <div class="col-md-2"><div style="border-left: 1px solid #d4d4d4; padding-left: 10px;">
+<p class="sidebar-title"><b>Archive</b></p>
+<div class="btn-group">
+    <div class="dropdown">
+    <button type="button" class="btn btn-light btn-archive btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">Select year </button>
+        <div class="dropdown-menu text-center">
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
+            <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
+        </div>
+    </div> 
+</div>
+<br><br><div class="d-none d-md-block"><p class="sidebar-title"><b>What's on this Page</b></p>
+<nav id="TableOfContents">
+<ul>
+<li><a href="#introduction">Introduction</a></li>
+<li><a href="#sessions-and-presentations">Sessions and Presentations</a></li>
+<li><a href="#conference-information">Conference Information</a></li>
+<li><a href="#contact">Contact</a></li>
+</ul>
+</nav>
+</div></div></div>
+    </div>
+    
+    
+    
+  
     
     <div class="d-flex justify-content-end"><a href="https://github.com/eclipse/sumo.website/edit/master/content/2014.md"><button type="button" class="btn btn-light btn-sm" title="Edit this page on GitHub"><i class="fas fa-pencil-alt"></i> Edit</button></a></div>
     
diff --git a/2015/index.html b/2015/index.html
index 3388d12..b07b504 100644
--- a/2015/index.html
+++ b/2015/index.html
@@ -148,45 +148,27 @@
     <div class="svg-rounded">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="#f8f8f8"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg>
     </div>
-    <h1 class="text-center" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2015</h1>
+    <div class="text-center page-title" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2015</div>
   
     
     <h4 style="text-align: center; color: #6d846e;">Intermodal Simulation for Intermodal Transport</h4>
     
-    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 7-8  | <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
+    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 7-8  &nbsp;&nbsp;•&nbsp;&nbsp; <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
     
     
   </div>
 
   <div class="container">
     
-<div class="text-right">
-  <div class="btn-group" style="margin-bottom:10px;">
-      <div class="dropdown">
-      <button type="button" class="btn btn-light btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">[Archive] Select previous year</button>
-          <div class="dropdown-menu text-center">
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
-              <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
-          </div>
-      </div> 
-  </div>
-  </div>
-
-    
+    <div class="row">
+    <div class="col-md-10">
 
 <div class="btn-group">
   <a href="https://www.dlr.de/ts/en/DownloadCount.aspx?raid=328402&docid=9956&rn=9e98c756-53c6-4951-9fb2-17629c9f2002" class="btn btn-info btn-sm btn-padding"><i class="fas fa-file-download"></i> SUMO 2015 Proceedings (17.07 MB)</a>
   <a href="https://www.dlr.de/ts/en/DownloadCount.aspx?raid=325512&docid=9895&rn=cb9fc382-3ede-456c-9f66-3e6d1414aa72" class="btn btn-info btn-sm btn-padding"><i class="fas fa-file-download"></i> SUMO 2015 Flyer (1.42 MB)</a>
 </div>
 
-<h3 id="introduction">Introduction</h3>
+<h1 id="introduction">Introduction</h1>
 
 <p>The SUMO2015 Conference was attended by over 40 participants from throughout Europe and America which presented two days of simulation results but also technical enhancements and new usage scenarios of the open source microscopic traffic simulation (Here you can find the conference proceedings). A highlight were the keynote speakers Fritz Busch (Technische Universität München) and Hans van Lint (Delft University of Technology). The program was rounded off by numerous discussions on the edge and the SUMO Café, which will promote further exchanges among other simulation scenarios.</p>
 
@@ -201,14 +183,46 @@
   <img src="../images/conference_2015.jpg" style="width:600px;" alt="Conference image" class="img-responsive" />
 </div>
 
-<h3 id="conference-information">Conference Information</h3>
+<h1 id="conference-information">Conference Information</h1>
 
 <p>Traffic simulations are of immense importance for researchers as well as practitioners in the field of transportation. SUMO has been available since 2001 and provides a wide range of traffic planning and simulation applications. SUMO consists of a suite of tools covering road network imports and enrichment, demand generation and assignment and a state-of-the-art microscopic traffic simulation capable to simulate private and public transport modes, as well as person-based trip chains. Being open, SUMO is also ready to implement new behavioral models or to control the simulation remotely using various programming environments. These and other features make SUMO one of the most used traffic simulations with a large and international user community. Further information about SUMO can be found at the project&rsquo;s web pages located at <a href="https://sumo.dlr.de/">https://sumo.dlr.de/</a>.</p>
 
-<h3 id="contact">Contact</h3>
+<h1 id="contact">Contact</h1>
 
 <p>Please contact the conference team via mail at <a href="mailto:sumo-conference@dlr.de">sumo-conference@dlr.de</a></p>
-
+</div>
+    <div class="col-md-2"><div style="border-left: 1px solid #d4d4d4; padding-left: 10px;">
+<p class="sidebar-title"><b>Archive</b></p>
+<div class="btn-group">
+    <div class="dropdown">
+    <button type="button" class="btn btn-light btn-archive btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">Select year </button>
+        <div class="dropdown-menu text-center">
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
+            <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
+        </div>
+    </div> 
+</div>
+<br><br><div class="d-none d-md-block"><p class="sidebar-title"><b>What's on this Page</b></p>
+<nav id="TableOfContents">
+<ul>
+<li><a href="#introduction">Introduction</a></li>
+<li><a href="#conference-information">Conference Information</a></li>
+<li><a href="#contact">Contact</a></li>
+</ul>
+</nav>
+</div></div></div>
+    </div>
+    
+    
+    
+  
     
     <div class="d-flex justify-content-end"><a href="https://github.com/eclipse/sumo.website/edit/master/content/2015.md"><button type="button" class="btn btn-light btn-sm" title="Edit this page on GitHub"><i class="fas fa-pencil-alt"></i> Edit</button></a></div>
     
diff --git a/2016/index.html b/2016/index.html
index 14edda3..f5a43a1 100644
--- a/2016/index.html
+++ b/2016/index.html
@@ -148,38 +148,20 @@
     <div class="svg-rounded">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="#f8f8f8"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg>
     </div>
-    <h1 class="text-center" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2016</h1>
+    <div class="text-center page-title" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2016</div>
   
     
     <h4 style="text-align: center; color: #6d846e;">Traffic, Mobility, and Logistics</h4>
     
-    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 23-25  | <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
+    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 23-25  &nbsp;&nbsp;•&nbsp;&nbsp; <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
     
     
   </div>
 
   <div class="container">
     
-<div class="text-right">
-  <div class="btn-group" style="margin-bottom:10px;">
-      <div class="dropdown">
-      <button type="button" class="btn btn-light btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">[Archive] Select previous year</button>
-          <div class="dropdown-menu text-center">
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
-              <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
-          </div>
-      </div> 
-  </div>
-  </div>
-
-    
+    <div class="row">
+    <div class="col-md-10">
 
 <!-- image -->
 
@@ -192,7 +174,7 @@
   <a href="https://www.dlr.de/ts/en/DownloadCount.aspx?raid=354349&docid=10466&rn=a6683f08-7102-4dcf-8e87-3d818f48f30a" class="btn btn-info btn-sm btn-padding"><i class="fas fa-file-download"></i> SUMO 2016 Program (0.77 MB)</a>
 </div>
 
-<h3 id="introduction">Introduction</h3>
+<h1 id="introduction">Introduction</h1>
 
 <p>This year, the SUMO User Conference focused on traffic, mobility and logistics. It was attended by almost 50 international participants from industry and academia. In addition to the excellent keynote given by Prof. Dr. Björn Scheuermann (Humboldt-Universität Berlin), the conference program allowed for intensive discussions on recent research advancements and developments in SUMO. A highlight was the poster session with a PARCOURS demo in which the attendants were able experience a live 3D traffic simulator with VR googles. The program was rounded off by a tutorial, numerous discussions on the edge and the SUMO Café, which will promote further exchanges among the SUMO user community.</p>
 
@@ -201,15 +183,47 @@
 <p>All those who contributed to the SUMO User Conference 2016:<br />
 Thank you for your excellent work!</p>
 
-<h3 id="conference-information">Conference Information</h3>
+<h1 id="conference-information">Conference Information</h1>
 
 <p>Traffic simulations are of immense importance for researchers as well as practitioners in the field of transportation. SUMO has been available since 2001 and provides a wide range of traffic planning and simulation applications. SUMO consists of a suite of tools covering road network imports and enrichment, demand generation and assignment and a state-of-the-art microscopic traffic simulation capable to simulate private and public transport modes, as well as person-based trip chains. Being open source, SUMO is ready to implement new behavioral models or to control the simulation remotely using various programming environments. These and other features make SUMO one of the most often used open source traffic simulations with a large and international user community.</p>
 
-<h3 id="contact">Contact</h3>
+<h1 id="contact">Contact</h1>
 
 <p>Please contact the conference team via mail at <a href="mailto:sumo-conference@dlr.de">sumo-conference@dlr.de</a><br />
 You can find more information about SUMO at <a href="https://sumo.dlr.de">https://sumo.dlr.de</a></p>
-
+</div>
+    <div class="col-md-2"><div style="border-left: 1px solid #d4d4d4; padding-left: 10px;">
+<p class="sidebar-title"><b>Archive</b></p>
+<div class="btn-group">
+    <div class="dropdown">
+    <button type="button" class="btn btn-light btn-archive btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">Select year </button>
+        <div class="dropdown-menu text-center">
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
+            <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
+        </div>
+    </div> 
+</div>
+<br><br><div class="d-none d-md-block"><p class="sidebar-title"><b>What's on this Page</b></p>
+<nav id="TableOfContents">
+<ul>
+<li><a href="#introduction">Introduction</a></li>
+<li><a href="#conference-information">Conference Information</a></li>
+<li><a href="#contact">Contact</a></li>
+</ul>
+</nav>
+</div></div></div>
+    </div>
+    
+    
+    
+  
     
     <div class="d-flex justify-content-end"><a href="https://github.com/eclipse/sumo.website/edit/master/content/2016.md"><button type="button" class="btn btn-light btn-sm" title="Edit this page on GitHub"><i class="fas fa-pencil-alt"></i> Edit</button></a></div>
     
diff --git a/2017/index.html b/2017/index.html
index 70a5481..e62ac48 100644
--- a/2017/index.html
+++ b/2017/index.html
@@ -148,38 +148,20 @@
     <div class="svg-rounded">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="#f8f8f8"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg>
     </div>
-    <h1 class="text-center" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2017</h1>
+    <div class="text-center page-title" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2017</div>
   
     
     <h4 style="text-align: center; color: #6d846e;">Towards Simulation for Autonomous Mobility</h4>
     
-    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 8-10  | <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
+    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 8-10  &nbsp;&nbsp;•&nbsp;&nbsp; <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
     
     
   </div>
 
   <div class="container">
     
-<div class="text-right">
-  <div class="btn-group" style="margin-bottom:10px;">
-      <div class="dropdown">
-      <button type="button" class="btn btn-light btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">[Archive] Select previous year</button>
-          <div class="dropdown-menu text-center">
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
-              <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
-          </div>
-      </div> 
-  </div>
-  </div>
-
-    
+    <div class="row">
+    <div class="col-md-10">
 
 <!-- image -->
 
@@ -192,7 +174,7 @@
   <a href="https://www.dlr.de/ts/en/DownloadCount.aspx?raid=417630&docid=11276&rn=ece94a40-92ca-49ad-b54b-ec5b96ce02e9" class="btn btn-info btn-sm btn-padding"><i class="fas fa-file-download"></i> SUMO 2017 Flyer (5.06 MB)</a>
 </div>
 
-<h3 id="introduction">Introduction</h3>
+<h1 id="introduction">Introduction</h1>
 
 <p>This year, the SUMO User Conference focused on traffic simulation and simulator coupling for autonomous mobility. It was attended by more than 70 international participants from industry and academia. In addition to the joint keynote given by Johan Magnusson and Christer Lindström from 4Dialog AB, the conference program allowed for intensive discussions on recent research advancements and developments in SUMO. A highlight was the poster session with live demos of traffic simulators from rfPro and TESIS DYNAware both of which used SUMO internally. The program was rounded off by a tutorial, numerous interesting and engaging discussions on the side and the SUMO Café, which facilitated an exchange of experiences among the SUMO community.</p>
 
@@ -201,15 +183,47 @@
 <p>All those who contributed to the SUMO User Conference 2017:<br />
 Thank you for your excellent work!</p>
 
-<h3 id="conference-information">Conference Information</h3>
+<h1 id="conference-information">Conference Information</h1>
 
 <p>Traffic simulations are of immense importance for researchers as well as practitioners in the field of transportation. SUMO has been available since 2001 and provides a wide range of traffic planning and simulation applications. SUMO consists of a suite of tools covering road network imports and enrichment, demand generation and assignment and a state-of-the-art microscopic traffic simulation capable to simulate private and public transport modes, as well as person-based trip chains. Being open source, SUMO is ready to implement new behavioral models or to control the simulation remotely using various programming environments. These and other features make SUMO one of the most often used open source traffic simulations with a large and international user community.</p>
 
-<h3 id="contact">Contact</h3>
+<h1 id="contact">Contact</h1>
 
 <p>Please contact the conference team via mail at <a href="mailto:sumo-conference@dlr.de">sumo-conference@dlr.de</a><br />
 You can find more information about SUMO at <a href="https://sumo.dlr.de">https://sumo.dlr.de</a></p>
-
+</div>
+    <div class="col-md-2"><div style="border-left: 1px solid #d4d4d4; padding-left: 10px;">
+<p class="sidebar-title"><b>Archive</b></p>
+<div class="btn-group">
+    <div class="dropdown">
+    <button type="button" class="btn btn-light btn-archive btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">Select year </button>
+        <div class="dropdown-menu text-center">
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
+            <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
+        </div>
+    </div> 
+</div>
+<br><br><div class="d-none d-md-block"><p class="sidebar-title"><b>What's on this Page</b></p>
+<nav id="TableOfContents">
+<ul>
+<li><a href="#introduction">Introduction</a></li>
+<li><a href="#conference-information">Conference Information</a></li>
+<li><a href="#contact">Contact</a></li>
+</ul>
+</nav>
+</div></div></div>
+    </div>
+    
+    
+    
+  
     
     <div class="d-flex justify-content-end"><a href="https://github.com/eclipse/sumo.website/edit/master/content/2017.md"><button type="button" class="btn btn-light btn-sm" title="Edit this page on GitHub"><i class="fas fa-pencil-alt"></i> Edit</button></a></div>
     
diff --git a/2018/index.html b/2018/index.html
index 808e8f7..65957f2 100644
--- a/2018/index.html
+++ b/2018/index.html
@@ -148,38 +148,20 @@
     <div class="svg-rounded">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="#f8f8f8"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg>
     </div>
-    <h1 class="text-center" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2018</h1>
+    <div class="text-center page-title" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2018</div>
   
     
     <h4 style="text-align: center; color: #6d846e;">Simulating Autonomous and Intermodal Transport</h4>
     
-    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 14-16  | <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
+    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 14-16  &nbsp;&nbsp;•&nbsp;&nbsp; <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
     
     
   </div>
 
   <div class="container">
     
-<div class="text-right">
-  <div class="btn-group" style="margin-bottom:10px;">
-      <div class="dropdown">
-      <button type="button" class="btn btn-light btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">[Archive] Select previous year</button>
-          <div class="dropdown-menu text-center">
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
-              <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
-          </div>
-      </div> 
-  </div>
-  </div>
-
-    
+    <div class="row">
+    <div class="col-md-10">
 
 <!-- image -->
 
@@ -187,7 +169,7 @@
   <img src="../images/conference_2018.jpg" style="width:100%;" alt="Conference image" class="img-responsive" />
 </div>
 
-<h3 id="introduction">Introduction</h3>
+<h1 id="introduction">Introduction</h1>
 
 <p>Traffic simulations are of immense importance for researchers as well as practitioners in the field of transportation. SUMO has been available since 2001 and provides a wide range of traffic planning and simulation applications. SUMO consists of a suite of tools covering road network imports and enrichment, demand generation and assignment and a state-of-the-art microscopic traffic simulation capable to simulate private and public transport modes, as well as person-based trip chains. Being open source, SUMO is ready to implement new behavioral models or to control the simulation remotely using various programming environments. These and other features make SUMO one of the most often used open source traffic simulations with a large and international user community.</p>
 
@@ -196,11 +178,42 @@
 <p>All those who contributed to the SUMO User Conference 2018:<br />
 Thank you for your excellent work!</p>
 
-<h3 id="contact">Contact</h3>
+<h1 id="contact">Contact</h1>
 
 <p>Please contact the conference team via mail at <a href="mailto:sumo-conference@dlr.de">sumo-conference@dlr.de</a><br />
 You can find more information about SUMO at <a href="https://sumo.dlr.de">https://sumo.dlr.de</a></p>
-
+</div>
+    <div class="col-md-2"><div style="border-left: 1px solid #d4d4d4; padding-left: 10px;">
+<p class="sidebar-title"><b>Archive</b></p>
+<div class="btn-group">
+    <div class="dropdown">
+    <button type="button" class="btn btn-light btn-archive btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">Select year </button>
+        <div class="dropdown-menu text-center">
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
+            <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
+        </div>
+    </div> 
+</div>
+<br><br><div class="d-none d-md-block"><p class="sidebar-title"><b>What's on this Page</b></p>
+<nav id="TableOfContents">
+<ul>
+<li><a href="#introduction">Introduction</a></li>
+<li><a href="#contact">Contact</a></li>
+</ul>
+</nav>
+</div></div></div>
+    </div>
+    
+    
+    
+  
     
     <div class="d-flex justify-content-end"><a href="https://github.com/eclipse/sumo.website/edit/master/content/2018.md"><button type="button" class="btn btn-light btn-sm" title="Edit this page on GitHub"><i class="fas fa-pencil-alt"></i> Edit</button></a></div>
     
diff --git a/2019/index.html b/2019/index.html
index 89a8e5f..e147bc6 100644
--- a/2019/index.html
+++ b/2019/index.html
@@ -148,38 +148,20 @@
     <div class="svg-rounded">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="#f8f8f8"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg>
     </div>
-    <h1 class="text-center" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2019</h1>
+    <div class="text-center page-title" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2019</div>
   
     
     <h4 style="text-align: center; color: #6d846e;">Simulating Connected Urban Mobility</h4>
     
-    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 13-15  | <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
+    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> May 13-15  &nbsp;&nbsp;•&nbsp;&nbsp; <i class="fas fa-map-marker-alt"></i> Berlin-Adlershof, Germany</p>
     
     
   </div>
 
   <div class="container">
     
-<div class="text-right">
-  <div class="btn-group" style="margin-bottom:10px;">
-      <div class="dropdown">
-      <button type="button" class="btn btn-light btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">[Archive] Select previous year</button>
-          <div class="dropdown-menu text-center">
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
-              <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
-          </div>
-      </div> 
-  </div>
-  </div>
-
-    
+    <div class="row">
+    <div class="col-md-10">
 
 <!-- head image -->
 
@@ -187,11 +169,11 @@
   <img src="../images/conference_2019.jpg" style="width:100%;" alt="Conference participants" class="img-responsive" />
 </div>
 
-<h3 id="introduction">Introduction</h3>
+<h1 id="introduction">Introduction</h1>
 
 <p>Traffic simulations are of immense importance for researchers as well as practitioners in the field of transportation. Eclipse SUMO provides a wide range of traffic planning and simulation applications. Eclipse SUMO is a toolsuite covering road network imports and enrichment, demand generation and assignment and a state-of-the-art microscopic traffic simulation capable to simulate private and public transport modes, as well as person-based trip chains. Being open source, Eclipse SUMO is ready to implement new behavioral models or to control the simulation remotely using various programming environments. These and other features make Eclipse SUMO one of the most often used open source traffic simulations with a large and international user community.</p>
 
-<h3 id="call-for-papers">Call for Papers</h3>
+<h1 id="call-for-papers">Call for Papers</h1>
 
 <p>The conference aims on presenting new and unique results in the field of mobility simulation and modelling using openly available tools and data. We expect a large variety of research topics and usage approaches. If you are doing a research project fitting the topics below you are kindly invited to submit an abstract. Possible areas of interest include (but are not limited to):</p>
 
@@ -214,11 +196,11 @@
 
 <p>Instructions for authors and a template can be found here: <a href="https://easychair.org/publications/for_authors">https://easychair.org/publications/for_authors</a>.</p>
 
-<h3 id="keynote-speaker">Keynote Speaker</h3>
+<h1 id="keynote-speaker">Keynote Speaker</h1>
 
 <p><a href="https://www.ifv.kit.edu/mitarbeiter_158.php">Peter Vortisch</a> (KIT – Institut für Verkehrswesen IfV)</p>
 
-<h3 id="prices">Prices</h3>
+<h1 id="prices">Prices</h1>
 
 <ul>
 <li>Regular Tickets – 495 EUR</li>
@@ -227,7 +209,7 @@
 <li>&ldquo;limited&rdquo; Student Grants - 50 EUR</li>
 </ul>
 
-<h3 id="sessions-and-presentations">Sessions and Presentations</h3>
+<h1 id="sessions-and-presentations">Sessions and Presentations</h1>
 
 <p><strong>Session 1: Automated Vehicles</strong></p>
 
@@ -299,19 +281,19 @@
 <li>Reinforcement Learning Agent under Partial Observability for Traffic Light Control in Presence of Gridlocks</li>
 </ul>
 
-<h3 id="registration">Registration</h3>
+<h1 id="registration">Registration</h1>
 
 <p>The registration fee includes a two and a half day conference program with refreshments, lunch, proceedings and social events in the evening. Accommodation is not included within the registration fee and must be pre-booked separately. <strong>Register <a href="https://sumo2019.besl-eventservice.de/front/index.php">here</a></strong>.</p>
 
-<h3 id="language">Language</h3>
+<h1 id="language">Language</h1>
 
 <p>The conference language is English.</p>
 
-<h3 id="social-event">Social Event</h3>
+<h1 id="social-event">Social Event</h1>
 
 <p>We are having a social event on Monday May 13 at BTB (<a href="https://www.btb-berlin.de/">https://www.btb-berlin.de/</a>), 2019 at 6 p.m. and on Tuesday May 14, 2019 (barbecue at the DLR Berlin-Adlershof).</p>
 
-<h3 id="venue">Venue</h3>
+<h1 id="venue">Venue</h1>
 
 <p>German Aerospace Center<br />
 Institute of Transportation Systems<br />
@@ -319,7 +301,7 @@
 12489 Berlin<br />
 Germany</p>
 
-<h3 id="contact">Contact</h3>
+<h1 id="contact">Contact</h1>
 
 <p>Please contact the conference team via mail at <a href="mailto:sumo-conference@dlr.de">sumo-conference@dlr.de</a><br />
 You can find more information about SUMO at <a href="https://sumo.dlr.de">https://sumo.dlr.de</a></p>
@@ -334,7 +316,46 @@
 <p>If you want to continue receiving E-mails from the German Aerospace Center (DLR), Institute of Transportation Systems, Berlin-Adlershof Germany, please sign at the registration desk the “Declaration of consent for the publication of photographs and dissemination of information”.</p>
 
 <p>Thank you!</p>
-
+</div>
+    <div class="col-md-2"><div style="border-left: 1px solid #d4d4d4; padding-left: 10px;">
+<p class="sidebar-title"><b>Archive</b></p>
+<div class="btn-group">
+    <div class="dropdown">
+    <button type="button" class="btn btn-light btn-archive btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">Select year </button>
+        <div class="dropdown-menu text-center">
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
+            <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
+        </div>
+    </div> 
+</div>
+<br><br><div class="d-none d-md-block"><p class="sidebar-title"><b>What's on this Page</b></p>
+<nav id="TableOfContents">
+<ul>
+<li><a href="#introduction">Introduction</a></li>
+<li><a href="#call-for-papers">Call for Papers</a></li>
+<li><a href="#keynote-speaker">Keynote Speaker</a></li>
+<li><a href="#prices">Prices</a></li>
+<li><a href="#sessions-and-presentations">Sessions and Presentations</a></li>
+<li><a href="#registration">Registration</a></li>
+<li><a href="#language">Language</a></li>
+<li><a href="#social-event">Social Event</a></li>
+<li><a href="#venue">Venue</a></li>
+<li><a href="#contact">Contact</a></li>
+</ul>
+</nav>
+</div></div></div>
+    </div>
+    
+    
+    
+  
     
     <div class="d-flex justify-content-end"><a href="https://github.com/eclipse/sumo.website/edit/master/content/2019.md"><button type="button" class="btn btn-light btn-sm" title="Edit this page on GitHub"><i class="fas fa-pencil-alt"></i> Edit</button></a></div>
     
diff --git a/2020/index.html b/2020/index.html
index 9f199d9..6bde2ee 100644
--- a/2020/index.html
+++ b/2020/index.html
@@ -148,38 +148,20 @@
     <div class="svg-rounded">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="#f8f8f8"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg>
     </div>
-    <h1 class="text-center" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2020</h1>
+    <div class="text-center page-title" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2020</div>
   
     
     <h4 style="text-align: center; color: #6d846e;">From Traffic Flow to Mobility Modeling</h4>
     
-    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> October 26-28  | <i class="fas fa-map-marker-alt"></i> Online</p>
+    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> October 26-28  &nbsp;&nbsp;•&nbsp;&nbsp; <i class="fas fa-map-marker-alt"></i> Online</p>
     
     
   </div>
 
   <div class="container">
     
-<div class="text-right">
-  <div class="btn-group" style="margin-bottom:10px;">
-      <div class="dropdown">
-      <button type="button" class="btn btn-light btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">[Archive] Select previous year</button>
-          <div class="dropdown-menu text-center">
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
-              <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
-          </div>
-      </div> 
-  </div>
-  </div>
-
-    
+    <div class="row">
+    <div class="col-md-10">
 
 <!-- head image -->
 
@@ -187,11 +169,11 @@
   <img src="../images/conference_2020.png" style="width:100%;" alt="Conference participants" class="img-responsive" />
 </div>
 
-<h3 id="introduction">Introduction</h3>
+<h1 id="introduction">Introduction</h1>
 
 <p>Traffic simulations are of immense importance for researchers as well as practitioners in the field of transportation. SUMO has been available since 2001 and provides a wide range of traffic planning and simulation applications. SUMO consists of a suite of tools covering road network imports and enrichment, demand generation and assignment, and a state-of-the-art microscopic traffic simulator capable of simulating private and public transport modes, as well as person-based trip chains. Being open source, SUMO is easily extensible by new behavioral models and can be dynamically controlled via a well-defined programming interface. These and other features make SUMO one of the most often used open source traffic simulators with a large and international user community.</p>
 
-<h3 id="call-for-papers">Call for Papers</h3>
+<h1 id="call-for-papers">Call for Papers</h1>
 
 <p>The conference focuses on presenting new and unique results in the field of mobility simulation and modeling using openly available tools and data. We expect a large variety of research topics and usage approaches. If you are working on a research project fitting the topics below, you are kindly invited to submit an abstract. Possible areas of interest include (but are not limited to):</p>
 
@@ -209,7 +191,7 @@
 <li>E-Mobility</li>
 </ul>
 
-<h3 id="sessions-and-presentations">Sessions and Presentations</h3>
+<h1 id="sessions-and-presentations">Sessions and Presentations</h1>
 
 <ul>
 <li>Tutorial • <a href="https://youtu.be/aiOQbaB-pWo"><i class="fab fa-youtube"></i> Video</a></li>
@@ -338,26 +320,63 @@
 
 <p>You can find all videos here: <a href="https://www.youtube.com/playlist?list=PLy7t4z5SYNaSbneWArP9heFSFI2ARNZrM"><button type="button" class="btn btn-danger btn-sm"><i class="fab fa-youtube"></i> YouTube playlist</button></a></p>
 
-<h3 id="social-event">Social Event</h3>
+<h1 id="social-event">Social Event</h1>
 
 <p>We are going to have a fun SUMO-related quiz using <a href="https://www.menti.com/">Menti</a>. Join our Zoom meeting and have a smartphone/tablet ready at hand. Test your knowledge of SUMO and win the glorious and prestigious prize of attaching your name to an easter egg in “sumo-gui”.</p>
 
-<h3 id="language">Language</h3>
+<h1 id="language">Language</h1>
 
 <p>The conference language is English.</p>
 
-<h3 id="prices">Prices</h3>
+<h1 id="prices">Prices</h1>
 
 <p>Participation at this year&rsquo;s conference will be <strong>free of charge</strong>!</p>
 
-<h3 id="venue">Venue</h3>
+<h1 id="venue">Venue</h1>
 
 <p>Given the extraordinary situation we are facing, this year&rsquo;s SUMO User Conference will be <strong>online</strong> via <a href="https://zoom.us/download#client_4meeting">Zoom</a>.</p>
 
-<h3 id="contact">Contact</h3>
+<h1 id="contact">Contact</h1>
 
 <p>Please contact the conference team via mail at <a href="mailto:sumo-conference@dlr.de">sumo-conference@dlr.de</a></p>
-
+</div>
+    <div class="col-md-2"><div style="border-left: 1px solid #d4d4d4; padding-left: 10px;">
+<p class="sidebar-title"><b>Archive</b></p>
+<div class="btn-group">
+    <div class="dropdown">
+    <button type="button" class="btn btn-light btn-archive btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">Select year </button>
+        <div class="dropdown-menu text-center">
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
+            <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
+        </div>
+    </div> 
+</div>
+<br><br><div class="d-none d-md-block"><p class="sidebar-title"><b>What's on this Page</b></p>
+<nav id="TableOfContents">
+<ul>
+<li><a href="#introduction">Introduction</a></li>
+<li><a href="#call-for-papers">Call for Papers</a></li>
+<li><a href="#sessions-and-presentations">Sessions and Presentations</a></li>
+<li><a href="#social-event">Social Event</a></li>
+<li><a href="#language">Language</a></li>
+<li><a href="#prices">Prices</a></li>
+<li><a href="#venue">Venue</a></li>
+<li><a href="#contact">Contact</a></li>
+</ul>
+</nav>
+</div></div></div>
+    </div>
+    
+    
+    
+  
     
     <div class="d-flex justify-content-end"><a href="https://github.com/eclipse/sumo.website/edit/master/content/2020.md"><button type="button" class="btn btn-light btn-sm" title="Edit this page on GitHub"><i class="fas fa-pencil-alt"></i> Edit</button></a></div>
     
diff --git a/about/index.html b/about/index.html
index f037c40..e8753b6 100644
--- a/about/index.html
+++ b/about/index.html
@@ -148,7 +148,7 @@
     <div class="svg-rounded">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="#f8f8f8"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg>
     </div>
-    <h1 class="text-center" style="margin-top: 80px; color:#17412f;">About Eclipse SUMO</h1>
+    <div class="text-center page-title" style="margin-top: 80px; color:#17412f;">About Eclipse SUMO</div>
   
     
   </div>
@@ -195,7 +195,7 @@
 
 <p></div></center></p>
 
-<h3 id="application-areas">Application Areas</h3>
+<h1 id="application-areas">Application Areas</h1>
 
 <p>SUMO has been used within several projects for answering a large variety of research questions:</p>
 
@@ -214,7 +214,7 @@
 <li>Calculation of emissions (noise and pollutants).</li>
 </ul>
 
-<h3 id="components">Components</h3>
+<h1 id="components">Components</h1>
 
 <p>The SUMO package contains the following applications:</p>
 
@@ -312,7 +312,7 @@
 
 <p>SUMO is <a href="https://sumo.dlr.de/docs/Libraries_Licenses.html">licensed</a> under the <a href="https://www.eclipse.org/legal/epl-v20.html">Eclipse Public License V2</a>. &ldquo;Eclipse SUMO&rdquo; is a trademark of the <a href="https://eclipse.org">Eclipse Foundation</a>. If you use SUMO, please support its development by telling us about your projects, products and <a href="https://sumo.dlr.de/docs/Publications.html">publications</a>.</p>
 
-<h3 id="citing-sumo">Citing SUMO</h3>
+<h1 id="citing-sumo">Citing SUMO</h1>
 
 <p>When citing SUMO in general, please use our current reference publication: <a href="https://ieeexplore.ieee.org/document/8569938">&ldquo;Microscopic Traffic Simulation using SUMO&rdquo;</a> ; Pablo Alvarez Lopez, Michael Behrisch, Laura Bieker-Walz, Jakob Erdmann, Yun-Pang Flötteröd, Robert Hilbrich, Leonhard Lücken, Johannes Rummel, Peter Wagner, and Evamarie Wießner. IEEE Intelligent Transportation Systems Conference (ITSC), 2018.</p>
 
@@ -331,6 +331,10 @@
 </code></pre>
 
     
+    
+    
+  
+    
     <div class="d-flex justify-content-end"><a href="https://github.com/eclipse/sumo.website/edit/master/content/about.md"><button type="button" class="btn btn-light btn-sm" title="Edit this page on GitHub"><i class="fas fa-pencil-alt"></i> Edit</button></a></div>
     
   </div>
diff --git a/conference/index.html b/conference/index.html
index 3bc3603..45133f8 100644
--- a/conference/index.html
+++ b/conference/index.html
@@ -148,52 +148,32 @@
     <div class="svg-rounded">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="#f8f8f8"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg>
     </div>
-    <h1 class="text-center" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2021</h1>
+    <div class="text-center page-title" style="margin-top: 80px; color:#17412f;">SUMO User Conference 2021</div>
   
     
     <h4 style="text-align: center; color: #6d846e;"></h4>
     
-    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> September 13-15  | <i class="fas fa-map-marker-alt"></i> Online</p>
+    <p style="text-align: center; color: #6d846e;"><i class="fas fa-calendar-alt"></i> September 13-15  &nbsp;&nbsp;•&nbsp;&nbsp; <i class="fas fa-map-marker-alt"></i> Online</p>
     
     
   </div>
 
   <div class="container">
     
-<div class="text-right">
-  <div class="btn-group" style="margin-bottom:10px;">
-      <div class="dropdown">
-      <button type="button" class="btn btn-light btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">[Archive] Select previous year</button>
-          <div class="dropdown-menu text-center">
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
-              <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
-              <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
-          </div>
-      </div> 
-  </div>
-  </div>
-
-    
+    <div class="row">
+    <div class="col-md-10">
 
 <!-- head image -->
 
 <!--<div class="container-fluid" style="padding:0 !important;">
-  <img src="../images/conference_2020.png" style="width:100%;" alt="Conference participants" class="img-responsive" />
-</div> -->
+  <img src="../images/conference_2021.png" style="width:100%;" alt="Conference 2021" class="img-responsive" />
+</div>-->
 
-<p><strong>Save the Date: September 13-15, 2021</strong></p>
-
-<h3 id="introduction">Introduction</h3>
+<h1 id="introduction">Introduction</h1>
 
 <p>Traffic simulations are of immense importance for researchers as well as practitioners in the field of transportation. SUMO has been available since 2001 and provides a wide range of traffic planning and simulation applications. SUMO consists of a suite of tools covering road network imports and enrichment, demand generation and assignment, and a state-of-the-art microscopic traffic simulator capable of simulating private and public transport modes, as well as person-based trip chains. Being open source, SUMO is easily extensible by new behavioral models and can be dynamically controlled via a well-defined programming interface. These and other features make SUMO one of the most often used open source traffic simulators with a large and international user community.</p>
 
-<h3 id="call-for-papers">Call for Papers</h3>
+<h1 id="call-for-papers">Call for Papers</h1>
 
 <p>The conference focuses on presenting new and unique results in the field of mobility simulation and modeling using openly available tools and data. We expect a large variety of research topics and usage approaches. If you are working on a research project fitting the topics below, you are kindly invited to submit an abstract. Possible areas of interest include (but are not limited to):</p>
 
@@ -212,7 +192,7 @@
 <li>Reinforcement learning / Machine Learning</li>
 </ul>
 
-<h3 id="paper-submission">Paper Submission</h3>
+<h1 id="paper-submission">Paper Submission</h1>
 
 <p><strong><em>Attention</em></strong>: We changed our paper submission process. We are now offering two submission types:</p>
 
@@ -243,12 +223,14 @@
 <li>Title and a short abstract (300 words) must be submitted until <strong>Monday, May 3rd, 2021</strong>.</li>
 </ul>
 
-<h4 id="submission-link">Submission Link</h4>
+<p>Templates and instructions for authors can be found here: <a href="https://easychair.org/publications/for_authors">https://easychair.org/publications/for_authors</a></p>
+
+<h2 id="submission-link">Submission Link</h2>
 
 <p>Please submit your papers via EasyChair:
 <a href="https://easychair.org/conferences/?conf=sumo2021">https://easychair.org/conferences/?conf=sumo2021</a></p>
 
-<h3 id="important-dates">Important Dates</h3>
+<h1 id="important-dates">Important Dates</h1>
 
 <ul>
 <li>Paper and Abstract Submission Deadline: <strong>Monday, May 3rd, 2021</strong>.</li>
@@ -256,21 +238,32 @@
 <li>Camera Ready version due: <strong>Monday, July 19th, 2021</strong>.</li>
 </ul>
 
-<!-- ### Agenda
-
-*Schedule given in Central European Time (CET) (UTC+1)* -->
-
 <!--
-| Monday         |October 26, 2020|
-|----------------|---|
+# Keynote: "Super awesome title for a Keynote"
+
+<div class="col-sm-12">
+<img src="../images/Bogenberger.png" alt="picture of Klaus Bogenberger" style="width:100px; border-radius: 50%; margin-bottom:10px;">
+<h6>Klaus Bogenberger</h6>
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+<br>
+<a href="mailto:sumo@dlr.de" class="btn btn-sm btn-outline-info" style="margin-top:10px;">Contact</a>
+</div>
+
+
+# Agenda
+
+&#128339; *Schedule given in Central European Summer Time (CEST) (UTC+2)*
+
+|                | Monday - September 13, 2021 |
+|---------------:|-----------------------------|
 | 13:00 - 14:00  | Opening & Tutorial  |
 | 14:30 - 15:00  | Ask us anything  |
 | 15:00 - 15:30  | openMobility   |
 
 <br>
 
-| Tuesday        | October 27, 2020 |
-|----------------|---|
+|                | Tuesday - September 14, 2021 |
+|---------------:|------------------------------|
 | 09:00 - 10:00  | Session 1  |
 | 10:30 - 11:30  | Session 2  |
 | 13:00 - 14:00  | Session 3  |
@@ -282,13 +275,13 @@
 
 <br>
 
-| Wednesday      | October 28, 2020  |
-|----------------|---|
+|                | Wednesday - September 15, 2021 |
+|---------------:|--------------------------------|
 | 09:00 - 10:00  | Session 4  |
 | 10:30 - 11:30  | Keynote  |
 | 13:00 - 14:00  | Session 5  |
 | 14:30 - 15:00  | Session 6 |
--->
+
 
 <!-- dismissible alert -->
 
@@ -298,19 +291,19 @@
 </div> 
 
 
-### Social Event
+# Social Event
 
 We are going to have a fun SUMO-related quiz using [Menti](https://www.menti.com/). Join our Zoom meeting and have a smartphone/tablet ready at hand. Test your knowledge of SUMO and win the glorious and prestigious prize of attaching your name to an easter egg in “sumo-gui”.
 
 
-### Registration
+# Registration
  
 The registration fee includes a two and a half day conference program with refreshments, lunch, proceedings and social events in the evening. Accommodation is not included within the registration fee and must be pre-booked separately. 
 Register here. 
 
 
 
-### Prices
+# Prices
 Participation at this year's conference will be **free of charge**!
 
 <!--- Regular Tickets – 495 EUR (One-Day-Ticket – 325 EUR)
@@ -331,7 +324,7 @@
 
 <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=13.525671958923342%2C52.42664800007926%2C13.532752990722656%2C52.42955590906348&amp;layer=mapnik&amp;marker=52.42810361404521%2C13.529212474822998" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=52.42810&amp;mlon=13.52921#map=18/52.42810/13.52921">View in OSM</a>  |  <a href="https://goo.gl/maps/vBLQefwTLVy9x2oU8">View in Google Maps</a></small>
 
-### Hotel
+# Hotel
 Our hotel recommendation is:  
 
 **Dorint Berlin-Adlershof**  
@@ -342,18 +335,57 @@
 https://hotel-berlin-adlershof.dorint.com/en/  
 (5-minute walk from S-Bahn station “Adlershof” to the hotel, another 7-minute walk from the hotel to DLR) -->
 
-<h3 id="language">Language</h3>
+<h1 id="language">Language</h1>
 
 <p>The conference language is English.</p>
 
-<h3 id="venue">Venue</h3>
+<h1 id="venue">Venue</h1>
 
-<p>Given the extraordinary situation we are facing, this year&rsquo;s SUMO User Conference will be <strong>online</strong>.</p>
+<p>Given the extraordinary situation we are facing, this year&rsquo;s SUMO User Conference will be again <strong>online</strong>.</p>
 
-<h3 id="contact">Contact</h3>
+<h1 id="contact">Contact</h1>
 
 <p>Please contact the conference team via mail at <a href="mailto:sumo-conference@dlr.de">sumo-conference@dlr.de</a></p>
-
+</div>
+    <div class="col-md-2"><div style="border-left: 1px solid #d4d4d4; padding-left: 10px;">
+<p class="sidebar-title"><b>Archive</b></p>
+<div class="btn-group">
+    <div class="dropdown">
+    <button type="button" class="btn btn-light btn-archive btn-sm dropdown-toggle" data-toggle="dropdown" title="Explore previous conferences">Select year </button>
+        <div class="dropdown-menu text-center">
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2020">2020</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2019">2019</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2018">2018</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2017">2017</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2016">2016</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2015">2015</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2014">2014</a>
+            <a class="dropdown-item" href="https://www.eclipse.org/sumo/2013">2013</a>
+            <a class="dropdown-item" href="https://sumo.dlr.de/docs/SumoWorkshop2010.html">Workshop 2010</a>
+        </div>
+    </div> 
+</div>
+<br><br><div class="d-none d-md-block"><p class="sidebar-title"><b>What's on this Page</b></p>
+<nav id="TableOfContents">
+<ul>
+<li><a href="#introduction">Introduction</a></li>
+<li><a href="#call-for-papers">Call for Papers</a></li>
+<li><a href="#paper-submission">Paper Submission</a>
+<ul>
+<li><a href="#submission-link">Submission Link</a></li>
+</ul></li>
+<li><a href="#important-dates">Important Dates</a></li>
+<li><a href="#language">Language</a></li>
+<li><a href="#venue">Venue</a></li>
+<li><a href="#contact">Contact</a></li>
+</ul>
+</nav>
+</div></div></div>
+    </div>
+    
+    
+    
+  
     
     <div class="d-flex justify-content-end"><a href="https://github.com/eclipse/sumo.website/edit/master/content/conference.md"><button type="button" class="btn btn-light btn-sm" title="Edit this page on GitHub"><i class="fas fa-pencil-alt"></i> Edit</button></a></div>
     
diff --git a/contact/index.html b/contact/index.html
index bac1186..99ed40c 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -148,7 +148,7 @@
     <div class="svg-rounded">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="#f8f8f8"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg>
     </div>
-    <h1 class="text-center" style="margin-top: 80px; color:#17412f;">Contact</h1>
+    <div class="text-center page-title" style="margin-top: 80px; color:#17412f;">Contact</div>
   
     
   </div>
@@ -159,7 +159,7 @@
 
 <!-- mailing lists -->
 <div class="col-md-12 contact-div">
-<h4 style="color:#17412f;"><i class="fas fa-envelope-open-text"></i><br>
+<h4 style="color:#17412f;" id="mailing-lists"><i class="fas fa-envelope-open-text"></i><br>
 Mailing lists</h4>
 <br>
 If you have any questions about SUMO, please post them into one of our mailing lists. You may need to <a href="https://accounts.eclipse.org/user/register">create an Eclipse account</a> first.
@@ -213,7 +213,7 @@
 <!-- project leads -->
 
 <div class="col-md-12 contact-div">
-<h4 style="color:#17412f;"><i class="fas fa-user-friends"></i><br>
+<h4 style="color:#17412f;" id="project-leads"><i class="fas fa-user-friends"></i><br>
 Project Leads</h4><br>
 
 
@@ -243,7 +243,7 @@
 <!-- report a bug -->
 
 <div class="col-sm-4 contact-div small-div">
-<h4 style="color:#17412f;"><i class="fas fa-bug"></i><br>
+<h4 style="color:#17412f;" id="report-a-bug"><i class="fas fa-bug"></i><br>
 Report a Bug</h4><br>
 If you have found a bug within one of the applications, please let us know.
 This is also the way to notify us if you find any typos or errors in our Documentation.
@@ -254,7 +254,7 @@
 <!-- social media -->
 
 <div class="col-sm-4 contact-div small-div">
-<h4 style="color:#17412f;"><i class="fas fa-bullhorn"></i><br>
+<h4 style="color:#17412f;" id="social-media"><i class="fas fa-bullhorn"></i><br>
 Social media</h4><br>
 Occasional development updates are posted on our social media channels. Follow us and stay informed!
 <br><br>
@@ -266,7 +266,7 @@
 <!-- chat -->
 
 <div class="col-sm contact-div" style="min-height:310px;">
-<h4 style="color:#17412f;"><i class="fas fa-comments"></i><br>
+<h4 style="color:#17412f;" id="chat"><i class="fas fa-comments"></i><br>
 Chat</h4><br>
 There is a public channel available in the Eclipse's Mattermost instance, to facilitate occasional discussions.
 <br><br>
@@ -277,7 +277,7 @@
 <!-- commit rss -->
 
 <div class="col-md-12 contact-div">
-<h4 style="color:#17412f;"><i class="fas fa-rss"></i><br>
+<h4 style="color:#17412f;" id="commit-rss"><i class="fas fa-rss"></i><br>
 Commit RSS</h4><br>
 If you want to receive regular updates on commits, you can subscribe to <a href="https://github.com/eclipse/sumo/commits/master.atom">this feed</a> or set up an <a href="https://ifttt.com/applets/147561p-rss-feed-to-email">IFTTT link</a> or use <a href="https://hubnotify.com/">https://hubnotify.com/</a> to send you an email.
 </div>
@@ -285,6 +285,10 @@
 <p></div></div></p>
 
     
+    
+    
+  
+    
     <div class="d-flex justify-content-end"><a href="https://github.com/eclipse/sumo.website/edit/master/content/contact.md"><button type="button" class="btn btn-light btn-sm" title="Edit this page on GitHub"><i class="fas fa-pencil-alt"></i> Edit</button></a></div>
     
   </div>
diff --git a/css/custom.css b/css/custom.css
index ea5c6b8..2ca7e58 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -7,6 +7,7 @@
 html, body {
 position: relative;
 overflow-x: hidden;
+scroll-padding-top: 80px;
 }
 
 .carousel-indicators li {
@@ -346,15 +347,22 @@
 
 .page-title {
 color: #241c15;
-text-align: center;
-font-size: 60px;
-font-family: 'Playfair Display', serif;
+font-size: 2.5rem;
+font-weight: 700;
+margin-bottom: .5rem;
+line-height: 1.2;
+font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 }
 
 .page-section {
 padding: 60px;
 }
 
+.sidebar-title {
+margin-bottom: 1.3em;
+font-size: .875rem;
+}
+
 .green-text {
 color: #338033 !important;
 }
@@ -397,8 +405,18 @@
 font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 }
 
+h1 {
+margin-top: 40px;
+font-size: 1.75rem;
+}
+
+h2 {
+font-size: 1.5rem;
+}
+
 h3 {
 margin-top: 40px;
+font-size: 1.25rem;
 }
 
 .carousel-inner img {
@@ -431,10 +449,22 @@
 color: #17412f !important;
 }
 
+.btn-archive {
+background-color: rgb(240, 240, 240);
+}
+
 .btn-group-lg>.btn, .btn-lg {
 padding: .5rem .5rem;
 }
 
+#TableOfContents ul {
+padding-left: 20px;
+}
+
+#TableOfContents {
+font-size: 0.9rem;
+}
+
 .card {
 border-radius: .6rem !important;
 box-shadow: 0 8px 12px 1px rgb(29 17 51 / 4%), 0 3px 16px 2px rgb(9 32 77 / 12%), 0 5px 10px -3px rgb(29 17 51 / 12%);
diff --git a/index.html b/index.html
index 4019430..3c06e3e 100644
--- a/index.html
+++ b/index.html
@@ -148,7 +148,7 @@
     <div class="container" style="margin-top: 100px; margin-bottom: 20px;">
       <div class="row">
         <div class="col-md-6"> 
-        <h1 style="color: #17412f;">Simulation of Urban MObility</h1>
+        <div class="page-title" style="color: #17412f;">Simulation of Urban MObility</div>
         <br>    
         <p>Welcome to Eclipse <b>SUMO</b> (Simulation of Urban MObility), an open source, highly portable, microscopic and continuous multi-modal traffic simulation package designed to handle large networks.</p>
 
diff --git a/index.xml b/index.xml
index 2840799..f13247a 100644
--- a/index.xml
+++ b/index.xml
@@ -106,8 +106,7 @@
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
       
       <guid>https://www.eclipse.org/sumo/conference/</guid>
-      <description>-- Save the Date: September 13-15, 2021
-Introduction Traffic simulations are of immense importance for researchers as well as practitioners in the field of transportation. SUMO has been available since 2001 and provides a wide range of traffic planning and simulation applications. SUMO consists of a suite of tools covering road network imports and enrichment, demand generation and assignment, and a state-of-the-art microscopic traffic simulator capable of simulating private and public transport modes, as well as person-based trip chains.</description>
+      <description>-- Introduction Traffic simulations are of immense importance for researchers as well as practitioners in the field of transportation. SUMO has been available since 2001 and provides a wide range of traffic planning and simulation applications. SUMO consists of a suite of tools covering road network imports and enrichment, demand generation and assignment, and a state-of-the-art microscopic traffic simulator capable of simulating private and public transport modes, as well as person-based trip chains.</description>
     </item>
     
   </channel>