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="index.html" class="navbar-brand pe-3">
  152.                     {# <img src="silicon/assets/img/logo.svg" width="47" alt="Silicon"> #}
  153.                     <img src="silicon/assets/img/brands/02.svg" width="200" alt="Silicon">
  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="components/typography.html" class="nav-link">Home</a>
  277.                         </li>
  278.                         <li class="nav-item">
  279.                             <a href="components/typography.html" class="nav-link">UI Kit</a>
  280.                         </li>
  281.                         <li class="nav-item">
  282.                             <a href="docs/getting-started.html" class="nav-link">Docs</a>
  283.                         </li>
  284.                     </ul>
  285.                     </div>
  286.                     <div class="offcanvas-header border-top">
  287.                     <a href="https://themes.getbootstrap.com/product/silicon-business-technology-template-ui-kit/" class="btn btn-primary w-100" target="_blank" rel="noopener">
  288.                         <i class="bx bx-cart fs-4 lh-1 me-1"></i>
  289.                         &nbsp;Buy now
  290.                     </a>
  291.                     </div>      
  292.                 </div>
  293.                 <div class="form-check form-switch mode-switch pe-lg-1 ms-auto me-4" data-bs-toggle="mode">
  294.                     <input type="checkbox" class="form-check-input" id="theme-mode">
  295.                     <label class="form-check-label d-none d-sm-block" for="theme-mode">Light</label>
  296.                     <label class="form-check-label d-none d-sm-block" for="theme-mode">Dark</label>
  297.                 </div>
  298.                 {# <button type="button" class="navbar-toggler" data-bs-toggle="offcanvas" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  299.                     <span class="navbar-toggler-icon"></span>
  300.                 </button>
  301.                 <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">
  302.                     <i class="bx bx-cart fs-5 lh-1 me-1"></i>
  303.                     &nbsp;Buy now
  304.                 </a> #}
  305.             </div>
  306.         </header>
  308.         
  309.                 {% block contentHeader %}
  310.                 {% endblock %}
  311.                 
  312.                 {% block contentCenter %}
  313.                 {% endblock %}
  315.         </main>
  317.         <!-- Footer -->
  318.         <footer class="footer pt-5 pb-4 pb-lg-5">
  319.             <div class="container text-center pt-lg-3">
  320.             <div class="navbar-brand justify-content-center text-dark mb-2 mb-lg-4">
  321.                 <img src="silicon/assets/img/brands/02.svg" class="me-2" width="160" alt="Silicon">
  322.                 <span class="fs-4">Liia</span>
  323.             </div>
  324.             <ul class="nav justify-content-center pt-3 pb-4 pb-lg-5">
  325.                 <li class="nav-item"><a href="#" class="nav-link">Home</a></li>
  326.                 <li class="nav-item"><a href="#" class="nav-link">Features</a></li>
  327.                 <li class="nav-item"><a href="#" class="nav-link">Overview</a></li>
  328.                 <li class="nav-item"><a href="#" class="nav-link">Contacts</a></li>
  329.                 <li class="nav-item"><a href="#" class="nav-link">Account</a></li>
  330.             </ul>
  331.             <div class="d-flex flex-column flex-sm-row justify-content-center">
  332.                 <a href="#" class="btn btn-dark btn-lg px-3 py-2 me-sm-4 mb-3">
  333.                 <img src="silicon/assets/img/market/appstore-light.svg" class="light-mode-img" width="124" alt="App Store">
  334.                 <img src="silicon/assets/img/market/appstore-dark.svg" class="dark-mode-img" width="124" alt="App Store">
  335.                 </a>
  336.                 <a href="#" class="btn btn-dark btn-lg px-3 py-2 mb-3">
  337.                 <img src="silicon/assets/img/market/googleplay-light.svg" class="light-mode-img" width="139" alt="Google Play">
  338.                 <img src="silicon/assets/img/market/googleplay-dark.svg" class="dark-mode-img" width="139" alt="Google Play">
  339.                 </a>
  340.             </div>
  341.             <div class="d-flex justify-content-center pt-4 mt-lg-3">
  342.                 <a href="#" class="btn btn-icon btn-secondary btn-facebook mx-2" aria-label="Facebook">
  343.                 <i class="bx bxl-facebook"></i>
  344.                 </a>
  345.                 <a href="#" class="btn btn-icon btn-secondary btn-instagram mx-2" aria-label="Instagram">
  346.                 <i class="bx bxl-instagram"></i>
  347.                 </a>
  348.                 <a href="#" class="btn btn-icon btn-secondary btn-twitter mx-2" aria-label="Twitter">
  349.                 <i class="bx bxl-twitter"></i>
  350.                 </a>
  351.                 <a href="#" class="btn btn-icon btn-secondary btn-youtube mx-2" aria-label="YouTube">
  352.                 <i class="bx bxl-youtube"></i>
  353.                 </a>
  354.             </div>
  355.             <p class="nav d-block fs-sm text-center pt-5 mt-lg-4 mb-0">
  356.                 <span class="opacity-80">&copy; All rights reserved. Made by </span>
  357.                 <a class="nav-link d-inline-block p-0" href="https://astartic.com/" target="_blank" rel="noopener">Astartic S.L.</a>
  358.             </p>
  359.             </div>
  360.         </footer>
  362.         <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
  363.         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  364.         <!--script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script-->
  365.         <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>
  367.         {# ---------------------------------- START Silicon ---------------------------------------- #}
  368.         <!-- Back to top button -->
  369.         <a href="#top" class="btn-scroll-top" data-scroll>
  370.             <span class="btn-scroll-top-tooltip text-muted fs-sm me-2">Top</span>
  371.             <i class="btn-scroll-top-icon bx bx-chevron-up"></i>
  372.         </a>
  375.         <!-- Vendor Scripts -->
  376.         <script src="silicon/assets/vendor/jarallax/dist/jarallax.min.js"></script>
  377.         <script src="silicon/assets/vendor/@lottiefiles/lottie-player/dist/lottie-player.js"></script>
  378.         <script src="silicon/assets/vendor/rellax/rellax.min.js"></script>
  379.         <script src="silicon/assets/vendor/swiper/swiper-bundle.min.js"></script>
  380.         <script src="silicon/assets/vendor/lightgallery/lightgallery.min.js"></script>
  381.         <script src="silicon/assets/vendor/lightgallery/plugins/video/lg-video.min.js"></script>
  382.         <script src="silicon/assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
  383.         <script src="silicon/assets/vendor/shufflejs/dist/shuffle.min.js"></script>
  385.         <!-- Main Theme Script -->
  386.         <script src="silicon/assets/js/theme.min.js"></script>
  387.         {# ---------------------------------- END Silicon ---------------------------------------- #}
  389.         {% block miJavascript %}
  390.         {% endblock %}
  392.     </body>
  393. </html>