Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*******HTML*******/
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title></title>
- <link rel="stylesheet" type="text/css" href="style.css">
- </head>
- <body>
- <div class="container">
- <div class="form">
- <form action="#" method="post">
- <input type="text" name="name" placeholder="Enter name">
- <input type="number" name="mobile" placeholder="Enter Mobile">
- <!-- <input type="text" name="refer" placeholder="Reference"> -->
- <!-- <input type="text" name="degree" placeholder="Enter Qualification"> -->
- <input type="email" name="email" placeholder="Enter E-mail">
- <!-- <input type="text" name="jobpost" value="Web Developer"> -->
- <div class="btn">
- <!-- <a href="#">Check Form</a> -->
- <input type="submit" name="submit">
- </div>
- </form>
- </div>
- </div>
- </body>
- </html>
- /*******CSS*******/
- *{
- margin: 0;
- padding: 0;
- font-family: sans-serif;
- box-sizing: border-box;
- }
- .container{
- width: 100vw;
- height: 100vh;
- display: flex;
- justify-content: center;
- align-items: center;
- background-color: gray;
- }
- .form{
- width: 350px;
- height: 370px;
- background-color: aquamarine;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- text-align: center;
- overflow: hidden;
- }
- input[type=text],input[type=number],input[type=email]{
- width: 70%;
- height: 30px;
- margin: 10px 0;
- }
- .btn{
- margin-top: 10px;
- text-align: center;
- /* background-color: red; */
- }
- .btn a{
- background-color: blue;
- color: #fff;
- text-decoration: none;
- padding: 10px 30px;
- }
- .btn input[type=submit]{
- height: 30px;
- width: 30%;
- margin: 0 10px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement