				<!-- Single col -->
        <section class="col-lg-6 connectedSortable">          
					<div class="col-md-12 quarter">
						<div>
							<h2>{{ _("Welcome to CO<sub>2</sub>MPAS") }}</h2>
						</div>
						<p style="margin-bottom: 25px;">{{ data.texts["home"]["welcome"] | safe }}</p>
						<img src="/static/images/co2mpas-banner.svg" class="co2mpas-logo-big"></img>
					</div>
					
					<div class="col-md-12 quarter" style="margin-top: 25px;">
						{% include "news.html" -%}
					</div>
        </section>
        <!-- /.Single col -->
				
				<!-- Single col -->
        <section class="col-lg-6 connectedSortable"> 
				
					<div class="col-md-12 quarter">
						<div>
							<h2>{{ _("Run CO<sub>2</sub>MPAS") }}</h2>
						</div>
						<i class="fa fa-car fa-4x pull-left"></i>
						<div class="text-left">            
							<a id="run-button" href="/run/simulation-form" class="btn btn-lg btn-success" style="margin-top: 5px;"><i class="fa fa-car fa-lg"></i> Run simulation</a>								
						</div>
						<br style="clear: both;">

						<p>{{ data.texts["run"]["run co2mpas"] | safe }}</p>
								<a href="/run/download-template">Haven't done it yet? <i class="fa fa-download fa-download"></i> Download CO<sub>2</sub>MPAS input template?</a>
						</p>					 
					</div>

					<div class="col-md-12 quarter">
						<div>
							<h2>{{ _("Synchronise data") }}</h2>
						</div>
						<i class="fa fa-refresh fa-5x pull-left"></i>
						<div class="text-left">            
								<form action="/sync/synchronisation-form">
										<button id="synchronize-button" ref="synchronize-choose-data.html" class="btn btn-lg btn-warning" style="margin-top: 5px;"><i class="fa fa-refresh" aria-hidden="true"></i> Synchronise data</button>	
								</form>          
						</div>
						<br style="clear: both;">
						<p>{{ data.texts["sync"]["synchronise data"] | safe }}</p>

					</div>
					
        </section>
        <!-- /.Single col -->       
		