The Symfony structure of the Evohus Admin Panel is organized for clarity, flexibility, and scalability. Each major layout section — header, sidebar, content, and footer — is structured using clean and semantic markup. This modular setup allows developers to easily customize or replace individual sections without affecting others.
<!DOCTYPE html>
<html lang="en" class="scroll-smooth group" data-layout="modern" data-content-width="default" data-bs-theme="light" data-sidebar-colors="dark" data-sidebar="large" data-nav-type="default" dir="ltr" data-colors="default" data-profile-sidebar>
<head>
{% include 'partials/title-meta.html.twig' %}
{% include 'partials/head-css.html.twig' %}
{% block stylesheets %}{% endblock %}
</head>
<body>
<!-- Begin page -->
<div id="layout-wrapper">
{% include 'partials/topbar.html.twig' %}
{% include 'partials/sidebar.html.twig' %}
{% include 'partials/page-wrapper.html.twig' %}
<div class="container-fluid">
<div class="gap-2 page-heading mb-3 flex-column flex-md-row">
<h6 class="flex-grow-1 mb-0">{% block head_title %}{% endblock %}</h6>
<ul class="breadcrumb flex-shrink-0 mb-0">
<li class="breadcrumb-item"><a href="#!">{% block head_sub_title %}{% endblock %}</a></li>
<li class="breadcrumb-item active">{% block title %}{% endblock %}</li>
</ul>
</div>
{% block page_contents %}
<!-- Default content, replace or extend as needed -->
<p>Success</p>
{% endblock %}
{% include 'partials/footer.html.twig' %}
</div>
</div>
{% block javascript %}
{% include 'partials/vendor-scripts.html.twig' %}
{% block vendor_scripts %}{% endblock %}
{% block page_scripts %}{% endblock %}
{% endblock %}
</body>
</html>