Cancellation Form

Developer
Francesca
Size
3,040 Kb
Views
12,144
  1. Cancellation Form Previews
  2. Cancellation Form HTML Codes
  3. Cancellation Form CSS Codes

How do I make an cancellation form?

What is a cancellation form? How do you make a cancellation form? This script and codes were developed by Francesca on 19 November 2022, Saturday.

Cancellation Form Previews
IQ Test

Cancellation Form - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Cancellation Form</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <form action="" method="post" class="pumpworld-frm"> <h1>Cancellation & Returns Form <br> <span> If you are a consumer, you have the right to cancel an order within 14 days. After the 14 days, the Cancellation Period expires.
<br><br> <b>Goods can only be returned if they match these terms and conditions : </b> <br>Goods Not What You Ordered <br>Faulty On Arrival <br>Damaged In Transit <br> Changed Your Mind (within 14 days) - Consumers Only
<br><br>
<b>To cancel or return an order based on the reasons stated above, please fill in the form below. </b>
<br>
If you would like to speak to an advisor, use Live Chat located at the top of the page, or call 01793 820142.
<BR><BR> For more information on our Returns Policy, <a href="/returnspolicy">click here.</a> <br><br> Please note this information will not be sold on or used by marketing companies. <br><br></h1> <label> <span>Your Name </span> <input id="name" type="text" name="name" placeholder=" Your Full Name" /> </label> <label> <span>Company Name </span> <input id="name" type="text" name="name" placeholder=" Your Company Name (if applicable)" /> </label> <label> <span>Your Email </span> <input id="email" type="email" name="email" placeholder=" Valid Email Address" /> </label> <label> <span>Your Telephone Number </span> <input id="name" type="text" name="name" placeholder=" Your Telephone Number" /> </label> <br> <label> Product Details <br><br> <span>Pump Name </span> <input id="name" type="text" name="name" placeholder=" Pump Name and/or Model Reference" /> </label> <label> <span>Order Number </span> <input id="name" type="text" name="name" placeholder=" Located on paperwork or email confirmation" /> </label> <label> <span>Order Date </span> <input id="name" type="text" name="name" placeholder=" Date order was placed" /> </label> <label> <span>Reason for Return </span><select name="selection"> <option value="Consumers">Cancellation within 14 Days (Consumers Only)</option> <option value="wronggoods">Goods Not As Ordered</option> <option value="faulty">Faulty on Arrival</option> <option value="transit">Damaged in Transit</option> <option value="other">Other</option> </select> </select> </label> <label> <span>Further Information </span> <textarea id="message" name="message" placeholder=" Please state any further information necessary here"></textarea> </label> <label> <span>&nbsp;</span> <input type="submit" class="button" value="Specify" /> </label>
</form>
</body>
</html>

Cancellation Form - Script Codes CSS Codes

/* #### Pump World Form #### */
.pumpworld-frm { margin-left:auto; margin-right:auto; max-width: 900px; background: #FFF; padding: 20px 30px 20px 30px; font: 16px "Arial", Helvetica, Arial, sans-serif; color: #888; text-shadow: 1px 1px 1px #FFF; border:0px solid #DDD; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.pumpworld-frm h1 { font: 32px "Arial", Helvetica, Arial, sans-serif; padding: 0px 0px 10px 40px; display: block; border-bottom: 1px solid #DADADA; margin: -10px -30px 30px -30px; color: #1f497d; text-align: center; line-height: 2.0;
}
.pumpworld-frm h1>span { display: block; font-size: 16px; color: #000; line-height: 1.5;
}
.pumpworld-frm label { display: block; margin: 0px 0px 5px;
}
.pumpworld-frm label>span { float: left; width: 20%; text-align: right; padding-right: 10px; margin-top: 10px; color: #333; font-family: "Arial", Helvetica, Arial, sans-serif;
}
.pumpworld-frm input[type="text"], .pumpworld-frm input[type="email"], .pumpworld-frm textarea, .pumpworld-frm select{ border: 1px solid #CCC; color: #888; font-size: 14px; height: 20px; line-height:15px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 5px 0px 5px 5px; width: 70%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.pumpworld-frm select { background: #FFF url('/Portals/0/NBStore/images/down-arrow.png') no-repeat right; background: #FFF url('/Portals/0/NBStore/images/down-arrow.png') no-repeat right; appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 70%; height: 35px; line-height:15px;
}
.pumpworld-frm textarea{ height:100px; padding: 5px 0px 0px 5px; width: 70%; font-size: 14px;
}
.pumpworld-frm .button { background: #FFF; border: 1px solid #CCC; padding: 10px 25px 10px 25px; color: #333; border-radius: 4px; font-size: 16px;
}
.pumpworld-frm .button:hover { color: #FFF; background-color: #1dafe5; border-color: #ADADAD;
}
Cancellation Form - Script Codes
Cancellation Form - Script Codes
Home Page Home
Developer Francesca
Username francescaedits
Uploaded November 19, 2022
Rating 3
Size 3,040 Kb
Views 12,144
Do you need developer help for Cancellation Form?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Francesca (francescaedits) Script Codes
Name
Become a Stockist Form
Full Screen Image Parallax Scroll
Heating Circ Template
International Shipping Form
Test Contact Form
Smart Click Drop Down
Rec. Accessories Appearance
PW Stylesheet
Smart Overlay Pop Up
Superpro Template
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!