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

{% block title %}Hello PageController!
{% endblock %}

{% block body %}
	{% include "_nav.html.twig" %}
	<section class="section mt-5">
		<!-- Content -->
		<div class="container">
			<div class="row align-items-center">
				<div
					class="col-md-6 col-lg-5 offset-lg-1 order-md-2">
					<!-- Image -->
					<div class="img-effect img-effect-solid mb-5 mb-md-0">
						<img src="{{ asset('images/47.jpg') }}" class="img-fluid" alt="...">
					</div>

				</div>
				<div
					class="col-md-6 col-lg-4 offset-lg-1 order-md-1">

					<!-- Heading -->
					<h2 class="mb-4">
						Intuitive workflow
					</h2>

					<!-- Content -->
					<ul class="list-iconed text-muted">
						<li class="list-iconed-item">
							Speed up your development process with Gulp and BrowserSync live browser reload
						</li>
						<li class="list-iconed-item">
							Easily adjust the look of any component with tons of additional SASS variables included
						</li>
						<li class="list-iconed-item">
							Easily make global changes with HTML file @@includes
						</li>
					</ul>

					<!-- Button -->
					<a href="{{ path('app_contact') }}" class="btn btn-outline-primary">
						Contact
					</a>

				</div>
			</div>
			<!-- / .row -->
		</div>
		<!-- / .container -->

	</section>
	<section class="section mt-5">
		<div class="container mt-5">
			<code class="code html bg-dark">
			&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-lg&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/17.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;img-cover&quot;&gt;<br/>&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-lg&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/17.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;img-cover&nbsp;rounded-circle&quot;&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/17.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;img-cover&quot;&gt;<br/>&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;avatar&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/17.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;img-cover&nbsp;rounded-circle&quot;&gt;<br/>&lt;/div&gt;<br/><br/>&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-sm&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/17.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;img-cover&quot;&gt;<br/>&lt;/div&gt;<br/>&lt;div&nbsp;class=&quot;avatar&nbsp;avatar-sm&quot;&gt;<br/>&nbsp;&nbsp;&lt;img&nbsp;src=&quot;assets/img/17.jpg&quot;&nbsp;alt=&quot;...&quot;&nbsp;class=&quot;img-cover&nbsp;rounded-circle&quot;&gt;<br/>&lt;/div&gt;
            </code>
		</div>
	</section>
{% endblock %}