index.html

<div class="unique-wrapper">
  <!-- Left Column for QR Code and Download Buttons -->
  <div class="unique-left-column">
    <div class="unique-qr-container" id="unique_qr_code">
    </div>
    <div class="unique-save-buttons" id="unique_saveButtons">
      <button class="unique-save-btn" id="unique_downloadPNG">PNG</button>
      <button class="unique-save-btn" id="unique_downloadJPG">JPG</button>
    </div>
  </div>

  <!-- Right Column for Options and Settings -->
  <div class="unique-right-column">
    <div class="tabs">
      <button class="active">Link</button>
<button onclick="window.location.href='https://educatefarm.in/#email';">E-mail</button>
<button onclick="window.location.href='https://educatefarm.in/#whatsapp';">WhatsApp</button>
<button onclick="window.location.href='https://educatefarm.in/#tel';">Phone</button>

    </div>
    <div class="unique-input-group">
      <input type="text" id="unique_url" placeholder="Enter URL" value="https://prepphint.com/">
    </div>

    <div class="unique-options">
      <div class="unique-collapse-section active">
        <div class="unique-flex-container">
          <label for="unique_colorDark">Foreground Color:</label>
          <input type="color" id="unique_colorDark" value="#000000">
          <input type="text" id="unique_colorDarkCode" class="unique-input-box" value="#000000">
        </div>

        <div class="unique-flex-container">
          <label for="unique_colorLight">Background Color:</label>
          <input type="color" id="unique_colorLight" value="#ffffff">
          <input type="text" id="unique_colorLightCode" class="unique-input-box" value="#ffffff">
        </div>

        <div style="display: flex; align-items: center; margin-top: 10px;">
          <label class="unique-toggle-switch">
            <input type="checkbox" id="unique_transparentBg">
            <span class="unique-slider"></span>
          </label>
          <label for="unique_transparentBg">Transparent</label>
        </div>

        <!-- Updated QR Code Size with flex container -->
        <div class="unique-flex-container">
          <label for="unique_sizeRange">Size:</label>
          <input type="range" id="unique_sizeRange" min="100" max="500" value="200">
          <span id="unique_sizeValue">200px</span>
        </div>
      </div>
    </div>
  </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/easyqrcodejs@4.6.1/dist/easy.qrcode.min.js"></script>