templates/new-base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en" data-bs-theme="light">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>PRO Legal Tech | AI Digital Agency</title>
  7.         <!-- SEO Meta Tags -->
  8.         <meta name="description" content="PRO Legal Tech | AI Digital Agency">
  9.         <meta name="keywords" content="bootstrap, business, creative agency, mobile app showcase, saas, fintech, finance, online courses, software, medical, conference landing, services, e-commerce, shopping cart, multipurpose, shop, ui kit, marketing, seo, landing, blog, portfolio, html5, css3, javascript, gallery, slider, touch, creative">
  10.         <meta name="author" content="PRO Legal Tech">
  12.         <!-- Viewport -->
  13.         <meta name="viewport" content="width=device-width, initial-scale=1">
  15.         <!-- Theme switcher (color modes) -->
  16.         <script src="/silicon/assets/js/theme-switcher.js"></script>
  18.         <!-- Favicon and Touch Icons -->
  19.         <link rel="apple-touch-icon" sizes="180x180" href="/silicon/assets/favicon/apple-touch-icon.png">
  20.         <link rel="icon" type="image/png" sizes="32x32" href="/silicon/assets/favicon/favicon-32x32.png">
  21.         <link rel="icon" type="image/png" sizes="16x16" href="/silicon/assets/favicon/favicon-16x16.png">
  22.         <link rel="manifest" href="/silicon/assets/favicon/site.webmanifest">
  23.         <link rel="mask-icon" href="/silicon/assets/favicon/safari-pinned-tab.svg" color="#6366f1">
  24.         <link rel="shortcut icon" href="/silicon/assets/favicon/favicon.ico">
  25.         <meta name="msapplication-TileColor" content="#080032">
  26.         <meta name="msapplication-config" content="/silicon/assets/favicon/browserconfig.xml">
  27.         <meta name="theme-color" content="#ffffff">
  29.         <!-- Vendor Styles -->
  30.         <link rel="stylesheet" media="screen" href="/silicon/assets/vendor/boxicons/css/boxicons.min.css">
  31.         <link rel="stylesheet" media="screen" href="/silicon/assets/vendor/swiper/swiper-bundle.min.css">
  32.         <link rel="stylesheet" media="screen" href="/silicon/assets/vendor/lightgallery/css/lightgallery-bundle.min.css">
  34.         <!-- Main Theme Styles + Bootstrap -->
  35.         <link rel="stylesheet" media="screen" href="/silicon/assets/css/theme.min.css">
  37.         <!-- Page loading styles -->
  38.         <style>
  39.         .page-loading {
  40.             position: fixed;
  41.             top: 0;
  42.             right: 0;
  43.             bottom: 0;
  44.             left: 0;
  45.             width: 100%;
  46.             height: 100%;
  47.             -webkit-transition: all .4s .2s ease-in-out;
  48.             transition: all .4s .2s ease-in-out;
  49.             background-color: #fff;
  50.             opacity: 0;
  51.             visibility: hidden;
  52.             z-index: 9999;
  53.         }
  54.         [data-bs-theme="dark"] .page-loading {
  55.             background-color: #0b0f19;
  56.         }
  57.         .page-loading.active {
  58.             opacity: 1;
  59.             visibility: visible;
  60.         }
  61.         .page-loading-inner {
  62.             position: absolute;
  63.             top: 50%;
  64.             left: 0;
  65.             width: 100%;
  66.             text-align: center;
  67.             -webkit-transform: translateY(-50%);
  68.             transform: translateY(-50%);
  69.             -webkit-transition: opacity .2s ease-in-out;
  70.             transition: opacity .2s ease-in-out;
  71.             opacity: 0;
  72.         }
  73.         .page-loading.active > .page-loading-inner {
  74.             opacity: 1;
  75.         }
  76.         .page-loading-inner > span {
  77.             display: block;
  78.             font-size: 1rem;
  79.             font-weight: normal;
  80.             color: #9397ad;
  81.         }
  82.         [data-bs-theme="dark"] .page-loading-inner > span {
  83.             color: #fff;
  84.             opacity: .6;
  85.         }
  86.         .page-spinner {
  87.             display: inline-block;
  88.             width: 2.75rem;
  89.             height: 2.75rem;
  90.             margin-bottom: .75rem;
  91.             vertical-align: text-bottom;
  92.             border: .15em solid #b4b7c9;
  93.             border-right-color: transparent;
  94.             border-radius: 50%;
  95.             -webkit-animation: spinner .75s linear infinite;
  96.             animation: spinner .75s linear infinite;
  97.         }
  98.         [data-bs-theme="dark"] .page-spinner {
  99.             border-color: rgba(255,255,255,.4);
  100.             border-right-color: transparent;
  101.         }
  102.         @-webkit-keyframes spinner {
  103.             100% {
  104.             -webkit-transform: rotate(360deg);
  105.             transform: rotate(360deg);
  106.             }
  107.         }
  108.         @keyframes spinner {
  109.             100% {
  110.             -webkit-transform: rotate(360deg);
  111.             transform: rotate(360deg);
  112.             }
  113.         }
  114.         </style>
  116.         <!-- Page loading scripts -->
  117.         <script>
  118.         (function () {
  119.             window.onload = function () {
  120.             const preloader = document.querySelector('.page-loading');
  121.             preloader.classList.remove('active');
  122.             setTimeout(function () {
  123.                 preloader.remove();
  124.             }, 1000);
  125.             };
  126.         })();
  127.         </script>
  128.     </head>
  131.   <!-- Body -->
  132.     <body>
  134.         <!-- Page loading spinner -->
  135.         <div class="page-loading active">
  136.         <div class="page-loading-inner">
  137.             <div class="page-spinner"></div><span>Loading...</span>
  138.         </div>
  139.         </div>
  142.         <!-- Page wrapper for sticky footer -->
  143.         <!-- Wraps everything except footer to push footer to the bottom of the page if there is little content -->
  144.         <main class="page-wrapper">
  147.         <!-- Navbar -->
  148.         <!-- Remove "navbar-sticky" class to make navigation bar scrollable with the page -->
  149.         <header class="header navbar navbar-expand-lg position-absolute navbar-sticky">
  150.             <div class="container px-3">
  151.                 <a href="/" class="navbar-brand pe-3">
  152.                 {# <img src="/silicon/assets/img/logo.svg" width="47" alt="Silicon"> #}
  153.                 <img src="/assets/img/prolegaltech-logo.png" width="250" alt="ProLegalTech" style="max-height: 60px;">
  154.                     {# ProLegalTech #}
  155.                 </a>
  156.                 <div id="navbarNav" class="offcanvas offcanvas-end">
  157.                     <div class="offcanvas-header border-bottom">
  158.                     <h5 class="offcanvas-title">Menu</h5>
  159.                     <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  160.                     </div>
  161.                     <div class="offcanvas-body">
  162.                     <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  163.                         {# <li class="nav-item dropdown">
  164.                         <a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown" aria-current="page">Landings</a>
  165.                         <div class="dropdown-menu p-0">
  166.                             <div class="d-lg-flex">
  167.                             <div class="mega-dropdown-column d-flex justify-content-center align-items-center rounded-3 rounded-end-0 px-0" style="margin: -1px; background-color: #f3f6ff;">
  168.                                 <img src="silicon/assets/img/landings.jpg" alt="Landings">
  169.                             </div>
  170.                             <div class="mega-dropdown-column pt-lg-3 pb-lg-4" style="--si-mega-dropdown-column-width: 15rem;">
  171.                                 <ul class="list-unstyled mb-0">
  172.                                 <li><a href="index.html" class="dropdown-item">Template Intro Page</a></li>
  173.                                 <li><a href="landing-mobile-app-showcase-v1.html" class="dropdown-item">Mobile App Showcase v.1</a></li>
  174.                                 <li><a href="landing-mobile-app-showcase-v2.html" class="dropdown-item">Mobile App Showcase v.2</a></li>
  175.                                 <li><a href="landing-mobile-app-showcase-v3.html" class="dropdown-item">Mobile App Showcase v.3<span class="badge bg-success ms-2">New</span></a></li>
  176.                                 <li><a href="landing-product.html" class="dropdown-item d-flex align-items-center">Product Landing</a></li>
  177.                                 <li><a href="landing-saas-v1.html" class="dropdown-item">SaaS v.1</a></li>
  178.                                 <li><a href="landing-saas-v2.html" class="dropdown-item">SaaS v.2</a></li>
  179.                                 <li><a href="landing-saas-v3.html" class="dropdown-item">SaaS v.3</a></li>
  180.                                 <li><a href="landing-saas-v4.html" class="dropdown-item">SaaS v.4</a></li>
  181.                                 <li><a href="landing-saas-v5.html" class="dropdown-item">SaaS v.5<span class="badge bg-success ms-2">New</span></a></li>
  182.                                 </ul>
  183.                             </div>
  184.                             <div class="mega-dropdown-column pt-lg-3 pb-lg-4">
  185.                                 <ul class="list-unstyled mb-0">
  186.                                 <li><a href="landing-startup.html" class="dropdown-item d-flex align-items-center">Startup</a></li>
  187.                                 <li><a href="landing-financial.html" class="dropdown-item">Financial Consulting</a></li>
  188.                                 <li><a href="landing-online-courses.html" class="dropdown-item">Online Courses</a></li>
  189.                                 <li><a href="landing-medical.html" class="dropdown-item">Medical</a></li>
  190.                                 <li><a href="landing-software-dev-agency-v1.html" class="dropdown-item">Software Dev Agency v.1</a></li>
  191.                                 <li><a href="landing-software-dev-agency-v2.html" class="dropdown-item">Software Dev Agency v.2</a></li>
  192.                                 <li><a href="landing-software-dev-agency-v3.html" class="dropdown-item">Software Dev Agency v.3</a></li>
  193.                                 <li><a href="landing-conference.html" class="dropdown-item">Conference</a></li>
  194.                                 <li><a href="landing-digital-agency.html" class="dropdown-item">Digital Agency</a></li>
  195.                                 <li><a href="landing-blog.html" class="dropdown-item">Blog Homepage</a></li>
  196.                                 </ul>
  197.                             </div>
  198.                             </div>
  199.                         </div>
  200.                         </li>
  201.                         <li class="nav-item dropdown">
  202.                         <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
  203.                         <div class="dropdown-menu">
  204.                             <div class="d-lg-flex pt-lg-3">
  205.                             <div class="mega-dropdown-column">
  206.                                 <h6 class="px-3 mb-2">About</h6>
  207.                                 <ul class="list-unstyled mb-3">
  208.                                 <li><a href="about-v1.html" class="dropdown-item py-1">About v.1</a></li>
  209.                                 <li><a href="about-v2.html" class="dropdown-item py-1">About v.2</a></li>
  210.                                 <li><a href="about-v3.html" class="dropdown-item py-1">About v.3</a></li>
  211.                                 </ul>
  212.                                 <h6 class="px-3 mb-2">Blog</h6>
  213.                                 <ul class="list-unstyled mb-3">
  214.                                 <li><a href="blog-list-with-sidebar.html" class="dropdown-item py-1">List View with Sidebar</a></li>
  215.                                 <li><a href="blog-grid-with-sidebar.html" class="dropdown-item py-1">Grid View with Sidebar</a></li>
  216.                                 <li><a href="blog-list-no-sidebar.html" class="dropdown-item py-1">List View no Sidebar</a></li>
  217.                                 <li><a href="blog-grid-no-sidebar.html" class="dropdown-item py-1">Grid View no Sidebar</a></li>
  218.                                 <li><a href="blog-simple-feed.html" class="dropdown-item py-1">Simple Feed</a></li>
  219.                                 <li><a href="blog-single.html" class="dropdown-item py-1">Single Post</a></li>
  220.                                 <li><a href="blog-podcast.html" class="dropdown-item py-1">Podcast</a></li>
  221.                                 </ul>
  222.                             </div>
  223.                             <div class="mega-dropdown-column">
  224.                                 <h6 class="px-3 mb-2">Portfolio</h6>
  225.                                 <ul class="list-unstyled mb-3">
  226.                                 <li><a href="portfolio-grid.html" class="dropdown-item py-1">Grid View</a></li>
  227.                                 <li><a href="portfolio-list.html" class="dropdown-item py-1">List View</a></li>
  228.                                 <li><a href="portfolio-slider.html" class="dropdown-item py-1">Slider View</a></li>
  229.                                 <li><a href="portfolio-courses.html" class="dropdown-item py-1">Courses</a></li>
  230.                                 <li><a href="portfolio-single-project.html" class="dropdown-item py-1">Single Project</a></li>
  231.                                 <li><a href="portfolio-single-course.html" class="dropdown-item py-1">Single Course</a></li>
  232.                                 </ul>
  233.                                 <h6 class="px-3 mb-2">Services</h6>
  234.                                 <ul class="list-unstyled mb-3">
  235.                                 <li><a href="services-v1.html" class="dropdown-item py-1">Services v.1</a></li>
  236.                                 <li><a href="services-v2.html" class="dropdown-item py-1">Services v.2</a></li>
  237.                                 <li><a href="services-single-v1.html" class="dropdown-item py-1">Service Details v.1</a></li>
  238.                                 <li><a href="services-single-v2.html" class="dropdown-item py-1">Service Details v.2</a></li>
  239.                                 </ul>
  240.                             </div>
  241.                             <div class="mega-dropdown-column">
  242.                                 <h6 class="px-3 mb-2">Pricing</h6>
  243.                                 <ul class="list-unstyled mb-3">
  244.                                 <li><a href="pricing.html" class="dropdown-item py-1">Pricing Page</a></li>
  245.                                 </ul>
  246.                                 <h6 class="px-3 mb-2">Contacts</h6>
  247.                                 <ul class="list-unstyled mb-3">
  248.                                 <li><a href="contacts-v1.html" class="dropdown-item py-1">Contacts v.1</a></li>
  249.                                 <li><a href="contacts-v2.html" class="dropdown-item py-1">Contacts v.2</a></li>
  250.                                 <li><a href="contacts-v3.html" class="dropdown-item py-1">Contacts v.3</a></li>
  251.                                 </ul>
  252.                                 <h6 class="px-3 mb-2">Specialty</h6>
  253.                                 <ul class="list-unstyled">
  254.                                 <li><a href="404-v1.html" class="dropdown-item py-1">404 Error v.1</a></li>
  255.                                 <li><a href="404-v2.html" class="dropdown-item py-1">404 Error v.2</a></li>
  256.                                 </ul>
  257.                             </div>
  258.                             </div>
  259.                         </div>
  260.                         </li>
  261.                         <li class="nav-item dropdown">
  262.                         <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Account</a>
  263.                         <ul class="dropdown-menu">
  264.                             <li><a href="account-details.html" class="dropdown-item">Account Details</a></li>
  265.                             <li><a href="account-security.html" class="dropdown-item">Security</a></li>
  266.                             <li><a href="account-notifications.html" class="dropdown-item">Notifications</a></li>
  267.                             <li><a href="account-messages.html" class="dropdown-item">Messages</a></li>
  268.                             <li><a href="account-saved-items.html" class="dropdown-item">Saved Items</a></li>
  269.                             <li><a href="account-collections.html" class="dropdown-item">My Collections</a></li>
  270.                             <li><a href="account-payment.html" class="dropdown-item">Payment Details</a></li>
  271.                             <li><a href="account-signin.html" class="dropdown-item">Sign In</a></li>
  272.                             <li><a href="account-signup.html" class="dropdown-item">Sign Up</a></li>
  273.                         </ul>
  274.                         </li> #}
  275.                         <li class="nav-item">
  276.                             <a href="/" class="nav-link">Home</a>
  277.                         </li>
  278.                         <li class="nav-item">
  279.                         <a href="/soluciones" class="nav-link">Soluciones</a>
  280.                         </li>
  281.                         <li class="nav-item"><a href="/automatizaciones" class="nav-link">Automatizaciones</a></li>
  282.                         <li class="nav-item"><a href="/agencia-ia" class="nav-link">Agencia IA</a></li>
  283.                         <li class="nav-item">
  284.                             <a href="/contacto" class="nav-link">Contacto</a>
  285.                         </li>
  286.                     </ul>
  287.                     </div>
  288.                     <div class="offcanvas-header border-top">
  289.                     <a href="https://themes.getbootstrap.com/product/silicon-business-technology-template-ui-kit/" class="btn btn-primary w-100" target="_blank" rel="noopener">
  290.                         <i class="bx bx-cart fs-4 lh-1 me-1"></i>
  291.                         &nbsp;Buy now
  292.                     </a>
  293.                     </div>      
  294.                 </div>
  295.                 <div class="form-check form-switch mode-switch pe-lg-1 ms-auto me-4" data-bs-toggle="mode">
  296.                     <input type="checkbox" class="form-check-input" id="theme-mode">
  297.                     <label class="form-check-label d-none d-sm-block" for="theme-mode">Light</label>
  298.                     <label class="form-check-label d-none d-sm-block" for="theme-mode">Dark</label>
  299.                 </div>
  300.                 {# <button type="button" class="navbar-toggler" data-bs-toggle="offcanvas" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  301.                     <span class="navbar-toggler-icon"></span>
  302.                 </button>
  303.                 <a href="https://themes.getbootstrap.com/product/silicon-business-technology-template-ui-kit/" class="btn btn-primary btn-sm fs-sm rounded d-none d-lg-inline-flex" target="_blank" rel="noopener">
  304.                     <i class="bx bx-cart fs-5 lh-1 me-1"></i>
  305.                     &nbsp;Buy now
  306.                 </a> #}
  307.             </div>
  308.         </header>
  310.         
  311.                 {% block contentHeader %}
  312.                 {% endblock %}
  313.                 
  314.                 {% block contentCenter %}
  315.                 {% endblock %}
  317.         </main>
  319.         <!-- Footer -->
  320.         <footer class="footer pt-5 pb-4 pb-lg-5">
  321.             <div class="container text-center pt-lg-3">
  322. {#            <div class="navbar-brand justify-content-center text-dark mb-2 mb-lg-4">#}
  323. {#                <img src="/silicon/assets/img/brands/02.svg" class="me-2" width="160" alt="Silicon">#}
  324. {#                <span class="fs-4">Liia</span>#}
  325. {#            </div>#}
  326.             <ul class="nav justify-content-center pt-3 pb-4 pb-lg-5">
  327.                 <li class="nav-item"><a href="/" class="nav-link">Home</a></li>
  328.             <li class="nav-item"><a href="/soluciones" class="nav-link">Soluciones</a></li>
  330.                 <li class="nav-item"><a href="/automatizaciones" class="nav-link">Automatizaciones</a></li>
  331.                 <li class="nav-item"><a href="/agencia-ia" class="nav-link">Agencia IA</a></li>
  332.                 <li class="nav-item"><a href="/contacto" class="nav-link">Contacto</a></li>
  334.             </ul>
  335. {#            <div class="d-flex flex-column flex-sm-row justify-content-center">#}
  336. {#                <a href="#" class="btn btn-dark btn-lg px-3 py-2 me-sm-4 mb-3">#}
  337. {#            <img src="/silicon/assets/img/market/appstore-light.svg" class="light-mode-img" width="124" alt="App Store">#}
  338. {#            <img src="/silicon/assets/img/market/appstore-dark.svg" class="dark-mode-img" width="124" alt="App Store">#}
  339. {#            </a>#}
  340. {#            <a href="#" class="btn btn-dark btn-lg px-3 py-2 mb-3">#}
  341. {#            <img src="/silicon/assets/img/market/googleplay-light.svg" class="light-mode-img" width="139" alt="Google Play">#}
  342. {#            <img src="/silicon/assets/img/market/googleplay-dark.svg" class="dark-mode-img" width="139" alt="Google Play">#}
  343. {#                </a>#}
  344. {#            </div>#}
  345. {#            <div class="d-flex justify-content-center pt-4 mt-lg-3">#}
  346. {#                <a href="#" class="btn btn-icon btn-secondary btn-facebook mx-2" aria-label="Facebook">#}
  347. {#                <i class="bx bxl-facebook"></i>#}
  348. {#                </a>#}
  349. {#                <a href="#" class="btn btn-icon btn-secondary btn-instagram mx-2" aria-label="Instagram">#}
  350. {#                <i class="bx bxl-instagram"></i>#}
  351. {#                </a>#}
  352. {#                <a href="#" class="btn btn-icon btn-secondary btn-twitter mx-2" aria-label="Twitter">#}
  353. {#                <i class="bx bxl-twitter"></i>#}
  354. {#                </a>#}
  355. {#                <a href="#" class="btn btn-icon btn-secondary btn-youtube mx-2" aria-label="YouTube">#}
  356. {#                <i class="bx bxl-youtube"></i>#}
  357. {#                </a>#}
  358. {#            </div>#}
  359.             <p class="nav d-block fs-sm text-center pt-5 mt-lg-4 mb-0">
  360.                 <span class="opacity-80">&copy; All rights reserved. Made by </span>
  361.                 <a class="nav-link d-inline-block p-0" href="https://astartic.com/" target="_blank" rel="noopener">Astartic S.L.</a>
  362.             </p>
  363.             </div>
  364.         </footer>
  366.         <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
  367.         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  368.         <!--script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script-->
  369.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
  371.         {# ---------------------------------- START Silicon ---------------------------------------- #}
  372.         <!-- Back to top button -->
  373.         <a href="#top" class="btn-scroll-top" data-scroll>
  374.             <span class="btn-scroll-top-tooltip text-muted fs-sm me-2">Top</span>
  375.             <i class="btn-scroll-top-icon bx bx-chevron-up"></i>
  376.         </a>
  379.         <!-- Vendor Scripts -->
  380.         <script src="/silicon/assets/vendor/jarallax/dist/jarallax.min.js"></script>
  381.         <script src="/silicon/assets/vendor/@lottiefiles/lottie-player/dist/lottie-player.js"></script>
  382.         <script src="/silicon/assets/vendor/rellax/rellax.min.js"></script>
  383.         <script src="/silicon/assets/vendor/swiper/swiper-bundle.min.js"></script>
  384.         <script src="/silicon/assets/vendor/lightgallery/lightgallery.min.js"></script>
  385.         <script src="/silicon/assets/vendor/lightgallery/plugins/video/lg-video.min.js"></script>
  386.         <script src="/silicon/assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
  387.         <script src="/silicon/assets/vendor/shufflejs/dist/shuffle.min.js"></script>
  389.         <!-- Main Theme Script -->
  390.         <script src="/silicon/assets/js/theme.min.js"></script>
  391.         {# ---------------------------------- END Silicon ---------------------------------------- #}
  393.         {% block miJavascript %}
  394.         {% endblock %}
  396.     </body>
  397. </html>