File2.html

<!DOCTYPE html>
<html>
<head>
  <title>Meta Subscription Page - Payment</title>
  <style>
    body {
      background-image: url('billie-dollar-money-background_1150-749.jpg'); /* Replace 'billie-dollar-money-background_1150-749.jpg' with the path to your desired background image */
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      color: white; /* Set the text color to white for better visibility */
      font-family: 'Arial', sans-serif; /* Replace 'Arial' with your desired font or import a custom font */
    }
    
    /* Optional styles to enhance the appearance of the content */
    h1, p {
      text-align: center;
    }
    
    form {
      width: 300px;
      margin: 0 auto;
      background-color: rgba(0, 0, 0, 0.7);
      padding: 40px;
      border-radius: 10px;
    }
    
    label, input[type="file"] {
      display: block;
      margin-bottom: 10px;
    }
    
    input[type="submit"] {
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <h1>Payment Instructions</h1>
  
  <p>Please send the payment amount to the following number:</p>
  
  <form action="file3.html" method="POST" enctype="multipart/form-data">
  <p>Phone Number: +1234567890</p>
    <label for="screenshot">Upload Screenshot:</label>
    <input type="file" name="screenshot" id="screenshot">
    
    <br><br>
    
    <input type="submit" value="Complete Transaction">
  </form>
  
  <br>
  <a href="file3.html">Go to File 3</a> <!-- Adding a hyperlink to file3.html -->
</body>
</html>