diff --git a/Frontend-Projects/Payment Form/Readme.md b/Frontend-Projects/Payment Form/Readme.md new file mode 100644 index 000000000..66fde05bd --- /dev/null +++ b/Frontend-Projects/Payment Form/Readme.md @@ -0,0 +1,2 @@ +The Payment Form project is a sophisticated and user-friendly web application designed to streamline the process of accepting payments securely and efficiently. +It aims to provide a seamless payment experience for both customers and merchants, ensuring a hassle-free transaction process. diff --git a/Frontend-Projects/Payment Form/index.html b/Frontend-Projects/Payment Form/index.html new file mode 100644 index 000000000..066e70017 --- /dev/null +++ b/Frontend-Projects/Payment Form/index.html @@ -0,0 +1,49 @@ + + + + + + + Payment Form + + + +
+
+

Payment Form

+

Contact Information

+

Name: *

+
+ Gender +

+ Male + Female +

+ +
+

Address:

+

Email : *

+

Pincode :

+
+

Payment Information

+

Card Type: + + +

+

+ Card Number: * +

+

+ Expiration Date: * +

+

CVV:

+ +
+
+ + \ No newline at end of file diff --git a/Frontend-Projects/Payment Form/paymentform.cpp b/Frontend-Projects/Payment Form/paymentform.cpp new file mode 100644 index 000000000..e69de29bb diff --git a/Frontend-Projects/Payment Form/style.css b/Frontend-Projects/Payment Form/style.css new file mode 100644 index 000000000..558f7bf49 --- /dev/null +++ b/Frontend-Projects/Payment Form/style.css @@ -0,0 +1,53 @@ +* { + box-sizing: border-box; +} + +body { + font-family: Verdana, Geneva, Tahoma, sans-serif; + margin: 15px 30px; + font-size: 20px; + padding: 8px; + background-color: #79E0EE; +} + +.container { + background-color: #98EECC; + padding: 5px 20px 15px 20px; + border: 2px solid black; + border-radius: 4px; +} + +input[type="text"],input[type="email"], +input[type="number"],input[type="password"], +input[type="date"],select, +textarea { + width: 100%; + padding: 12px; + border: 2px solid black; + border-radius: 4px; + margin: 5px; +} + +fieldset { + background-color: #98EECC; + border: 2px solid black; +} + +.pform { + text-align: center; +} + +input[type="submit"] { + background-color: #2CD3E1; + color: azure; + padding: 12px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + width: 100%; +} + +input[type="submit"]:hover { + background-color: lightseagreen; +} +