		<div class="modal fade" id="modal-hints">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title">Welcome to CO<sub>2</sub>MPAS</h4>
					</div>
					<div class="modal-body">
						<div class="col-md-12">
							<img src="/static/images/european_logo.png" width="200" class="pull-left"></img>                
							<img src="/static/images/co2mpas-banner.svg" width="200" class="pull-right"></img>
						</div>
						
						</ul>

						<div class="col-md-12" style="text-align: center;">
							<div class="tab-pane active" id="tab_1">
								<b>This desktop application has been developed by the Joint Research Centre<br>for 4.0.0 CO<sub>2</sub>MPAS release</b>
							</div>
							<!-- /.tab-pane -->
							
							<!-- /.tab-pane -->
						</div>
						<br>
						<div class="col-md-12" style="text-align: center;">
								<h2>USER MANUAL</h2>
						</div>
						<div class="col-md-12" style="text-align: center;">
								<a target=_blank href="https://co2mpas.readthedocs.io"><i class="fa fa-book" style="font-size: 80px;"></i></a>
						</div>            
					</div>
					<div class="modal-footer">
						<div class="form-group pull-left">
							<div>
								<div class="checkbox">
									<label>
										<input id="do-not-show" type="checkbox"> Do not show anymore
									</label>
								</div>
							</div>
						</div>
						<button type="button" id="close-hints" class="btn btn-default pull-right" data-dismiss="modal">Close</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->	