Scribd
Upload
50 views3 pages

Source Code Sign Up Form 2 PDF

The document contains the HTML and CSS code for a sign up form webpage. The HTML includes input fields for a user to enter their first name, last name, phone number, email, password, and confirm password. It also includes a submit button. The CSS styles the form, sets the background image, and formats the input fields, headings, and submit button.

Uploaded by

vu soft
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
50 views3 pages

Source Code Sign Up Form 2 PDF

The document contains the HTML and CSS code for a sign up form webpage. The HTML includes input fields for a user to enter their first name, last name, phone number, email, password, and confirm password. It also includes a submit button. The CSS styles the form, sets the background image, and formats the input fields, headings, and submit button.

Uploaded by

vu soft
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Source code sign up form 2

HTML:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width-device-width", intialscale-1.0>

<title>SIGN UP PAGE</title>

<link rel="stylesheet" a href="style.css">

</head>

<body>

<div class="container">

<h2>SIGN UP</h2>

<form action="">

<input type="text" placeholder="First Name"> <br><br>

<input type="text" placeholder="Last Name"> <br><br>

<input type="Number" placeholder= "phone number"> <br><br>

<input type="email" placeholder="Enter Your Email Address"> <br><br>

<input type="password" placeholder="Password"> <br><br>

<input type="password" placeholder="Confirm Password"> <br><br>

<button>Sign Up</button>

</form>

</div>

</body>

</html>
CSS:

body{

font-family: sans-serif;

background: url(img/nature-hd-wallpapers-for-laptop-1366x768-free-download.jpg)

no-repeat center fixed;

background-size: cover;

.container{

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50% , -50%);

width: 400px;

height: 525px;

padding: 2rem;

background: rgba(1,1,1,0.50);

box-sizing: border-box;

box-shadow: 0,16px,26px rgba(0,0,0,0.5);

border-radius: 25px;

text-align: center;

.container h2{

color: white;

font-family:cursive;

font-size: 2rem;

font-weight: 100;
}

.container input{

width:70%;

padding:0.8rem;

border:none;

border-radius:20px;

color: whitesmoke;

button{

width:20%;

padding:0.6rem;

border:none;

border-radius:5px;

color: white;

background-color: blue;

You might also like