Scribd
Upload
3 views4 pages

Basic HTML Design

The document is an HTML template for a WeTransfer signup page. It includes a form for users to create an account, with fields for email, first name, surname, and password, along with links to continue with Google and the terms of service. The page is styled with CSS to create a clean and user-friendly interface.

Uploaded by

grandadheisenberg
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
3 views4 pages

Basic HTML Design

The document is an HTML template for a WeTransfer signup page. It includes a form for users to create an account, with fields for email, first name, surname, and password, along with links to continue with Google and the terms of service. The page is styled with CSS to create a clean and user-friendly interface.

Uploaded by

grandadheisenberg
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/ 4

<!

doctype html>

<html lang=”en”>

<head>

<meta charset=”UTF-8”>

<meta name=”viewport” content=”width=device-width, initial-scale=1.0”>

<title>WeTransfer Signup</title>

<style>

Body {

Font-family: Arial, sans-serif;

Background-color: #f2f2f2;

Margin: 0;

Padding: 0;

Display: flex;

Justify-content: center;

Align-items: center;

Height: 100vh;

.container {

Background-color: white;

Padding: 20px;

Border-radius: 8px;

Box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

Width: 300px;

Text-align: center;

H4 {
Margin-bottom: 20px;

Form {

Display: flex;

Flex-direction: column;

Input {

Margin-bottom: 10px;

Padding: 10px;

Border: 1px solid #ccc;

Border-radius: 4px;

Input:focus {

Border-color: #007bff;

Button {

Padding: 10px;

Border: none;

Border-radius: 4px;

Background-color: #007bff;

Color: white;

Cursor: pointer;

Button:hover {

Background-color: #0056b3;

}
P{

Font-size: 12px;

A{

Color: #007bff;

Text-decoration: none;

A:hover {

Text-decoration: underline;

</style>

</head>

<body>

<div class=”container”>

<h4>Create account</h4>

<a href=https://Gmail.com>Continue With Google</a>

<p>Or better yet…</p>

<form>

<input type=”email” name=”email” placeholder=abc@xyz.com required>

<input type=”text” name=”First Name” placeholder=”First Name” required>

<input type=”text” name=”Surname” placeholder=”Surname (Optional)”>

<input type=”password” name=”Password” placeholder=”Password” required>

</form>

<p>By creating an account, you agree to our <a href=https://TOS.com>Terms Of


Service</a> and <a href=https://Privacy.com>Privacy</a> & <a
href=https://Cookie.com>Cookie Statements</a></p>

<button>Create WeTransfer account</button>


</div>

</body>

</html>

You might also like