{% extends 'base.html.twig' %}

{% block title %}TEST{% endblock %}

{% block body %}
<div class="container-fluid">
	<div class="row">
		<div class="bandeau"></div>
		<div class="bandeau"></div>
	</div>
	<div class="row">
		<div class="bandeau"></div>
		<div class="bandeau"></div>
	</div>
</div>

<style>
	.bandeau {
		min-height: 300px;
		background-color: rgba(255, 255, 255, 0.7);
		
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 58.3333333333%;
	    flex: 0 0 58.3333333333%;
	    max-width: 58.3333333333%;
	}
	.bandeau:nth-child(odd) {
		border-top-right-radius: 30px;
		margin-right: auto;
	}
	.bandeau:nth-child(even) {
		border-bottom-left-radius: 30px;
		margin-left: auto;
		transform: translateY(-50px);
	}
</style>

{% endblock %}