language-dropdown-part2

<div class="language-dropdown">
  <!-- Language dropdown title -->
      <div class="language-dropdown-title">
        <img src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/2.6.0/flags/4x3/gb.svg" alt="GB" class="flag-icon">
        <span class="language-text">English</span>
        <svg class="dropdown-arrow" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M1 1L6 6L11 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </div>
      
      <div class="language-dropdown-menu">
   <!-- Language dropdown - first language -->
        <a href="#" class="language-dropdown-item" data-lang="danish">
          <img src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/2.6.0/flags/4x3/dk.svg" alt="DK" class="flag-icon">
          <span>Danish</span>
        </a>
         <!-- Language dropdown - second language -->
        <a href="#" class="language-dropdown-item" data-lang="finnish">
          <img src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/2.6.0/flags/4x3/no.svg" alt="NO" class="flag-icon">
          <span>Finnish</span>
        </a>
      </div>
    </div>