Skip to content

Instantly share code, notes, and snippets.

@pipethedev
Last active December 16, 2019 20:22
Show Gist options
  • Save pipethedev/ba8722d920be8d165b8a80587e755b19 to your computer and use it in GitHub Desktop.
Save pipethedev/ba8722d920be8d165b8a80587e755b19 to your computer and use it in GitHub Desktop.
<!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