| Server IP : 52.9.100.119 / Your IP : 216.73.216.135 Web Server : Apache/2.4.61 (Amazon) OpenSSL/1.0.2k-fips PHP/7.3.30 Phusion_Passenger/5.1.5 System : Linux ip-172-31-9-35 4.14.355-196.618.amzn1.x86_64 #1 SMP Mon Apr 7 17:09:50 UTC 2025 x86_64 User : root ( 0) PHP Version : 7.3.30 Disable Function : exec,passthru,shell_exec,system,popen,proc_open MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /data/html/garlans_live/abonar-credito/ |
Upload File : |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title data-tid="elements_examples.meta.title">Garlan's Inc. | Fashion Clothing Department Store in Calexico, CA
</title>
<meta data-tid="elements_examples.meta.description" name="description"
content="Build beautiful, smart checkout flows.">
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon/180x180.png">
<link rel="icon" href="img/apple-touch-icon/180x180.png">
<script src="https://js.stripe.com/v3/"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="js/index.js" data-rel-js></script>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" data-rel-css="" />
<link rel="stylesheet" type="text/css" href="css/base.css" data-rel-css="" />
<!-- CSS for each example: -->
<link rel="stylesheet" type="text/css" href="css/example5.css" data-rel-css="" />
</head>
<body>
<div class="globalContent">
<main>
<div class="top_bar clearfix">
<ul class="social_icons">
<li><a href="https://www.facebook.com/Garlans/" title="Garlan's, Inc. on Facebook" rel="me"
target="_blank" class="icon-facebook"></a></li>
<li><a href="https://www.instagram.com/garlansfashion/" title="Garlan's, Inc. on Instagram" rel="me"
target="_blank" class="icon-instagram"></a></li>
<li><a href="mailto:info@garlans.com" title="Email Garlan's, Inc." target="_blank"
class="icon-email"></a></li>
</ul>
<ul class="menu left">
<li><a href="tel:+7603576846">760-357-6846</a></li>
</ul>
</div>
<section class="container">
<div class="row">
<div class="col-md-6">
<img src="img/tarjetagarlans.png" class="img-fluid" alt="">
</div>
<!-- FORM VENTAS-->
<div class="col-md-6 cell example example5" id="example-5">
<div class="row">
<div class="col-md-12">
<h2 style="text-transform: uppercase;">servicio abono a crédito</h2>
<p>Please, type in the amount to pay and the account number in the fields to make your payment. | Por favor, escribe el monto a abonar a tu crédito y número de cuenta en los espacios en blanco para realizar tu abono.</p>
</div>
</div>
<form>
<div id="example5-paymentRequest">
<!--Stripe paymentRequestButton Element inserted here-->
</div>
<div class="row">
<div class="col-md-12">
<div class="field">
<label for="example5-name" data-tid="elements_examples.form.name_label">*FULL
NAME | NOMBRE COMPLETO</label>
<input id="example5-name" data-tid="elements_examples.form.name_placeholder"
class="input" type="text" placeholder="" required="" autocomplete="name">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="field">
<label for="example5-account"
data-tid="elements_examples.form.account_label">*GARLAN’S ACCOUNT NUMBER |
Nº DE CUENTA GARLAN’S</label>
<input id="example5-account"
data-tid="elements_examples.form.account_placeholder" class="input"
type="text" placeholder="" required="" autocomplete="">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="field">
<label for="example5-email"
data-tid="elements_examples.form.email_label">Email</label>
<input id="example5-email" data-tid="elements_examples.form.email_placeholder"
class="input" type="text" placeholder="" required=""
autocomplete="email">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="field">
<label for="example5-address"
data-tid="elements_examples.form.address_label">*ADDRESS <span
style="font-weight: 400; font-size: 13px;">(Street, Number)</span> | DIRECCIÓN <span
style="font-weight: 400; font-size: 13px;">(Calle, Número, Colonia)</span></label>
<input id="example5-address"
data-tid="elements_examples.form.address_placeholder" class="input"
type="text" placeholder="" required=""
autocomplete="address-line1">
</div>
</div>
</div>
<div class="row" data-locale-reversible>
<div class="col-md-6">
<div class="field">
<label for="example5-zip"
data-tid="elements_examples.form.postal_code_label">*ZIP CODE | CÓDIGO POSTAL</label>
<input id="example5-zip"
data-tid="elements_examples.form.postal_code_placeholder"
class="input empty" type="text" placeholder="" required=""
autocomplete="postal-code">
</div>
</div>
<div class="col-md-6">
<div class="field">
<label for="example5-city"
data-tid="elements_examples.form.city_label">*CITY | CIUDAD</label>
<input id="example5-city" data-tid="elements_examples.form.city_placeholder"
class="input" type="text" placeholder="" required=""
autocomplete="address-level2">
</div>
</div>
</div>
<div class="row" data-locale-reversible>
<div class="col-md-6">
<div class="field">
<label for="example5-state"
data-tid="elements_examples.form.state_label">STATE | ESTADO</label>
<input id="example5-state" data-tid="elements_examples.form.state_placeholder"
class="input empty" type="text" placeholder="" required=""
autocomplete="address-level1">
</div>
</div>
<div class="col-md-6">
<div class="field">
<label for="example5-phone"
data-tid="elements_examples.form.phone_label">PHONE | TELÉFONO</label>
<input id="example5-phone" data-tid="elements_examples.form.phone_placeholder"
class="input" type="text" placeholder="" required=""
autocomplete="tel">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="field">
<label for="example5-card"
data-tid="elements_examples.form.card_label">CARD | TARJETA DE CRÉDITO</label>
<div id="example5-card" class="input"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="field">
<label for="example5-amount"
data-tid="elements_examples.form.amount_label">*PAYMENT AMOUNT | MONTO DE ABONAR EN DÓLARES</label>
<div class="row">
<div class="col-md-1" style="padding: 0;">
<span style="font-weight: 700;">$</span>
</div>
<div class="col-md-11" style="padding: 0;">
<input id="example5-amount" data-tid="elements_examples.form.amount_placeholder"
class="input" type="text" placeholder="" required=""
autocomplete="tel">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<button type="submit" data-tid="elements_examples.form.pay_button">Abonar</button>
</div>
</div>
<div class="error" role="alert"><svg xmlns="http://www.w3.org/2000/svg" width="17"
height="17" viewBox="0 0 17 17">
<path class="base" fill="#000"
d="M8.5,17 C3.80557963,17 0,13.1944204 0,8.5 C0,3.80557963 3.80557963,0 8.5,0 C13.1944204,0 17,3.80557963 17,8.5 C17,13.1944204 13.1944204,17 8.5,17 Z">
</path>
<path class="glyph" fill="#FFF"
d="M8.5,7.29791847 L6.12604076,4.92395924 C5.79409512,4.59201359 5.25590488,4.59201359 4.92395924,4.92395924 C4.59201359,5.25590488 4.59201359,5.79409512 4.92395924,6.12604076 L7.29791847,8.5 L4.92395924,10.8739592 C4.59201359,11.2059049 4.59201359,11.7440951 4.92395924,12.0760408 C5.25590488,12.4079864 5.79409512,12.4079864 6.12604076,12.0760408 L8.5,9.70208153 L10.8739592,12.0760408 C11.2059049,12.4079864 11.7440951,12.4079864 12.0760408,12.0760408 C12.4079864,11.7440951 12.4079864,11.2059049 12.0760408,10.8739592 L9.70208153,8.5 L12.0760408,6.12604076 C12.4079864,5.79409512 12.4079864,5.25590488 12.0760408,4.92395924 C11.7440951,4.59201359 11.2059049,4.59201359 10.8739592,4.92395924 L8.5,7.29791847 L8.5,7.29791847 Z">
</path>
</svg>
<span class="message"></span></div>
</form>
<div class="success">
<div class="icon">
<svg width="84px" height="84px" viewBox="0 0 84 84" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<circle class="border" cx="42" cy="42" r="40" stroke-linecap="round"
stroke-width="4" stroke="#000" fill="none"></circle>
<path class="checkmark" stroke-linecap="round" stroke-linejoin="round"
d="M23.375 42.5488281 36.8840688 56.0578969 64.891932 28.0500338"
stroke-width="4" stroke="#000" fill="none"></path>
</svg>
</div>
<h3 class="title" data-tid="elements_examples.success.title">Payment successful</h3>
<p class="message"><span data-tid="elements_examples.success.message">Thanks for trying
Stripe
Elements. No money was charged, but we generated a token: </span><span
class="token">tok_189gMN2eZvKYlo2CwTBv9KKh</span></p>
<a class="reset" href="#">
<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path fill="#000000"
d="M15,7.05492878 C10.5000495,7.55237307 7,11.3674463 7,16 C7,20.9705627 11.0294373,25 16,25 C20.9705627,25 25,20.9705627 25,16 C25,15.3627484 24.4834055,14.8461538 23.8461538,14.8461538 C23.2089022,14.8461538 22.6923077,15.3627484 22.6923077,16 C22.6923077,19.6960595 19.6960595,22.6923077 16,22.6923077 C12.3039405,22.6923077 9.30769231,19.6960595 9.30769231,16 C9.30769231,12.3039405 12.3039405,9.30769231 16,9.30769231 L16,12.0841673 C16,12.1800431 16.0275652,12.2738974 16.0794108,12.354546 C16.2287368,12.5868311 16.5380938,12.6540826 16.7703788,12.5047565 L22.3457501,8.92058924 L22.3457501,8.92058924 C22.4060014,8.88185624 22.4572275,8.83063012 22.4959605,8.7703788 C22.6452866,8.53809377 22.5780351,8.22873685 22.3457501,8.07941076 L22.3457501,8.07941076 L16.7703788,4.49524351 C16.6897301,4.44339794 16.5958758,4.41583275 16.5,4.41583275 C16.2238576,4.41583275 16,4.63969037 16,4.91583275 L16,7 L15,7 L15,7.05492878 Z M16,32 C7.163444,32 0,24.836556 0,16 C0,7.163444 7.163444,0 16,0 C24.836556,0 32,7.163444 32,16 C32,24.836556 24.836556,32 16,32 Z">
</path>
</svg>
</a>
</div>
</div>
</div>
</section>
</main>
</div>
<!-- Simple localization script for Stripe's examples page. -->
<script src="js/l10n.js" data-rel-js></script>
<!-- Scripts for each example: -->
<script src="js/example5.js" data-rel-js></script>
</body>
</html>