Last active
December 16, 2019 20:22
-
-
Save pipethedev/ba8722d920be8d165b8a80587e755b19 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Ruby On Rails Course</title> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> | |
</head> | |
<body> | |
<div class="card" style="width: 18rem;"> | |
<img src="..." class="card-img-top" alt="..."> | |
<div class="card-body"> | |
<h5 class="card-title">Learn Ruby on Rails</h5> | |
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> | |
</div> | |
</div> | |
<form method="POST" action="charge.php"> | |
<input type="text" name="name" placeholder="Full Name" class="form-control mb-3 StripeElement StripeElement--empty" required=""> | |
<input type="text" name="phone" placeholder="Phone Number" class="form-control mb-3 StripeElement StripeElement--empty" required=""> | |
<div class="form-row"> | |
<label for="card-element"> | |
<h4>Card Info</h4> | |
</label> | |
<div id="card-element" class="form-control"> | |
<!-- A Stripe Element will be inserted here. --> | |
</div> | |
<!-- Used to display Element errors. --> | |
<div id="card-errors" role="alert"></div> | |
</div> | |
<button class="btn btn-primary btn-block btn-lg">Pay Now</button> | |
</form> | |
<script src="https://js.stripe.com/v3/"></script> | |
<script src="charge.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment