Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport"
- content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <link rel="stylesheet" href="css/style.css">
- <title>CSS Positioning</title>
- </head>
- <body>
- <div id="box">
- <br>
- <h2>Sign Up</h2>
- <p>It's free and only takes a minute</p>
- <ul>
- <li><label>First Name</label></li>
- <input type="text" name="firstName">
- <li><label>Last Name</label></li>
- <input type="text" name="lasttName">
- <li><label>Email</label></li>
- <input type="email">
- <li><label>Password</label></li>
- <input type="password">
- <li><label>Confirm Password</label></li>
- <input type="password">
- <br>
- <button type="button">Sign Up</button>
- <br>
- </ul>
- <p id="edit">By clicking the Sign Up button, you agree to our<br>
- <a href="#">Terms & Conditions</a> and <a href="#">Privacy Policy</a> </p>
- </div>
- <p id="fs">Already have an account?<a href="#"> Login here</a> </p>
- </body>
- </htm
- body
- {
- background-color: #4c6ca0;
- font-family: Arial,sans-serif;
- margin-top: 200px;
- }
- ul
- {
- list-style: none;
- line-height: 1.7em;
- padding-left: 15px;
- padding-right: 15px;
- }
- li
- {
- font-size: 13px;
- color: dimgray;
- }
- h2
- {
- margin-bottom: 10px;
- text-align: center;
- }
- #edit
- {
- font-size: 12px;
- padding-right: 10px;
- padding-left: 10px;
- }
- p
- {
- text-align: center;
- margin-bottom: 0px;
- margin-top: 0px;
- }
- button
- {
- margin-top: 10px;
- width: 248px;
- color: white;
- background-color: turquoise;
- border: none;
- height: 25px;
- border-radius: 4px;
- font-size: 12px;
- }
- input
- {
- width: 240px;
- border-radius: 3px;
- border: 1px solid lightgrey;
- height: 22px;
- }
- #fs
- {
- font-size: 14px;
- color: white;
- }
- #fs a
- {
- text-decoration: none;
- color: turquoise;
- }
- #box
- {
- width: 280px;
- height: 480px;
- background-color: white;
- margin: auto;
- box-sizing: border-box;
- }
Add Comment
Please, Sign In to add comment