templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}Welcome!{% endblock %}</title>
  6.             <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.         <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  10.     <script type="module" crossorigin="" src="{{asset('js/1.js?v=1')}}"></script>
  11.     <script src="{{asset('js/2.js?v=1')}}" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  12.     <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;9623a44fde1a8648&quot;,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfEdge&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;version&quot;:&quot;2025.7.0&quot;,&quot;token&quot;:&quot;819a3f0a07034fb290d6a722dd19f377&quot;}" crossorigin="anonymous"></script>
  13.                 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  14.              {# <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> #}
  15.             <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous" defer></script>
  16.         <script src="{{asset('js/1.js?v=1')}}"></script>
  17.         <script src="{{asset('js/2.js?v=1')}}"></script>
  18.         <script src="{{asset('js/3.js?v=1')}}"></script>
  19.             {# <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> #}
  20.         <link rel="stylesheet" href="{{asset('css/style.css?v=2')}}">
  21.                 <link rel="stylesheet" href="{{asset('css/style1.css?v=2')}}">
  22.             <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  23.             <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer">
  25.         {% block stylesheets %}
  26.             {{ encore_entry_link_tags('app') }}
  27.         {% endblock %}
  29.         {% block javascripts %}
  30.             {{ encore_entry_script_tags('app') }}
  31.         {% endblock %}
  32.         <script>
  33.   document.addEventListener("DOMContentLoaded", function () {
  34.     const toggleButton = document.querySelector('button[data-state]');
  36.     toggleButton.addEventListener("click", function () {
  37.       const currentState = toggleButton.getAttribute("data-state");
  38.       const newState = currentState === "open" ? "closed" : "open";
  39.       toggleButton.setAttribute("data-state", newState);
  40.     });
  41.   });
  42. </script>
  43. <script>
  44.     const burger = document.querySelector('button[aria-haspopup="dialog"]');
  45.     const mobileMenu = document.getElementById('mobile-menu');
  47.     burger.addEventListener('click', () => {
  48.         mobileMenu.classList.toggle('hidden');
  49.     });
  50. </script>
  51. <style>
  52. .topnav {
  53.   overflow: hidden;
  54.   background-color: white;
  55. }
  57. .topnav a {
  58.   font-weight: bold;
  59.   float: left;
  60.   display: block;
  61.   color: black;
  62.   text-align: center;
  63.   padding: 14px 16px;
  64.   text-decoration: none;
  65.   font-size: 17px;
  66. }
  68. .topnav a:hover {
  69.   background-color: #ddd;
  70.   color: black;
  71. }
  73. .topnav a.active {
  74.   background-color: #04AA6D;
  75.   color: white;
  76. }
  78. .topnav .icon {
  79.   display: none;
  80. }
  82. @media screen and (max-width: 600px) {
  83.   .topnav a:not(:first-child) {display: none;}
  84.   .topnav a.icon {
  85.     float: right;
  86.     display: block;
  87.   }
  88. }
  90. @media screen and (max-width: 600px) {
  91.   .topnav.responsive {position: relative;}
  92.   .topnav.responsive .icon {
  93.     position: absolute;
  94.     right: 0;
  95.     top: 0;
  96.   }
  97.   .topnav.responsive a {
  98.     float: none;
  99.     display: block;
  100.     text-align: left;
  101.   }
  102. }
  103. .topnav.responsive .menu-links {
  104.   display: block;
  105.   flex-direction: column;
  106.   margin-top: 10px;
  107. }
  108. </style>
  110.     </head>
  111.     <body>
  112.     <div class="topnav flex justify-between items-center px-4" id="myTopnav">
  113.     <!-- Logo -->
  114.     <a href="/" class="flex items-center">
  115.         <span class="font-bold text-2xl bg-gradient-to-r from-red-600 to-blue-800 bg-clip-text text-transparent">
  116.             <img src="{{asset('img/logo.png')}}" style="width:150px;">
  117.         </span>
  118.     </a>
  120.     <!-- Menu -->
  121.     <div class="menu-links space-x-6 hidden md:flex">
  122.         <a href="#about" class="text-gray-700 hover:text-blue-800 font-medium transition">About</a>
  123.         <a href="#services" class="text-gray-700 hover:text-blue-800 font-medium transition">Services</a>
  124.         <a href="#testimonials" class="text-gray-700 hover:text-blue-800 font-medium transition">Testimonials</a>
  125.         <a href="{{ path('add_company') }}" class="text-gray-700 hover:text-blue-800 font-medium transition">Pricing</a>
  126.     </div>
  128.     <!-- Icone burger pour mobile -->
  129.     <a href="javascript:void(0);" class="icon md:hidden" onclick="myFunction()">
  130.         <i class="fa fa-bars"></i>
  131.     </a>
  132. </div>
  134.     {# <div class="topnav" id="myTopnav">
  135.         <a href="/" class="flex items-center"><span class="font-bold text-2xl bg-gradient-to-r from-red-600 to-blue-800 bg-clip-text text-transparent">Made in USA Global</span></a>
  136.         <a href="#about" class="text-gray-700 hover:text-blue-800 font-medium transition">About</a>
  137.         <a href="#services" class="text-gray-700 hover:text-blue-800 font-medium transition">Services</a>
  138.         <a href="#testimonials" class="text-gray-700 hover:text-blue-800 font-medium transition">Testimonials</a>
  139.         <a href="{{ path('add_company') }}" class="text-gray-700 hover:text-blue-800 font-medium transition">Pricing</a>
  140.         {# <a class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary-foreground h-10 px-4 py-2 bg-blue-800 hover:bg-blue-900">
  141.             Get Started
  142.         </a> #}
  143.         {# <a href="javascript:void(0);" class="icon" onclick="myFunction()">
  144.             <i class="fa fa-bars"></i>
  145.         </a>
  146.     </div>  #}
  147.     {# <header class="sticky top-0 z-50 w-full transition-all duration-300 bg-transparent py-4">
  148.         <div class="container mx-auto px-4">
  149.             <div class="flex items-center justify-between">
  150.                 <div class="flex items-center">
  151.                     <a href="/" class="flex items-center"><span class="font-bold text-2xl bg-gradient-to-r from-red-600 to-blue-800 bg-clip-text text-transparent">Made in USA Global</span></a>
  152.                 </div>
  153.                 <nav class="hidden md:flex items-center space-x-6">
  154.                     <a href="#about" class="text-gray-700 hover:text-blue-800 font-medium transition">About</a>
  155.                     <a href="#services" class="text-gray-700 hover:text-blue-800 font-medium transition">Services</a>
  156.                     <a href="#testimonials" class="text-gray-700 hover:text-blue-800 font-medium transition">Testimonials</a><a href="#pricing" class="text-gray-700 hover:text-blue-800 font-medium transition">Pricing</a>
  157.                     <button
  158.                         class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary-foreground h-10 px-4 py-2 bg-blue-800 hover:bg-blue-900"
  159.                     >
  160.                         Get Started
  161.                     </button>
  162.                 </nav>
  163.                 <div class="md:hidden">
  164.                     <button
  165.                         class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10"
  166.                         type="button"
  167.                         aria-haspopup="dialog"
  168.                         aria-expanded="false"
  169.                         aria-controls="radix-:r3:"
  170.                         data-state="closed"
  171.                     >
  172.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6">
  173.                             <line x1="4" x2="20" y1="12" y2="12"></line>
  174.                             <line x1="4" x2="20" y1="6" y2="6"></line>
  175.                             <line x1="4" x2="20" y1="18" y2="18"></line>
  176.                         </svg>
  177.                     </button>
  178.                 </div>
  179.             </div>
  180.         </div>
  181.     </header> #}
  183.         {# <nav class="navbar navbar-expand-lg bg-primary">
  184.             <div class="container">
  185.                 <a class="navbar-brand" href="/"><img src="{{asset('img/logo.png')}}" width="220"></a>
  186.                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  187.                     <span class="navbar-toggler-icon"></span>
  188.                 </button>
  189.                 <div class="collapse navbar-collapse" id="navbarSupportedContent">
  190.                     <ul class="navbar-nav mr-auto">
  191.                     <li class="nav-item active">
  192.                         <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
  193.                     </li>
  194.                     <li class="nav-item">
  195.                         <a class="nav-link" href="#service">Our Service</a>
  196.                     </li>
  197.                      <li class="nav-item">
  198.                         <a class="nav-link" href="#">Benefits</a>
  199.                     </li>
  200.                     <li class="nav-item">
  201.                         <a class="nav-link" href="{{path('app_company_new')}}">register</a>
  202.                     </li> 
  203.                     </ul>
  204.                 </div>
  205.             </div>
  206.         </nav> #}
  207.         <main class="flex-grow">{% block body %}{% endblock %}</main>
  209.         <footer class="bg-white pt-4 border-top">
  210.    <!-- Footer Links -->
  211.    <div class="container text-center text-md-left">
  212.       <!-- Grid row -->
  213.       <div class="row">
  214.          <!-- Grid column -->
  215.          <div class="col-md-6 mx-auto">
  216.             <!-- Content -->
  217.             <div class="font-weight-bold text-uppercase mt-3 mb-4">
  218.                 <a href="/" class="flex items-center"><span class="font-bold text-2xl bg-gradient-to-r from-red-600 to-blue-800 bg-clip-text text-transparent"><img src="{{asset('img/logo.png')}}" style="width:150px;"></span></a>
  219.             </div>
  220.             {# <p class="small-text" style="text-align: left;">
  221.              The main activity of the company will consist of the operation of a digital B2B platform specialized in connecting U.S. manufacturers with international buyers, facilitating commercial transactions, lead generation, and digital marketing to promote "Made in USA" products in global markets, with a focus on industries such as medical equipment, renewable energies, chemical products, electronics, automotive, and other related fields, all through an exclusive subscription model and without transaction commissions.</p> #}
  222.          </div>
  223.          <!-- Grid column -->
  224.          <hr class="clearfix w-100 d-md-none">
  225.          <!-- Grid column -->
  226.          <div class="col-md-3 mx-auto">
  227.             <!-- Links -->
  228.             <h5 class="keep font-weight-bold text-uppercase mt-3 mb-4" style="font-weight: bold;">Contact us</h5>
  229.             <ul class="list-unstyled" style="text-align: left; font-weight: bold;">
  230.                {# <li>
  231.                   <a href="javascript:void(0);">
  232.                   <i class="fa fa-map-marker-alt"></i> On est partout au maroc
  233.                   </a>
  234.                </li> #}
  235.                <li>
  236.                   <a href="tel:+34632709911">
  237.                   <i class="fa fa-phone"></i> +34 632709911</a>
  238.                </li>
  239.                <li>
  240.                   <a href="mailto:contact@madeinusaglobal.com">
  241.                   <i class="far fa-envelope"></i> contact@madeinusaglobal.com
  242.                   </a>
  243.                </li>
  244.                <li>
  245.                   <a href="https://madeinusaglobal.com">
  246.                   <i class="fa fa-globe"></i> www.madeinusaglobal.com
  247.                   </a>
  248.                </li>
  249.                
  250.             </ul>
  251.          </div>
  252.          <div class="col-md-3 mx-auto">
  253.             <!-- Links -->
  254.             <h5 class="keep font-weight-bold text-uppercase mt-3 mb-4" style="font-weight: bold;color:white;">a</h5>
  255.             <ul class="list-unstyled" style="text-align: left; font-weight: bold;">
  256.                {# <li>
  257.                   <a href="javascript:void(0);">
  258.                   <i class="fa fa-map-marker-alt"></i> On est partout au maroc
  259.                   </a>
  260.                </li> #}
  261.                <li>
  262.                   <a href="https://www.instagram.com/madeinusaglobal">
  263.                   <i class="fab fa-instagram"></i> Instagram.com/madeinusaglobal/
  264.                   </a>
  265.                </li>
  266.                <li>
  267.                   <a href="https://www.linkedin.com/in/madeinusaglobal-solay-a085ab377/">
  268.                   <i class="fab fa-linkedin"></i> linkedin.com
  269.                   </a>
  270.                </li>
  271.                <li>
  272.                   <a href="https://www.youtube.com/@madeinusaglobal">
  273.                   <i class="fab fa-youtube"></i>Youtube.com/@madeinusaglobal
  274.                   </a>
  275.                </li>
  276.             </ul>
  277.          </div>
  278.          <!-- Grid column -->
  279.       </div>
  280.       <br><br>
  281.       <!-- Grid row -->
  282.       {# <div class="small-text text-secondary">
  283.          <a class="text-secondary" href="#">A propos</a> ●
  284.          <a class="text-secondary" href="#">Mentions légales</a> ●
  285.          <a class="text-secondary" href="#">Promouvoir chez nous</a> ●
  286.          <div class="dropdown">
  287.             <span class="text-secondary" onclick="myFunction()">Langue
  288.             <i class="fa fa-chevron-down" aria-hidden="true"></i>
  289.             </span>
  290.             <div id="myDropdown" class="dropdown-content">
  291.                <a class="item text-secondary" href="/change-locale/en">
  292.                <img src="/img/en.png" alt="en"> English
  293.                </a>
  294.                <a class="item text-secondary" href="/change-locale/ar">
  295.                <img src="/img/ar.png" alt="ar"> العربية
  296.                </a>
  297.             </div>
  298.          </div>
  299.       </div> #}
  300.    </div>
  301.    <!-- Footer Links -->
  302.    <hr>
  303.    <!-- Copyright -->
  304.    {# <div class="footer-copyright text-center py-3">
  305.       Made with
  306.       <span style="color:red;">❤</span> by
  307.       <a href="https://hicham.tech/" target="_blank">Hicham.tech</a>
  308.    </div> #}
  309.    <!-- Copyright -->
  310. </footer>
  311.         
  312.         <script>
  313. function myFunction() {
  314.   var x = document.getElementById("myTopnav");
  315.   if (x.className === "topnav") {
  316.     x.className += " responsive";
  317.   } else {
  318.     x.className = "topnav";
  319.   }
  320. }
  321. </script>
  322.         <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;962511c409ab11bd&quot;,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfEdge&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;version&quot;:&quot;2025.7.0&quot;,&quot;token&quot;:&quot;819a3f0a07034fb290d6a722dd19f377&quot;}" crossorigin="anonymous"></script>
  323.     </body>
  324. </html>