Employee Database

by PRAGADEESH S

HTML

<title>
  Employee Database
  </title>

<body>
  <header>
    <h3>
EMPLOYEE DATABASE
</h3>
  </header>


  <table>
    <tr>
      <th>Name</th>
      <th>Id</th>
      <th>Dept</th>
      <th>Package</th>
    </tr>
    <tr>
      <td>Prag</td>
      <td>0112</td>
      <td>IT</td>
      <td>25000</td>
    </tr>
    <tr>
      <td>Dkay</td>
      <td>0113</td>
      <td>IT</td>
      <td>28000</td>
    </tr>
    <tr>
      <td>Hugh</td>
      <td>0156</td>
      <td>ITIS</td>
      <td>29000</td>
    </tr>
  </table>

  <form action="#" method="get">

    Enter Your Name
    <br>
    <input type="text" name="Name">
    <br> Enter Your Id
    <br>
    <input type="text" name="Id">
    <br> Enter Your Dept
    <br>
    <input type="text" name="Dept">
    <br> Enter Your Package
    <br>
    <input type="text" name="Package">
    <br>
    <br>
    <input type="button" value="Click To Add">


  </form>
  
  <footer>
   <br> Copyright © 2015 Tata Consultancy Services
  </footer>

</body>

CSS

body{
   background-color:#6699ff;
}
header{
  background-color:white;
}
h3 {
  text-align: center;
  
}

table,
th,
td {
  background-color:white;
  border: 1px solid black;
  border-collapse: collapse;
  width: 50%;
  margin: auto;
  padding: 15px;
  text-align: left;
}

input[type=text] {
  width: auto;
  padding: 12px 20px;
  margin: 8px 0;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
}
footer{
  text-align:center;

 }