International Shipping Form

Developer
Francesca
Size
2,702 Kb
Views
12,144
  1. International Shipping Form Previews
  2. International Shipping Form HTML Codes
  3. International Shipping Form CSS Codes

How do I make an international shipping form?

What is a international shipping form? How do you make a international shipping form? This script and codes were developed by Francesca on 20 November 2022, Sunday.

International Shipping Form Previews
IQ Test

International Shipping Form - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>International Shipping Form</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <form action="" method="post" class="pumpworld-frm"> <h1>International Shipping <br> <span> All prospective international customers are recommended to fill in the form below where a member of the Pump World team will devise a bespoke quote based on the products ordered and the most cost effective way of shipping. <br> <br> Alternatively, email us at : <a href="mailto:[email protected]">[email protected]</a> <br> or call on (+44) 01793 820142.
<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="fullname" placeholder=" Your Full Name" /> </label> <label> <span>Company Name </span> <input id="name" type="text" name="companyname" 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="telephonenumber" placeholder=" Your Telephone Number" /> </label> <label> <span>Shipping Address </span> <textarea id="message" class="required" name="shippingaddress" placeholder=" Complete delivery address, including postal / zip code"></textarea> </label> <label> <span>Product(s) to Ship </span> <textarea id="message" class="required" name="Products To Ship" placeholder=" Please list one product per line"></textarea> </label> <label> <span>&nbsp;</span> <input type="submit" class="button" value="Submit" /> </label>
</form>
</body>
</html>

International Shipping 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('down-arrow.png') no-repeat right; background: #FFF url('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;
}
International Shipping Form - Script Codes
International Shipping Form - Script Codes
Home Page Home
Developer Francesca
Username francescaedits
Uploaded November 20, 2022
Rating 3
Size 2,702 Kb
Views 12,144
Do you need developer help for International Shipping 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
Extended Warranty
Delivery Methods
Full Screen Image Parallax Scroll
Become a Stockist Form
Smart Expandable Menus
Rec. Accessories Appearance
Smart Overlay Pop Up
Smart Click Drop Down
Payment Logos
Smart Drop Down
Create amazing blog posts 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!