Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mdbootstrap/bootstrap-credit-card-form
Responsive Credit Card Form built with the latest Bootstrap 5. Component to be used in eCommerce projects and checkout pages.
https://github.com/mdbootstrap/bootstrap-credit-card-form
bootstrap bootstrap5 checkbox credit-card form forms payments responsive responsive-design
Last synced: 15 days ago
JSON representation
Responsive Credit Card Form built with the latest Bootstrap 5. Component to be used in eCommerce projects and checkout pages.
- Host: GitHub
- URL: https://github.com/mdbootstrap/bootstrap-credit-card-form
- Owner: mdbootstrap
- License: other
- Created: 2021-08-13T05:31:20.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-01-28T10:33:34.000Z (almost 3 years ago)
- Last Synced: 2024-11-15T06:36:02.605Z (about 1 month ago)
- Topics: bootstrap, bootstrap5, checkbox, credit-card, form, forms, payments, responsive, responsive-design
- Language: JavaScript
- Homepage: https://mdbootstrap.com/docs/standard/extended/credit-card/
- Size: 948 KB
- Stars: 1
- Watchers: 5
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: License.pdf
Awesome Lists containing this project
README
Responsive Credit Card Form built with the latest Bootstrap 5. Component to be used in eCommerce projects and checkout pages.
Check out [Bootstrap Credit Card Documentation](https://mdbootstrap.com/docs/standard/extended/credit-card/) for detailed instructions & even more examples.
## Basic example
```html
Biling details
First name
Last name
Company name
Address
Email
Phone
Shipping address is the same as my billing address
Save this information for next time
Payment
Credit card
Debit card
Paypal
Name on card
Credit card number
Expiration
CVV
Continue to checkout
Summary
-
Products
$53.98
-
Shipping
Gratis
-
Total amount
(including VAT)
$53.98
```
## How to use?
1. Download MDB 5 - free UI KIT
2. Choose your favourite customized component and click on the image
3. Copy & paste the code into your MDB project
[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)
___
## More extended Bootstrap documentation
- Bootstrap Address Form
- Bootstrap Avatar
- Bootstrap Back To Top Button
- Bootstrap Carousel Slider with Thumbnails
- Bootstrap Chat
- Bootstrap Code Blocks
- Bootstrap Comments
- Bootstrap Comparison Table
- Bootstrap Credit Card Form
- Bootstrap Drawer
- Bootstrap Nested Dropdown
- Bootstrap FAQ component / section
- Bootstrap Gallery
- Bootstrap Hamburger Menu
- Bootstrap Invoice
- Bootstrap Jumbotron
- Bootstrap Login Form
- Bootstrap Maps
- Bootstrap Media Object
- Bootstrap Mega Menu
- Bootstrap Multiselect
- Bootstrap News Feed
- Bootstrap Offcanvas
- Bootstrap Order Details
- Bootstrap Page Transitions
- Bootstrap Payment Forms
- Bootstrap Product Cards
- Bootstrap Profiles
- Bootstrap Quotes
- Bootstrap Registration Form
- Bootstrap Expanding Search Bar
- Bootstrap Shopping Carts
- Bootstrap Side Navbar
- Bootstrap Sidebar
- Bootstrap Social Media Icons & Buttons
- Bootstrap Square Buttons
- Bootstrap Survey Form
- Bootstrap Testimonial Slider
- Bootstrap Testimonials
- Bootstrap Textarea
- Bootstrap Timeline
- Bootstrap To Do List
- Bootstrap Video Carousel / Gallery
- Bootstrap Weather