├── style2.css └── payment_from.html /style2.css: -------------------------------------------------------------------------------- 1 | *{ 2 | box-sizing: content-box; 3 | } 4 | body{color: #12458d; 5 | background-color: #2462b9; 6 | font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 7 | margin: 15px 30px; 8 | font-size: 17px; 9 | padding: 8px; 10 | } 11 | .container{ 12 | background-color: #e4efff; 13 | padding: 5px 20px 15px 20px; 14 | border: 1px solid #12458d; 15 | border-radius: 4px; 16 | } 17 | input[type="text"], 18 | input[type="email"], 19 | input[type="number"], 20 | input[type="password"], 21 | input[type="date"], 22 | select, 23 | textarea{ 24 | color: #2462b9; 25 | width:97%; 26 | padding: 12px; 27 | border: 1px solid #82aae2; 28 | border-radius: 5px; 29 | margin: 10px; 30 | } 31 | fieldset{ 32 | accent-color: #2462b9; 33 | background-color: #fff; 34 | border: 1px solid #82aae2; 35 | } 36 | .main_heading { 37 | text-align: center; 38 | } 39 | .line{ 40 | color: #2462b9; 41 | } 42 | hr.midline{ 43 | border-top: 1px solid #82aae2; 44 | } 45 | input[type="submit"]{ 46 | background-color: #12458d; 47 | color: white; 48 | padding: 12px 20px; 49 | border:none; 50 | border-radius: 4px; 51 | cursor: pointer; 52 | width:97%; 53 | } 54 | input[type="submit"]:hover{ 55 | background-color: #2462b9; 56 | } 57 | 58 | ::placeholder{ 59 | color: #2462b9; 60 | } 61 | 62 | -------------------------------------------------------------------------------- /payment_from.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Payment form 7 | 8 | 9 | 10 |
11 |
12 |

Payment Form

13 |

Required Fileds are followed by *

14 |

Contact Information

15 |

Name: *

16 |
17 | Gender * 18 |

19 | Male 20 | female 21 |

22 |
23 |

Address:

24 |

Email: *

25 |

Pincode: *

26 |
27 |

Payment Information

28 |

Card Type: * 29 | 35 |

36 | Card number * 37 |

38 |

39 | Expiration Date: * 40 |

41 |

CVV *

42 | 43 |
44 |
45 | 46 | 47 | --------------------------------------------------------------------------------