Symfony Profiler

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
{% block title %}
BSCM, pionnier du courtage en matière première et financement pro
{% endblock %}
</title>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-Z22WKRBCVR"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-Z22WKRBCVR');
</script>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
<link href="{{ asset('css/css/carousel.css') }}" rel="stylesheet">
<link href="{{ asset('lib/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/css/font-awesome.min.css') }}" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<link href="{{ asset('img/logo.ico') }}" rel="icon">
<link href="{{ asset('img/apple-touch-icon.png') }}" rel="apple-touch-icon">
<link href="{{ asset('lib/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">
<link href="{{ asset('lib/animate/animate.min.css') }}" rel="stylesheet">
<link href="{{ asset('lib/ionicons/css/ionicons.min.css') }}" rel="stylesheet">
<link href="{{ asset('lib/owlcarousel/assets/owl.carousel.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/datatables/dataTables.css') }}" rel="stylesheet">
<link href="{{ asset('css/datatables/dataTables.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/css/animate.min.css') }}" rel="stylesheet">
<style>
/* Ajoutez votre propre style CSS ici */
.scrolling-wrapper {
overflow-x: hidden;
width: 100%; /* Largeur du conteneur */
position: relative;
}
.scrolling-content {
white-space: nowrap;
display: inline-block; /* Permet au conteneur de s'ajuster à la taille du contenu */
animation: scroll 70s linear infinite;
}
.elmnt {
display: inline-block;
width: 200px; /* Ajustez la largeur des éléments selon vos besoins */
margin-right: 10px; /* Marge entre les éléments */
}
.elmnt-title, .elmnt-p {
margin: 0;
}
@keyframes scroll {
0% { transform: translateX(100%); }
100% { transform: translateX(-100%); }
}
</style>
{% endblock %}
</head>
<body>
<div id="app">
<div class="click-closed"></div>

<nav class="navbar navbar-default navbar-trans navbar-expand-lg fixed-top {{ app.session.flashbag.peek('success')|length > 0 ? '' : 'mb-5' }}">
<div class="container">
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarDefault"
aria-controls="navbarDefault" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<a class="navbar-brand text-brand" href="{{ path('home') }}"><img class="img-a img-fluid"
src="{{ asset('img/logo.PNG') }}"
alt="Logo BSCM" title="logo bscm"></a>
<button type="button" class="btn btn-link nav-search navbar-toggle-box-collapse d-md-none"
data-toggle="collapse"
data-target="#navbarTogglerDemo01" aria-expanded="false">
<span class="fa fa-search" aria-hidden="true"></span>
</button>
<div class="navbar-collapse collapse justify-content-center" id="navbarDefault">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
A PROPOS
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{{ path('historique') }}">Historique</a>
<a class="dropdown-item" href="{{ path('role') }}">Rôle du courtier</a>
<a class="dropdown-item" href="{{ path('management') }}">Management</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
SERVICES
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{{ path('physique') }}">Marché physique</a>
<a class="dropdown-item" href="{{ path('terme') }}">Marché à terme</a>
<a class="dropdown-item" href="{{ path('structure') }}">
Prêt professionnel
</a>
</div>
</li>
{{ include('views/partials/_formulaire_client.html.twig') }}
<li class="nav-item">
<a class="nav-link" href="{{ path('contact') }}" id="navbarDropdown">
CONTACT
</a>
</li>
</ul>
</div>
{{ include('views/partials/_meet_button.html.twig') }}
{{ include('views/partials/_login.html.twig') }}
{{ include('views/partials/lang.html.twig') }}
</div>
</nav>

{% block body %}
{% endblock %}

<footer id="footer">
<div class="container">
<div class="copyright">
{{ include('views/partials/bureaux.html.twig') }}
{{ include('views/partials/social_media_icons.html.twig') }}
<br>
© Copyright <strong>Blackstarsco</strong>. Tous Droits Réservés
</div>
<div class="credits">
Développé par <a href="mailto:kpegowebmobile@gmail.com" target="_blank">KpegoWebmobile</a>
</div>
</div>
</footer>

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<div id="preloader"></div>
</div>
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
<script src="{{ asset('build/app.js') }}"></script>
<script src="{{ asset('lib/jquery/jquery.min.js') }}"></script>
<script src="{{ asset('lib/jquery/jquery-migrate.min.js') }}"></script>
<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('lib/popper/popper.min.js') }}"></script>
<script src="{{ asset('lib/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('lib/easing/easing.min.js') }}"></script>
<script src="{{ asset('lib/owlcarousel/owl.carousel.min.js') }}"></script>
<script src="{{ asset('lib/scrollreveal/scrollreveal.min.js') }}"></script>
<script src="{{ asset('js/demo/datatables-demo.js') }}"></script>
<script src="{{ asset('js/dataTables.js') }}"></script>
<script src="{{ asset('js/dataTables.min.js') }}"></script>

<script src="{{ asset('contactform/contactform.js') }}"></script>

<script src="{{ asset('js/main.js') }}"></script>
<script src="{{ asset('css/js/wow.min.js') }}"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="{{ asset('build/index.js') }}"></script>
<script>
// Récupérer les données depuis la base de données (simulé ici)
var data = [
{ title: "Actif 1", price: "100$" },
{ title: "Actif 2", price: "150$" },
{ title: "Actif 3", price: "200$" },
{ title: "Actif 4", price: "250$" },
{ title: "Actif 5", price: "300$" },
{ title: "Actif 6", price: "350$" },
// Ajoutez plus d'éléments si nécessaire
];
// Créer le contenu défilant
var scrollingContent = document.getElementById("scrolling-content");
var content = "";
data.forEach(function(item) {
content += '<li class="elmnt bg-light p-2">';
content += '<h6 class="elmnt-title">' + item.title + '</h6>';
content += '<p class="elmnt-p">Coût : ' + item.price + '</p>';
content += '</li>';
});
scrollingContent.innerHTML = content;
// Défilement infini
var scrollingWrapper = document.querySelector('.scrolling-wrapper');
var scrollingContentWidth = scrollingContent.offsetWidth;
var wrapperWidth = scrollingWrapper.offsetWidth;
var scrollPos = 0;
function scrollContent() {
scrollPos++;
if (scrollPos >= scrollingContentWidth) {
scrollPos = 0;
}
scrollingContent.style.left = -(scrollPos % scrollingContentWidth) + 'px';
}
setInterval(scrollContent, 20); // Répéter le défilement toutes les 20ms
</script>
{% endblock %}
</body>
</html>

templates/base.html.twig line 1