{% extends '@Flexy/FrontBundle/Themes/IlaveU/templates/layout.html.twig' %}

{% block stylesheets %}
{{parent()}}
<link href="{{asset('flexy/js/editorjs-plugins/test-plugin/test.css')}}" rel="stylesheet"  />
<style>
	{{page.jsonContentCSS}}
</style>
{% endblock %}

{% block body %}


	<div id="subtitle-wrapper" class=" lazyloaded" data-bg="{{asset('themes/ilaveu/laundry/images/subtitle-wrapper01-img.jpg')}}" style="background-image: url({{asset('themes/ilaveu/laundry/images/subtitle-wrapper01-img.jpg')}});">
		<div class="subtitle-wrapper-img lazyloaded" data-bg="{{asset('themes/ilaveu/laundry/images/subtitle-wrapper01-img.jpg')}}" style="background-image: url({{asset('themes/ilaveu/laundry/images/subtitle-wrapper01-img.jpg')}});">
			<div class="container container-fluid-xl">
				
				<h1 class="subtitle__title">{{page.title}}</h1>
			</div>
			<div class="bubbleContainer">
				<div class="bubble-1"></div>
				<div class="bubble-2"></div>
				<div class="bubble-3"></div>
				<div class="bubble-4"></div>
				<div class="bubble-5"></div>
				<div class="bubble-6"></div>
				<div class="bubble-7"></div>
				<div class="bubble-8"></div>
				<div class="bubble-9"></div>
				<div class="bubble-10"></div>
			</div>
		</div>
	</div>


	<div class="container mb-5 mt-5">

<div>
{{page.jsonContentHTML|raw}}
</div>
		
		

		
	</div>

{% endblock %}

{% block javascripts %}
	{{parent()}}
	

{% endblock %}