<!doctype html>
<html>
	<head>
	{% block head %}
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
	  	<link rel="stylesheet" type= "text/css" href= "{{ url_for('static',filename='style.css') }}">
		<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<title>Caravel - {% block title %}{% endblock %}</title>
	{% endblock %}
	</head>
	{% include "navbar.html" %}
	<div id="wrap">
		<div id="main">
			<body>
				<div class="divider-15">
						{% with messages = get_flashed_messages() %}
						  {% if messages %}
						    <ul class=flashes>
						    {% for message in messages %}
		  						<div class="alert alert-warning col-md-5">
									<button type="button" class="close" data-dismiss="alert">&times;</button>
									{{ message }}
								</div>
						    {% endfor %}
						    </ul>
						  {% endif %}
						{% endwith %}
					{% block body %}{% endblock %}
					{% block content %}{% endblock %}
				</div>
			</body>
		</div>
	</div>
	<hr class="featurette-divider">
	<footer class="text-muted">
		{% include "footer.html" %}
	</footer>
</html>