index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">  
    <title> Qukar | QR Code Generator </title>

    <link rel="icon" href="Qukar.png">

    <link rel="stylesheet" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>

  <body>
     <!-- skull image -->
    <div class="skull">
      <img src="skull.svg" style="width: 400px; height: 400px;">
    </div>

    <!-- div for a container -->
    <div class="all">
      
      <!-- container to hold all elements like form etc -->
      <div class="container">
           
        <!-- txts -->
        <header>
            <h1 style="font-size: 50px; text-align: center;"> Qukar </h1>

            <p style="text-align: center; ">Get your QR Code by pasting the URL</p>
        </header>

        <!-- form with input and button -->
        <div class="form">
            <input type="text" placeholder="Provide url">
            <button>Generate Your QR Code</button>
        </div>

        <!-- QR Code generator image space -->
        <div class="qr-code">
            <img src="" alt="qr-code">
        </div>

       </div>

    </div>
  
               <!-- last sentence with signature -->
             <div>
                 <p class="md">Made with ❤ by <a href="https://www.linkedin.com/in/rakshixh" class="mmd">rakshixh</a></p>
             </div>

    <script src="script.js"></script>

  </body>
</html>