LooksRUs/checkout.php at main · geykhmanv/LooksRUs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

<!DOCTYPE html>

<html>
<head>
    <title>Checkout</title>
</head>
<style>


    .indented {
        margin-top: -15px;
        margin-left:50px;
    }/*indented*/

    .divform {
        padding-left: 10px;
        width: 700px;
        margin: 0px;
        margin-bottom: 70px;
    }/*divform*/

    .divform input {
        display: inline-block;
        width: 200px;
        margin-bottom: 3px;
    }/*divform input*/

    .divform label {
        display: inline-block;
        width: 200px;
        margin-bottom: 3px;
    }/*divform label*/

    .divform select {
        margin-bottom: 3px;
    }/*divform select*/


</style>
<body>

    <h1>Please enter your information:</h1>


    <div class = divform>
    <form action ="checkoutReceipt.php" method = "post">
            <label for = "fname">First name:</label>
            <input type = "text" id = "fname" name = "fname" required><br>
            <label for = "lname">Last name:</label>
            <input type = "text" id = "lname" name = "lname" required><br><br>
            <label style = "font-weight: bold">Billing Address</label><br>
            <label for = "baddress">Address:</label>
            <input type = "text" id = "baddress" name = "baddress"><br>
            <label for = "bcity">City:</label>
            <input type = "text" id = "bcity" name = "bcity"><br>
            <label for = "bstate">State:</label>
            <input type = "text" id = "bstate" name = "bstate"><br>
            <label for = "bzip">Zip Code:</label>
            <input type = "text" id = "bzip" name = "bzip"><br><br>
            <label style = "font-weight: bold">Shipping Address</label><br>
            <label for = "saddress">Address:</label>
            <input type = "text" id = "saddress" name = "saddress"><br>
            <label for = "scity">City:</label>
            <input type = "text" id = "scity" name = "scity"><br>
            <label for = "sstate">State:</label>
            <input type = "text" id = "sstate" name = "sstate"><br>
            <label for = "szip">Zip Code:</label>
            <input type = "text" id = "szip" name = "szip"><br><br>
            <label for = "phone">Phone:</label>
            <input type = "tel" id = "phone" name = "phone" placeholder = "(###) ###-####"><br>
            <label for = "email">Email Address:</label>
            <input type = "email" id = "email" name = "email" placeholder = "name@domain.com" required><br>
            <label for = "payment">Payment Method:</label>
            <select name="payment" required>
                    <option value="MC">Mastercard</option>
                    <option value="VISA">Visa</option>
                    <option value="AMEX">American Express</option>
                    <option value="DISC">Discover</option>
            </select><br>
            <label for = "card">Card Number:</label>
            <input type = "text" id = "card" name = "card" required ><br><br>
            <input type="submit" value="Submit"> <input type="reset" value="Clear">


        </form>
        </div>


</div>


</body>
</html>