My website CODE (for share purposes) WORKING LINKS

NOTE: THIS IS MY CODE IM JUST POSTING IT TO SHARE CREDITS FOR CODE ARE FOR ME


<DOCTYPE! html>
<html>
<link rel="Stylesheet" href="main.css">
<title class="tab-name">shop.com</title>
<head>
<body>
<div class="container">
<h1 class="text-size">shop</h1>
 <div class="form-area">

 <form>
   <input placeholder="Email-address" required={true}>
   <p>
   <input placeholder="PO-box" required={true}>
   <p>
   <input placeholder="Phone-Number" required={true}>
   <p>
   <input placeholder="card-number" required={true}>
   <p>
 <input type="checkbox">accept terms and agreements<p>
   </p>
   <button type="submit" onClick="{() => this.handleClick()}>Order"><a href="purchasecompleted.html">Order</button>
   </p>
   </p>
   </p>
   </div>
 </div>
</body>
</head>


 </html>
<link rel="Stylesheet" href="main.css">
<h1 class="text-size">purchase completed</h1>
<hr>thank you for your purchase, if you need digital receipt click Down below for a digital receipt
</hr>
<button class="receipt"><a href="getreceipt.html">Get receipt(digital)</a></button><i class="italic-font">optional(recommended)</i>
<link rel="Stylesheet" href="main.css">
<h2>receipt has been sent to your E-mail, if you dont see it check your junk or spam folder.</h2>
<iframe srcdoc="details -> Bought: confirmed / card: yes / includes-GST: no / ABN: noob123 / order-ID: 44eeA03egFsajHd62txjD4W"></iframe>

<h1>important: please keep this receipt in your email if you happen to have it, if you dont, thats fine!</h1>

<-- css -->
/*body layout and decoration */
body {
  background-image: url("https://cdn.wallpapersafari.com/15/98/9XzHOr.jpg");
 text-align: center;
}

/*text decor*/
h1 {
    text-align: center;
    color: orange;
}

/*input layout arrangement*/
input {
    text-align: center;
    height: 5%;
    margin: 0.4em;
}
/*checkbox layout arrangement*/
input[type=checkbox] {
    width: 17px;

}
/*button styling*/
button {
    width: 105px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: lightgreen;

            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: hover;
            border-radius: 15%;
            border: none;
            text-decoration: none;
}


iframe {
   width: 800px;
   padding-top: 10px;
   padding-bottom: 0.5px;
}


    //instructions for setup\\
    ⬇️⬇️⬇️⬇️

    <-- download notepad++ then make files the same name as the name as website.html -> purchasecompleted.html -> getreceipt.html -> main.css -->