<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Checkout</title>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>

<div class='subject'>Checkout&nbsp;&nbsp;Check<br>Checkout&nbsp;&nbsp;Check</div>

<div class='checkout'>
    <div class='order'>
        <h2>Custom Checkout Demo</h2>
        <h5>Order #000001</h5>
        <ul class='order-list'>
            <li><img src='https://via.placeholder.com/150'><h4>Product 1</h4><h5>R2</h5></li>
            <li><img src='https://via.placeholder.com/150'><h4>Product 2</h4><h5>R1</h5></li>
            <li><img src='https://via.placeholder.com/150'><h4>Product 3</h4><h5>R1</h5></li>
        </ul>
        <h5>Shipping</h5><h4>R 1.00</h4>
        <h5 class='total'>Total</h5><h1>R 5.00</h1>

        <div class="paid"><h2>Payment Successful</h2></div>

    </div>
</div>

</body>
</html>

<?php

