Blackmail_HTML_Version/remove.html at main · JenniTheDev/Blackmail_HTML_Version · 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!-- To remove a blackmail and handle payment -->
<!-- Done with HTML-->
<!DOCTYPE html>
<html>

<head>
    <link rel="shortcut icon" type="image/png" href="img/favicon.ico">
    <title>Remove Blackmail</title>
    <meta charset="UTF_8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
    <container>
        <div class="header">
            <!--This image should be bigger, then shrink with page. Leaving as is for now-->
            <div style=" text-align: center" class="img-responsive"> <img src="img/blackmailLogo.png" alt="Blackmail"
                    style="text-align: center;  margin: 25px 25px;">
                <div class="header-right">
                    <a class="active" href="index.html">Home</a>
                    <a href="login.html">Login</a>
                    <a href="contact.html">Contact</a>
                    <a href="remove.html">Remove Blackmail</a>
                    <a href="submit.html">Submit Blackmail</a>
                </div>
            </div>
        </div>
    </container>
</head>

<body>
    <!-- -->
    <form action="/action_page.php">
        <label for="bfname">First name of Blackmail to be removed:</label><br>
        <input type="text" id="bfname" name="bfname" placeholder="John" pattern="[A-Za-z]{1,32}" required><br>
        <label for="blname">Last name of Blackmail to be removed:</label><br>
        <input type="text" id="blname" name="blname" placeholder="Doe" pattern="[A-Za-z]{1,32}" required><br><br>

        <label for="cost">Price to remove blackmail:</label><br>
        <input type="text" id="cost" name="cost" placeholder="$100.00"
            pattern="[^\$?((\d{1,3})(?:,[0-9]{3}){0,1}|(\d{1})(?:,[0-9]{3}){0,2}|(\d{1,7}))(\.\d{1,2})?$]{1,32}"
            required><br><br>

        <!-- Button to open the modal login form -->
        <!-- <button type="submit" onclick="document.getElementById('id01').style.display='block'">Sign Up!</button> -->

        <button type="button" onclick="document.getElementById('id01').style.display='block'"
            value="Submit">Submit</button>
        <button type="button" class="cancelbtn" onclick="location.href = 'userportal.html'">Cancel</button>

    </form>

    <!-- The Modal -->
    <div id="id01" class="modal">
        <span onclick="document.getElementById('id01').style.display='none'" class="close"
            title="Close Modal">&times;</span>

        <!-- Modal Content -->

        <form class="modal-content animate" action="/action_page.php">

            <div class="row">
                <div class="col-75">
                    <div class="container">
                        <form action="/action_page.php">

                            <div class="col-50">
                                <h3>Payment</h3>
                                <label for="fname">Accepted Cards</label>
                                <div class="icon-container">
                                    <i class="fa fa-cc-visa" style="color:navy;"></i>
                                    <i class="fa fa-cc-amex" style="color:blue;"></i>
                                    <i class="fa fa-cc-mastercard" style="color:red;"></i>
                                    <i class="fa fa-cc-discover" style="color:orange;"></i>
                                </div>
                                <label for="cname">Name on Card</label>
                                <input type="text" id="cname" name="cardname" placeholder="John More Doe">
                                <label for="ccnum">Credit card number</label>
                                <input type="text" id="ccnum" name="cardnumber" placeholder="1111-2222-3333-4444">
                                <label for="expmonth">Exp Month</label>
                                <input type="text" id="expmonth" name="expmonth" placeholder="September">

                                <div class="row">
                                    <div class="col-50">
                                        <label for="expyear">Exp Year</label>
                                        <input type="text" id="expyear" name="expyear" placeholder="2018">
                                    </div>
                                    <div class="col-50">
                                        <label for="cvv">CVV</label>
                                        <input type="text" id="cvv" name="cvv" placeholder="352">
                                    </div>
                                </div>
                            </div>

                    </div>

                    <div class="container" style="background-color:#40474F">
                        <!-- This button should link to something to confirm payment -->
                        <!--  <button type="button" onclick="document.getElementById('id01').style.display='none'"
                            class="cancelbtn">Submit Payment</button>   -->

                        <!-- Currently linking it back to the user portal -->
                        <button type="button" class="cancelbtn"
                            onclick="location.href = 'userportal.html'">Submit</button>

                        <button type="button" onclick="document.getElementById('id01').style.display='none'"
                            class="cancelbtn">Cancel</button>
                    </div>
        </form>
    </div>
    </div>

    </div>
    </form>
    </div>


    </main>
    <link rel="stylesheet" type="text/css" href="stylesheets/styles.css">
    <script src="scripts/main.js" charset="utf-8"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


</body>

</html>