File: /home/emblazeone/public_html/master-template/slice/payment-information.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
<title>payment-information</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/fc70117f52.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="login-box">
<div class="conta">
<div style="clear:both; height: 100px;"></div>
<a href="#" onclick="$('.login-box').toggleClass('show');return false;" class="close-link">></a>
<div style="clear:both;"></div>
<h2>Login</h2>
<form method="post" action="/account">
<div class="form-group">
<input type="email" class="form-control" id="Email" placeholder="Email">
</div>
<div class="form-group">
<input type="password" class="form-control" id="Password" placeholder="Password">
</div>
<div class="text-center">
<button type="submit" class="btn mb-4">Sign up</button>
<br>
<a href="#" class="text">Forgot Password?</a>
</div>
</form>
</div>
<div class="nav-footer">
<div class="text">You have an account already?</div>
<p class="text-center">
<a href="#"
onclick="$('.login-box').removeClass('show').addClass('login-open').removeClass('forgot-open');return false;"
class="btn btn--clear customer-login__register">Sign In</a>
</p>
</div>
</div>
<div class="register-box">
<div class="conta">
<div style="clear:both; height: 100px;"></div>
<a href="#" onclick="$('.register-box').toggleClass('show');return false;" class="close-link">></a>
<div style="clear:both;"></div>
<h2>Register</h2>
<form method="post" action="/account">
<div class="form-group">
<input type="text" class="form-control" id="FirstName" placeholder="First Name">
</div>
<div class="form-group">
<input type="text" class="form-control" id="LastName" placeholder="LastName">
</div>
<div class="form-group">
<input type="email" class="form-control" id="Email" placeholder="Email">
</div>
<div class="form-group">
<input type="password" class="form-control" id="Password" placeholder="Password">
</div>
<div class="text-center">
<button type="submit" class="btn">Sign up</button>
</div>
</form>
</div>
<div class="nav-footer">
<div class="text">You have an account already?</div>
<p class="text-center">
<a href="#"
onclick="$('.register-box').removeClass('show').addClass('login-open').removeClass('forgot-open');return false;"
class="btn btn--clear customer-login__register">Sign In</a>
</p>
</div>
</div>
<header>
<div class="container-fluid bg-white">
<div class="row justify-content-between">
<div class="col-4">
<nav>
<div class="menu-btn">
<div class="line line--1"></div>
<div class="line line--2"></div>
</div>
<div class="nav-links">
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Health & Wellness</a>
</li>
<li>
<a href="#">Beauty & Skincare</a>
</li>
<li>
<a href="#">Technology</a>
</li>
<li>
<a href="#">Apparel & Accessories</a>
</li>
</ul>
<div class="nav-footer">
<div class="text">COPYRIGHT ©2019 EMBLAZE ONE INC. ALL RIGHTS RESERVED.</div>
<div class="social">
<ul class="list--inline site-footer__social-icons social-icons text-center">
<li>
<a class="social-icons__link" href="https://www.facebook.com/Limitlessx.brands/"
title="translation missing: en.layout.footer.social_platform" target="_blank"
tabindex="-1">
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-facebook" viewBox="0 0 50 50">
<g>
<path class="stroke"
style="fill:none;stroke-width:2;stroke-miterlimit:10;" d="M25,2.5c12.4,0,22.5,10.1,22.5,22.5c0,12.4-10.1,22.5-22.5,22.5C12.6,47.5,2.5,37.4,2.5,25
C2.5,12.6,12.6,2.5,25,2.5L25,2.5z M25,2.5"></path>
<path d="M27.7,18h2.9v-4.3h-3.4v0c-4.1,0.1-5,2.5-5.1,4.9h0v2.1h-2.8V25h2.8v11.2h4.2V25h3.5l0.7-4.2h-4.1v-1.3
C26.4,18.7,27,18,27.7,18L27.7,18z M27.7,18"></path>
</g>
</svg>
</a>
</li>
<li>
<a class="social-icons__link" href="https://www.instagram.com/limitlessx"
title="translation missing: en.layout.footer.social_platform" target="_blank"
tabindex="-1">
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-instagram" viewBox="0 0 50 50">
<g>
<path class="stroke"
style="fill:none;stroke-width:2;stroke-miterlimit:10;"
d="M25,2c12.7,0,23,10.3,23,23c0,12.7-10.3,23-23,23C12.3,48,2,37.7,2,25C2,12.3,12.3,2,25,2L25,2z M25,2"></path>
<path d="M30.1,14H20c-3.3,0-6,2.7-6,6v10.1c0,3.3,2.7,6,6,6h10.1c3.3,0,6-2.7,6-6V20C36.1,16.7,33.4,14,30.1,14z M25.1,31.1
c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S28.4,31.1,25.1,31.1z M31.2,20.5c-1,0-1.8-0.8-1.8-1.8s0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8
S32.2,20.5,31.2,20.5z"></path>
</g>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<a href="#" class="search">
<span>search</span>
</a>
</div>
<div class="col-4 text-center">
<a href="#" class="block_logos">
<img src="images/logo_main.png" alt="">
</a>
</div>
<div class="col-4 text-right">
<div class="account">
<a href="#" class="acc"><span>my account</span></a>
<div class="drop">
<div class="drop_1">
CREATE ACCOUNT
</div>
<div class="drop_2">LOG IN</div>
</div>
</div>
<a href="#" class="basket">
<span class="cart-img">
<i class="shopping-bag">
<svg version="1.1" id="Layer_1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 200 250"
style="enable-background:new 0 0 200 250;"
xml:space="preserve"><rect x="15" y="64" class="cart-header-stroke" style="fill:none;stroke-width:14;stroke-miterlimit:10;" width="170" height="170"></rect><path
class="cart-header-stroke" style="fill:none;stroke-width:14;stroke-miterlimit:10;"
d="M52.5,64c0-26.5,21.5-48,48-48s48,21.5,48,48"></path></svg>
</i>
<span class="items-count">1</span>
</span>
</a>
<a href="index.html" class="logo"><img src="images/logo.png" alt=""></a>
</div>
</div>
</div>
</header>
<section class="payment-wrapper">
<div class="container">
<div class="row">
<div class="payment_form col-12 col-md-6">
<div class="payment_nav">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Cart</a></li>
<li class="breadcrumb-item"><a href="#">Information</a></li>
<li class="breadcrumb-item active" aria-current="page">Shipping</li>
<li class="breadcrumb-item active" aria-current="page">Payment</li>
</ol>
</nav>
</div>
<div class="express_checkout">
<form action="">
<fieldset>
<legend>Express Checkout</legend>
<button type="button" class="btn btn-primary btn-shop_pay">
<img src="images/shop-pay1.png" alt="/">
</button>
<button type="button" class="btn btn-primary btn-paypal">
<img src="images/paypal.png" alt="/">
</button>
</fieldset>
</form>
</div>
<div class="contact-info">
<form>
<div class="form-group">
<div class="text-wrap">
<label for="exampleInputEmail1">Contact Information</label>
<div class="span-wrap">
<span>Already have an account?</span>
<span>sing in</span>
</div>
</div>
<input type="email" class="form-control" id="exampleInputEmail1"
aria-describedby="emailHelp" placeholder="Email">
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Send me updates on news & exclusive
offers</label>
</div>
</form>
</div>
<div class="form-address">
<h6>Shipping Address</h6>
<p>Please ensure the address you enter is correct.</p>
<form>
<div class="form-row">
<div class="form-group col-md-6">
<input type="text" class="form-control" id="inputEmail4" placeholder="First name">
</div>
<div class="form-group col-md-6">
<input type="text" class="form-control" id="inputPassword4" placeholder="Last Name">
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="inputAddress" placeholder="Address">
</div>
<div class="form-group">
<input type="text" class="form-control" id="inputAddress2"
placeholder="Apartment, Suite, etc (optional)">
</div>
<div class="form-row">
<div class="form-group col-md-4">
<select id="inputState" class="form-control">
<option selected>Country</option>
<option>...</option>
</select>
</div>
<div class="form-group col-md-4">
<select id="inputState1" class="form-control">
<option selected>State</option>
<option>...</option>
</select>
</div>
<div class="form-group col-md-4">
<input type="text" class="form-control" id="inputZip" placeholder="PIN Code">
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="phone" placeholder="Phone">
</div>
<div class="form-group">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="gridCheck">
<label class="form-check-label" for="gridCheck">
Sign Up for $5 off your next order
</label>
</div>
<p>
By signing, you agree to receive recurring automated marketing messages from Amarose at
the cell number provided when signing up. Consent is not a condition of any purchase.
Msg & data rates may apply. View TERMS & PRIVACY.
</p>
</div>
</form>
</div>
<div class="registration_btn">
<a href="#">< Return to cart</a>
<button type="submit" class="btn btn-primary">Continue</button>
</div>
</div>
<div class="payment-product col-12 col-md-6">
<h6>Your Order</h6>
<div class="product-info">
<img src="images/black_banner_slide.png" alt="product">
<p>Name of the Product</p>
<p>$45.00</p>
<span>1</span>
</div>
<div class="gift-form">
<form class="form-inline">
<div class="form-group mb-2">
<label for="inputPassword2" class="sr-only">Password</label>
<input type="password" class="form-control" id="inputPassword2" placeholder="Password">
</div>
<button type="submit" class="btn btn-primary mb-2">Apply</button>
</form>
</div>
<div class="counting">
<div class="count">
<div class="total">
<p>SUBTOTAL</p>
<p>$250.00</p>
</div>
<div class="total">
<p>Shipping</p>
<p>$45.00</p>
</div>
</div>
<div class="total">
<p>TOTAL</p>
<p>$295.00</p>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin="anonymous"></script>
<script type="text/javascript" src="js/slick.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>