Choose Payment

Credit Card

• 

  About

  This is a payment Demo page for Wordup checkout process. The user can select between the different payment types, each type has a seperate form to fill in the required data for the transaction.

  • Provide A quick, easy way to fill the required payment fields.
  • Mobile friendly keyboard display
  • Disabling auto-correction and spellcheck for names
  • Avoid dropdown fields for a better UX.
• 

  1234 1234 1234 1234 1234 1234 1234 1234

  Card holder Your Name Your Name

  Expire

  MM MM

  / /

  YY YY

  

  CCV Number

  4111 1111 1111 1111 4111 1111 1111 1111

  Your Name Your Name

  MM / YY MM / YY

  Card number

  Card holder (Name on card)

  Expire (Valid until)

  /

  CCV

  Submit
• 

  This is just a demo

  It is neither complete, nor optimized code. In CSS it is playing around with text-shadow, transformations, transitions and a few animations. Some quick coded JavaScript to handle the required interactions. Anyway it might be an inspiration or a starting point.

  Made with ❤ by webandapp.fr