Skip to content

Commit

Permalink
Create prt9_stp4_checkout.html
Browse files Browse the repository at this point in the history
  • Loading branch information
divanov11 authored Apr 13, 2020
1 parent a2dedb8 commit 6c3903a
Showing 1 changed file with 67 additions and 0 deletions.
67 changes: 67 additions & 0 deletions prt9_stp4_checkout.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
{% extends 'store/main.html' %}
{% load static %}
{% block content %}
<div class="row">
<div class="col-lg-6">
<div class="box-element" id="form-wrapper">
<form id="form">
<div id="user-info">
<div class="form-field">
<input required class="form-control" type="text" name="name" placeholder="Name..">
</div>
<div class="form-field">
<input required class="form-control" type="email" name="email" placeholder="Email..">
</div>
</div>

<div id="shipping-info">
<hr>
<p>Shipping Information:</p>
<hr>
<div class="form-field">
<input class="form-control" type="text" name="address" placeholder="Address..">
</div>
<div class="form-field">
<input class="form-control" type="text" name="city" placeholder="City..">
</div>
<div class="form-field">
<input class="form-control" type="text" name="state" placeholder="State..">
</div>
<div class="form-field">
<input class="form-control" type="text" name="zipcode" placeholder="Zip code..">
</div>
<div class="form-field">
<input class="form-control" type="text" name="country" placeholder="Zip code..">
</div>
</div>

<hr>
<input id="form-button" class="btn btn-success btn-block" type="submit" value="Continue">
</form>
</div>

<br>
<div class="box-element hidden" id="payment-info">
<small>Paypal Options</small>
</div>

</div>

<div class="col-lg-6">
<div class="box-element">
<a class="btn btn-outline-dark" href="{% url 'cart' %}">&#x2190; Back to Cart</a>
<hr>
<h3>Order Summary</h3>
<hr>
<div class="cart-row">
<div style="flex:2"><img class="row-image" src="{% static 'images/placeholder.png' %}"></div>
<div style="flex:2"><p>Product 1</p></div>
<div style="flex:1"><p>$20.00</p></div>
<div style="flex:1"><p>x2</p></div>
</div>
<h5>Items: 2</h5>
<h5>Total: $4</h5>
</div>
</div>
</div>
{% endblock content %}

0 comments on commit 6c3903a

Please sign in to comment.