my own

index.html

<h1 id="title">SANTO CIELO</h1>
<p id="description">We deliver value for money.</p>

<form id="form">
  <label id="name-label" for="name">
    <p>NAME:</p>
  </label>
  
  <input id="Name" type="text" placeholder="Name" required>

  <label id="organization-label" for="orgaization">
    <p>ORGANIZATION:</p>
  </label>
  
  <input id="Organization" type="text" placeholder="Organization" required>
   
  <label id="amount-label" for="amount">
    <p>Amount:</p>
  </label>
  
  <input id="Amount" type="text" placeholder="Amount" required>
  
  <label id="date-label" for="date">
    <p>DATE:</p>
  </label>
  
  <input id="Date" type="Date" placeholder="Date" required>
  
      <p>Type of quantity</p>
    <select id="dropdown">
      <option value="Quantity">Kgs</option>
     <option value="Quantity">Tray</option>
     <option value="Quantity">Pcs</option>
    
     
<input id="submit" type="submit" value="submit"  </input>
</form>

my-own.markdown

my own

A Pen by Rosemary1995 on CodePen.

License.

style.css

#title {
  text-align:center;
  color:#00008B;
}
#description{
  text-align:center;
  color:#00008B;
  transition:color .5s ease,text-shadow .5s ease;
  font-size:17px;
}

#description:hover{
   color:#00008B;
  text-shadow:0px 0px 15px #2E8B57;
}

body{
  font-size:20px;
  background-color:#FFFACD;
  text-align:center;
}

#submit{
    display:block;
    margin:auto;
    padding:5px;
    border-radius:10px;
    width:80px;
    background-color:#DEB887;
    margin-top:20px;
    color:black;
    font-size:15px;
    text-align:center;
}