Outiref

Code source de l'URL : https://leanantes.com

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ressources Universitaires pour Études Linguistiques (LEA & LLCE)</title>
  <meta name="description" content="Ressources universitaires gratuites pour LEA et LLCE : annales de partiels, cartographie des facs en France, débouchés professionnels, cours en ligne.">
<meta name="author" content="Leanantes.com">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://leanantes.com/">
<meta property="og:type" content="website">
<meta property="og:url" content="https://leanantes.com/">
<meta property="og:title" content="Leanantes.com – Ressources gratuites LEA & LLCE (partiels, facs, débouchés)">
<meta property="og:description" content="Annales, cartographie des universités, débouchés et cours pour les étudiants en Langues Étrangères Appliquées et LLCE.">
<meta property="og:image" content="https://leanantes.com/og-image.jpg">
<meta property="og:image:alt" content="Leanantes.com – Ressources universitaires LEA & LLCE">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="Leanantes.com">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@leanantes"> 
<meta name="twitter:creator" content="@leanantes">
<meta name="twitter:title" content="Leanantes.com – Ressources gratuites LEA & LLCE">
<meta name="twitter:description" content="Annales de partiels, facs, débouchés et cours pour étudiants LEA & LLCE">
<meta name="twitter:image" content="https://leanantes.com/og-image.jpg">
<meta name="twitter:image:alt" content="Leanantes.com – Ressources universitaires LEA & LLCE">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Leanantes.com",
  "url": "https://leanantes.com/",
  "description": "Ressources universitaires gratuites pour les étudiants en LEA (Langues Étrangères Appliquées) et LLCE : annales, cartographie des facultés, débouchés professionnels et cours.",
  "inLanguage": "fr-FR",
  "publisher": {
    "@type": "Organization",
    "name": "Leanantes.com",
    "logo": {
      "@type": "ImageObject",
      "url": "https://leanantes.com/logo.png"
    }
  },
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://#/?s={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "EducationalOccupationalResource",
  "name": "Leanantes.com",
  "url": "https://leanantes.com/",
  "description": "Plateforme gratuite de ressources universitaires pour les filières LEA et LLCE en France.",
  "inLanguage": "fr-FR",
  "educationalLevel": "Higher Education",
  "keywords": "LEA, LLCE, partiels, annales, débouchés, universités, langues étrangères appliquées, lettres langues cultures étrangères"
}
</script>
  <style>
        :root {
            --primary: #5a6fd8;
            --secondary: #6d47b9;
            --dark: #1e293b;
            --light: #f8fafc;
            --gray: #e2e8f0;
            --focus: #4f46e5;
        }

        *, *::before, *::after { box-sizing: border-box; }
        body {
            margin: 0;
            font-family: system-ui, -apple-system, sans-serif;
            line-height: 1.6;
            color: #1e293b;
            background: var(--light);
            min-height: 100vh;
        }

        /* Respect du reduced motion */
        @media (prefers-reduced-motion: reduce) {
            *, *::before, *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0s !important;
                scroll-behavior: auto !important;
            }
        }

        /* Skip to content */
        .skip-link {
            position: absolute;
            top: -60px;
            left: 10px;
            background: var(--dark);
            color: white;
            padding: 12px 20px;
            border-radius: 0 0 8px 8px;
            font-weight: 600;
            z-index: 10000;
            transition: top 0.3s ease;
        }
        .skip-link:focus {
            top: 0;
        }

        header {
            background: linear-gradient(135deg, var(--primary), var(--secondary));
            color: white;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        }

        nav {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            min-height: 70px;
        }

        .logo {
            font-size: 1.7rem;
            font-weight: 800;
        }

        .nav-links {
            display: flex;
            gap: 2rem;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .nav-links a {
            color: white;
            text-decoration: none;
            font-weight: 500;
            padding: 0.5rem 0;
            border-bottom: 2px solid transparent;
            transition: all 0.2s ease;
        }

        .nav-links a:focus-visible {
            outline: 3px solid white;
            outline-offset: 4px;
            border-radius: 4px;
        }

        .hamburger {
            display: none;
            background: none;
            border: none;
            color: white;
            cursor: pointer;
            padding: 10px;
            border-radius: 8px;
        }

        .hamburger:focus-visible {
            outline: 3px solid white;
            outline-offset: 4px;
        }

        .hamburger span {
            display: block;
            width: 30px;
            height: 4px;
            background: white;
            margin: 6px 0;
            border-radius: 2px;
            transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }

        .hamburger[aria-expanded="true"] span:nth-child(1) {
            transform: translateY(10px) rotate(45deg);
        }
        .hamburger[aria-expanded="true"] span:nth-child(2) {
            opacity: 0;
        }
        .hamburger[aria-expanded="true"] span:nth-child(3) {
            transform: translateY(-10px) rotate(-45deg);
        }

        .mobile-menu {
            position: fixed;
            inset: 0;
            background: rgba(30, 41, 59, 0.95);
            backdrop-filter: blur(12px);
            z-index: 999;
            display: flex;
            align-items: center;
            justify-content: center;
            transform: translateX(100%);
            transition: transform 0.45s cubic-bezier(0.77, 0, 0.175, 1);
        }

        .mobile-menu[aria-hidden="false"] {
            transform: translateX(0);
        }

        .mobile-links {
            list-style: none;
            text-align: center;
            padding: 0;
        }

        .mobile-links li {
            margin: 1.5rem 0;
            opacity: 0;
            transform: translateY(30px);
        }

        .mobile-menu[aria-hidden="false"] .mobile-links li {
            animation: fadeSlide 0.7s forwards;
        }

        @keyframes fadeSlide {
            to { opacity: 1; transform: translateY(0); }
        }

        .mobile-links a {
            color: white;
            font-size: 2rem;
            font-weight: 700;
            text-decoration: none;
            padding: 1rem;
            display: block;
        }

        .mobile-links a:focus-visible {
            outline: 4px solid var(--focus);
            border-radius: 12px;
        }

        main {
            max-width: 1200px;
            margin: 3rem auto;
            padding: 0 1.5rem;
        }

        h1 {
            text-align: center;
            font-size: 2.4rem;
            color: var(--primary);
            margin-bottom: 1rem;
        }

        .intro {
            text-align: center;
            max-width: 800px;
            margin: 0 auto 4rem;
            font-size: 1.2rem;
            color: #475569;
        }

        .section {
            background: white;
            border-radius: 16px;
            padding: 2.5rem;
            margin-bottom: 3rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        }

        .section h2 {
            color: var(--secondary);
            font-size: 2rem;
            margin-bottom: 2rem;
            border-bottom: 4px solid var(--primary);
            padding-bottom: 0.7rem;
            display: inline-block;
        }

        .grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .card {
            background: #fdfdfd;
            border: 1px solid var(--gray);
            border-left: 6px solid var(--primary);
            border-radius: 14px;
            padding: 2rem;
            transition: all 0.3s ease;
        }

        .card:hover, .card:focus-within {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(90, 111, 216, 0.2);
        }

        .card h3 {
            margin-bottom: 1rem;
            color: var(--dark);
        }

        .card a {
            color: var(--primary);
            text-decoration: none;
            font-weight: 700;
            font-size: 1.15rem;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }

        .card a::after {
            content: "→";
            font-size: 1.4em;
            transition: transform 0.2s ease;
        }

        .card a:hover::after,
        .card a:focus::after {
            transform: translateX(6px);
        }

        .card a:focus-visible {
            outline: 3px solid var(--focus);
            border-radius: 8px;
        }

        footer {
            background: var(--dark);
            color: #cbd5e1;
            text-align: center;
            padding: 3rem 1rem;
            margin-top: 5rem;
        }

        footer a {
            color: #a5b4fc;
            text-decoration: underline;
        }

        @media (max-width: 900px) {
            .nav-links { display: none; }
            .hamburger { display: block; }
            h1 { font-size: 2.1rem; }
        }

        @media (max-width: 480px) {
            nav { padding: 0 1rem; }
            main { padding: 0 1rem; margin: 2rem auto; }
            .section { padding: 1.8rem; }
            .mobile-links a { font-size: 1.8rem; }
        }

.site-footer {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  color: #cbd5e1;
  margin-top: 6rem;
  padding: 4rem 1.5rem 2rem;
  font-size: 0.95rem;
}

.footer-inner {
  max-width: 1400px;
  margin: 0 auto;
}

.footer-top {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 3rem;
  margin-bottom: 3rem;
}

.footer-brand .logo-footer {
  font-size: 1.8rem;
  font-weight: 800;
  color: white;
  display: block;
  margin-bottom: 0.5rem;
}

.footer-slogan {
  font-size: 0.95rem;
  opacity: 0.9;
  line-height: 1.5;
}

.footer-links h3 {
  color: white;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}

.footer-links ul {
  list-style: none;
  padding: 0;
}

.footer-links a {
  color: #94a3b8;
  text-decoration: none;
  line-height: 2;
  transition: color 0.2s;
}

.footer-links a:hover {
  color: white;
}

.social-icons {
  display: flex;
  ;
  gap: 1rem;
  margin-top: 1rem;
}

.social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,0.1);
  border-radius: 12px;
  transition: all 0.3s;
}

.social-icons a:hover {
  background: rgba(255,255,255,0.2);
  transform: translateY(-4px);
}

.social-icons svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  color: white;
}

.footer-bottom {
  text-align: center;
  padding-top: 2rem;
  border-top: 1px solid rgba(255,255,255,0.1);
  font-size: 0.9rem;
  opacity: 0.8;
}

.footer-bottom a {
  color: #94a3b8;
  text-decoration: underline;
}

.footer-bottom a:hover {
  color: white;
}

@media (max-width: 640px) {
  .footer-top { grid-template-columns: 1fr; text-align: center; }
  .social-icons { justify-content: center; }
}
    </style>
</head>
<body>

    <a href="#main-content" class="skip-link">Aller directement au contenu principal</a>

    <header>
        <nav aria-label="Navigation principale">
            <div class="logo"><a href="/">Leanantes.com</a></div>

            <ul class="nav-links">
                <li><a href="#lea">LEA</a></li>
                <li><a href="#llce">LLCE</a></li>
                <li><a href="#/Plan.php">Plan du site</a></li>
                <li><a href="#/Contact.php">Contact</a></li>
                <li><a href="#/Edito.php">Édito</a></li>
            </ul>

            <button class="hamburger"
                    aria-label="Ouvrir le menu de navigation"
                    aria-expanded="false"
                    aria-controls="mobileMenu">
                <span></span><span></span><span></span>
            </button>
        </nav>
    </header>

    <div class="mobile-menu" id="mobileMenu" role="dialog" aria-modal="true" aria-label="Menu de navigation" aria-hidden="true">
        <ul class="mobile-links">
            <li style="animation-delay: 0.1s"><a href="#lea">LEA</a></li>
            <li style="animation-delay: 0.2s"><a href="#llce">LLCE</a></li>
            <li style="animation-delay: 0.3s"><a href="#/Plan.php">Plan du site</a></li>
            <li style="animation-delay: 0.4s"><a href="#/Contact.php">Contact</a></li>
            <li style="animation-delay: 0.5s"><a href="#/Edito.php">Édito</a></li>
            <li style="animation-delay: 0.6s"><a href="#/Actualites-LEA.php">Actualités</a></li>
        </ul>
    </div>

    <main id="main-content" tabindex="-1">
        <h1>Leanantes.com – Ressources LEA & LLCE</h1>
        <p class="intro">La référence gratuite et accessible pour tous les étudiants en Langues Étrangères Appliquées (LEA) et LLCE : annales, cartographie des universités, débouchés, cours en ligne.</p>

            <section id="lea" class="section" aria-labelledby="lea-title">
            <h2 id="lea-title">Langues Étrangères Appliquées (LEA)</h2>
            <div class="grid" role="list">
                <article class="card">
                    <h3>Partiels LEA</h3>
                    <a href="#/Annales-Partiels-LEA.php">Annales & sujets d’examens →</a>
                </article>
                <article class="card">
                    <h3>Facultés LEA</h3>
                    <a href="#/Cartographie_LEA_France.php">Carte interactive des universités LEA →</a>
                </article>
                <article class="card">
                    <h3>Débouchés LEA</h3>
                    <a href="#/Debouches-LEA.php">Métiers & insertion →</a>
                </article>
                <article class="card">
                    <h3>Débouchés détaillés LEA</h3>
                    <a href="#/Debouches_Travail_LEA.php">Insertion professionnelle approfondie →</a>
                </article>
                <article class="card">
                    <h3>Cours LEA Nantes</h3>
                    <a href="#/Cours_LEA_Nantes_Menu.php">Supports de cours & TD →</a>
                </article>
            </div>
        </section>

        <section id="llce" class="section" aria-labelledby="llce-title">
            <h2 id="llce-title">Lettres, Langues et Cultures Étrangères (LLCE)</h2>
            <div class="grid" role="list">
                <article class="card">
                    <h3>Partiels LLCE</h3>
                    <a href="#/Partiels-LLCE.php">Annales LLCE toutes langues →</a>
                </article>
                <article class="card">
                    <h3>Facultés LLCE</h3>
                    <a href="#/Cartographie_LLCE_France.php">Carte des universités LLCE →</a>
                </article>
                <article class="card">
                    <h3>Débouchés LLCE</h3>
                    <a href="#/Debouches-LLCE.php">Perspectives carrière →</a>
                </article>
                <article class="card">
                    <h3>Insertion LLCE</h3>
                    <a href="#/Debouches_Travail_LLCE.php">Métiers & insertion →</a>
                </article>
            </div>
        </section>

        <section class="section" aria-labelledby="common-title">
            <h2 id="common-title">Ressources communes</h2>
            <div class="grid" role="list">
                <article class="card">
                    <h3>Cours LEA & LLCE</h3>
                    <a href="#/Cours_LEA_Nantes_Menu.php">Tous les cours disponibles →</a>
                </article>
                <article class="card">
                    <h3>Liens utiles</h3>
                    <a href="#/Liens.php">Sites partenaires & ressources →</a>
                </article>
                <article class="card">
                    <h3>Plan complet</h3>
                    <a href="#/Plan.php">Toutes les pages du site →</a>
                </article>
            </div>
        </section>
    </main>


<footer class="site-footer">
  <div class="footer-inner">
    <div class="footer-top">
      <div class="footer-brand">
        <strong class="logo-footer">Leanantes.com</strong>
        <p class="footer-slogan">Ressources universitaires gratuites<br>pour LEA & LLCE depuis 2011</p>
      </div>

      <div class="footer-links">
        <h3>Navigation</h3>
        <ul>
          <li><a href="#/Plan.php">Plan du site</a></li>
          <li><a href="#/Edito.php">Édito</a></li>
          <li><a href="#/Contact.php">Contact</a></li>
          <li><a href="#/Actualites-LEA.php">Actualités</a></li>
        </ul>
      </div>

      <div class="footer-links">
        <h3>Légal & Accessibilité</h3>
        <ul>
          <li><a href="#/Mentions-legales.php">Mentions légales</a></li>
          <li><a href="#/Politique-confidentialite.php">Politique de confidentialité</a></li>
          <li><a href="#/Accessibilite.php">Déclaration d’accessibilité</a></li>
          <li><a href="#/CGU.php">Conditions d’utilisation</a></li>
        </ul>
      </div>

      <div class="footer-social">
        <h3>Suivez-nous</h3>
      <div class="social-icons">

  <a href="#https://x.com/leanantes" aria-label="Suivre sur X (Twitter)" target="_blank" rel="noopener">
    <svg viewbox="0 0 24 24" aria-hidden="true" fill="currentColor">
      <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231L18.244 2.25zM17.09 19.77h2.15L6.98 4.15H4.68l12.41 15.62z"/>
    </svg>
  </a>


  <a href="#https://instagram.com/leanantes" aria-label="Suivre sur Instagram" target="_blank" rel="noopener">
    <svg viewbox="0 0 24 24" aria-hidden="true" fill="currentColor">
      <path d="M12 2.163c3.204 0 3.584.012 4.85.037 3.303.033 4.443 1.415 4.443 4.443.025 1.266.037 1.646.037 4.85s-.012 3.584-.037 4.85c-.033 3.028-1.173 4.17-4.476 4.443-1.266.025-1.646.037-4.85.037s-3.584-.012-4.85-.037c-3.303-.033-4.443-1.415-4.443-4.443C2.175 15.584 2.163 15.204 2.163 12s.012-3.584.037-4.85c.033-3.028 1.173-4.17 4.476-4.443 1.266-.025 1.646-.037 4.85-.037zM12 0C8.741 0 8.332.014 7.052.072c-4.246.075-5.787 1.616-5.787 5.787C1.206 7.139 1.192 7.548 1.192 12s.014 4.861.072 6.141c.075 4.171 1.616 5.712 5.787 5.787C8.332 23.986 8.741 24 12 24s3.668-.014 4.948-.072c4.171-.075 5.712-1.616 5.787-5.787.058-1.28.072-1.689.072-6.141s-.014-4.861-.072-6.141c-.075-4.171-1.616-5.712-5.787-5.787C15.668.014 15.259 0 12 0z"/>
      <circle cx="12" cy="12" r="3.5"/>
      <circle cx="18.406" cy="5.594" r="1.44"/>
    </svg>
  </a>

 
  <a href="#https://facebook.com/leanantes" aria-label="Suivre sur Facebook" target="_blank" rel="noopener">
    <svg viewbox="0 0 24 24" aria-hidden="true" fill="currentColor">
      <path d="M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073c0 6.04 4.446 11.04 10.25 11.903v-8.418H7.207v-3.485h3.043v-2.656c0-3.014 1.793-4.684 4.532-4.684 1.312 0 2.686.234 2.686.234v2.953h-1.513c-1.491 0-1.956.926-1.956 1.875v2.278h3.328l-.532 3.485h-2.796v8.418C19.554 23.113 24 18.113 24 12.073z"/>
    </svg>
  </a>


  <a href="#https://www.linkedin.com/company/leanantes" aria-label="Suivre sur LinkedIn" target="_blank" rel="noopener">
    <svg viewbox="0 0 24 24" aria-hidden="true" fill="currentColor">
      <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
    </svg>
  </a>


 <a href="#https://www.youtube.com/@leanantes" aria-label="Chaîne YouTube Leanantes" target="_blank" rel="noopener">
  <svg viewbox="0 0 24 24" aria-hidden="true" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
    <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.016 3.016 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.016 3.016 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.75 15.538V8.462L15.563 12 9.75 15.538z"/>
  </svg>
</a>


  <a href="#https://www.tiktok.com/@leanantes" aria-label="Suivre sur TikTok" target="_blank" rel="noopener">
    <svg viewbox="0 0 24 24" aria-hidden="true" fill="currentColor">
      <path d="M19.58 2.363c-1.405-.002-2.8.557-3.816 1.586v6.888c0 3.37-2.737 6.107-6.107 6.107s-6.107-2.737-6.107-6.107c0-3.37 2.737-6.107 6.107-6.107.522 0 1.027.066 1.51.188v3.56c-.486-.143-.994-.22-1.51-.22-1.657 0-3 1.343-3 3s1.343 3 3 3c1.657 0 3-1.343 3-3V0h3.535c.044.493.14.98.287 1.457.387 1.457.387 2.689.387 3.668v.668c1.052-.804 2.298-1.262 3.605-1.262V2.363z"/>
    </svg>
  </a>
</div>
      </div>
    </div>

    <div class="footer-bottom">
      <p>© 2011 – 2025 Leanantes.com • Tous droits réservés •
        <a href="#/Contact.php">Contact</a> •
        <a href="#/Mentions-legales.php">Mentions légales</a>
      </p>
    </div>
  </div>
</footer>

    <script>
        const hamburger = document.querySelector('.hamburger');
        const mobileMenu = document.getElementById('mobileMenu');

        hamburger.addEventListener('click', () => {
            const expanded = hamburger.getAttribute('aria-expanded') === 'true';
            hamburger.setAttribute('aria-expanded', !expanded);
            hamburger.setAttribute('aria-label', expanded ? 'Ouvrir le menu de navigation' : 'Fermer le menu de navigation');
            mobileMenu.setAttribute('aria-hidden', expanded);

            if (!expanded) mobileMenu.querySelector('a').focus();
        });

        document.addEventListener('keydown', e => {
            if (e.key === 'Escape' && mobileMenu.getAttribute('aria-hidden') === 'false') {
                hamburger.click();
                hamburger.focus();
            }
        });

        mobileMenu.addEventListener('click', e => {
            if (e.target === mobileMenu) hamburger.click();
        });

        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', e => {
                e.preventDefault();
                const target = document.querySelector(anchor.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({ behavior: 'smooth' });
                    target.setAttribute('tabindex', '-1');
                    target.focus({ preventScroll: true });
                    if (mobileMenu.getAttribute('aria-hidden') === 'false') hamburger.click();
                }
            });
        });
    </script>
</body>
</html>