Symfony Profiler

<!DOCTYPE html>
<html>
{% include ('includes/head.html.twig') %}
<body>
<!-- Page Loader
========================================================= -->
<div class="loader-container" id="page-loader">
<div class="loading-wrapper loading-wrapper-hide">
<div class="loader-animation" id="loader-animation">
<svg class="svg-loader" width=100 height=100>
<circle cx=50 cy=50 r=25 />
</svg>
</div>

<div class="loader-name" id="loader-name">
<img src="/img/loader-logo.png" alt="">
</div>


<p class="loader-job" id="loader-job">June 4-8 2016 @ New York City</p>

</div>
</div>
<!-- /End of Page loader
========================================================= -->
<!-- Header
================================================== -->
{% include ('includes/header.html.twig') %}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<style>
.navbar-fixed-bottom{display:none}
@media screen and (max-width:739px)
{
.navbar-fixed-bottom{display:block}
}
</style>
<nav class="navbar navbar-inverse navbar-fixed-bottom" style="z-index:10000;height:47px;background: #E2E1E0;">
<div class="container-fluid">
<ul class="nav navbar-nav" style="margin:0px 0px;margin-left: -3%;height:47px">
<li class="active" style="width:20%;height:47px"><a href="#" style="height:100%"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li style="width:20%;height:47px;border-right:1px solid white"><a href="#" style="height:100%;color:black"><i class="fa fa-calendar" aria-hidden="true" style="color:black;"></i></a></li>
<li style="width:20%;height:47px;border-right:1px solid white"><a href="#" style="height:100%;color:black"><i class="fa fa-envelope" aria-hidden="true" style="color:black;"></i></a></li>
<li style="width:20%;height:47px;border-right:1px solid white"><a href="#" style="height:100%;color:black"><i class="fa fa-user" aria-hidden="true" style="color:black;"></i></a></li>
<li style="width:20%;height:47px;"><a href="#" style="height:100%;color:black"><i class="fa fa-sign-in" aria-hidden="true" style="color:black;"></i></a></li>
</ul>
</div>
</nav>
<!-- /Header
================================================== -->
<style type="text/css">
.main-intro:before {
content: '';
display: block;
width: 100%;
height: 100%;
background: none;
position: absolute;
top: 0;
left: 0;
}
.main-intro:before{
background: rgba(31, 81, 139, 0.2) !important;
}
</style>
<div class="page-wrapper" >
<div id="body-content" style="background:white;background: url(/astp-image/back1.jpg) no-repeat bottom right #fafafa;">
<div class="owl-carousel main-carousel" id="main-carousel" >

<div class="main-intro" style="background-image: url('/astp-image/back1.png');" >
<div class="container" style="height:500px">
<div class="intro-content-wrapper viewport">


<div class="intro-content intro-content-slide1">

<div class="row">

<div class="col-md-10 col-md-offset-1">

<h2 class="intro-title1">Blog</h2>

<div class="ic-buttons">
</div>

</div>

</div>

</div>

</div>
</div>
</div>
</div>
<!-- SECTION: Intro
================================================== -->
<!-- /SECTION: Intro
================================================== -->
<!-- SECTION: Event Infos
================================================== -->
<!-- SECTION: /Event Infos
================================================== -->
<!-- SECTION: Event Description
================================================== -->
<!-- /SECTION: Event Description
================================================== -->
<!-- SECTION: Event Schedule
================================================== -->
<div class="col-lg-12" style="height:70px;">
</div>
<div class="row">
<div class="col-lg-2"></div>
<div class="col-lg-6">
{% for key in blog %}
<div class="section-about" id="section-about" style="background-color:white;margin-top:5%;padding-top:3%">
<div class="container-fluid">
<div class="row">

<div class="about-picture-wrapper">
<div class="about-picture" id="about-picture">
<img src="/uploads/images/event/{{key.image|e}}" alt="" class="img-fluid" style="max-height:400px">
</div>
</div>


<div class="about-text-wrapper">
<div class="about-text" id="about-text">
<h1 class="title3 title-border"> {{key.titre|e}} </h1>
<div class="about-text-content">
<p class="team-item-subtitle"><i class="fa fa-calendar" aria-hidden="true"></i> {{ key.date_add|date('d/m/Y') }}</p>
<p>
{{ key.description|u.truncate(350, true) }}
</p>
</div>
<a href="/blog/{{key.id |e }}/{{key.titre|replace({' ': "-", ".":""})}}" class="btn btn-nobg"><i class="fa fa-paper-plane"></i> View</a>
</div>
</div>

</div>
</div>
</div>
{% endfor %}
</div>
<div class="col-lg-3">
<div class="row" style="padding-top:15%">

{% for key in blog_new %}
<div class="col-lg-12" style="margin-top:5%">
<div class="col-lg-4">
<img src="/uploads/images/event/{{key.image|e}}" style="height:100px">
</div>
<div class"col-lg-6">
<dd>
<i class="fa fa-calendar" aria-hidden="true"></i> {{ key.date_add|date('d/m/Y') }} </dd>
<h5><b><a href="/blog/{{key.id |e }}/{{key.titre|replace({' ': "-", ".":""})}}">{{key.titre|e}}</a> </b></h5>
<p>{{ key.description|u.truncate(30, true) }} ... </p>
</div>
</div>
{% endfor %}
</div>
</div>
</div>

<!-- SECTION: Register
================================================== -->
<!-- /SECTION: Register
================================================== -->
<!-- SECTION: Location
================================================== -->
<!-- /SECTION: Location
================================================== -->
</div>
</div>
<!-- Contact Form - Ajax Messages
========================================================= -->
<!-- Footer
================================================== -->
{% include ('includes/footer.html.twig') %}
</body>
</html>

templates/blog/index.html.twig line 1