add-user-form

Hello, there✌.
This is a form that can add as many users as you want and the best thing is that it is open-source.
This form is also built with a 10 second "please fill all fields" alert fully css 3 html 5 and javascript,

Why Did I Create This?

I was... BORED
yup, you heard me: im BORED

The Idea From?

@Astrit Malsija
The idea was from Astrit Malsija

procces of making

it took me not that much time, it was little hard but the best thing is it was fun. first i starded with the classic property's

• html
• body
• style
• script
• head

then i created a section and inside i put the form

<form id="my-form"> 
        <h1> Add User </h1> 
  <div class="msg"> </div>
        <div> 
          <label for="name"> Name: </label> 
          <input type="text" id="name"> 
  </div> 
        <div> 
          <label for="age"> age: </label> 
          <input type="text" id="age"> 
  </div> 
        <input class="btn" type="submit" value="Submit">
      </form> 

Then i said... Ewww that looks ugly

so then i made it look better with some CSS3

.container {
  margin: auto;
  width: 500px;
  overflow: auto;
  padding: 3rem 2rem;
}

#my-form {
  padding: 2rem;
  background: #f4f4f4;
}

#my-form label {
  display: block;
}

#my-form input[type='text'] {
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.btn {
  display: block;
  width: 100%;
  padding: 10px 15px;
  border: 0;
  background: #333;
  color: #fff;
  border-radius: 5px;
  margin: 5px 0;
}

.btn:hover {
  background: #444;
}

The Look Of The Project

Url To the Website

Hey, sorry.

this part of the readme.md is not finished
the owner says:
this part is coming soon...