source: src/main/resources/templates/creditCard_form.html@ 850b344

Last change on this file since 850b344 was 850b344, checked in by Tamara Simikj <tamara.simic12@…>, 2 years ago

Initial commit

  • Property mode set to 100644
File size: 1.7 KB
RevLine 
[850b344]1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Credit card informations</title>
6 <link href="https://bootswatch.com/5/journal/bootstrap.css" rel="stylesheet">
7 <script src="https://bootswatch.com/_assets/css/custom.min.css"></script>
8 <script src="https://bootswatch.com/_vendor/prismjs/themes/prism-okaidia.css" ></script>
9 <script src="https://bootswatch.com/_vendor/font-awesome/css/font-awesome.min.css"></script>
10</head>
11<body>
12<div th:replace="layout.html ::header"></div>
13<form method="POST" th:action="@{'/payment'}">
14 <fieldset>
15
16 <div class="container">
17 <br>
18 <br>
19 <h3>Card payment: </h3>
20 <div class="form-group">
21 <label class="form-label mt-4">Card holder name:</label>
22 <input type="text" class="form-control">
23 </div>
24
25 <div class="form-group">
26 <label class="form-label mt-4">Card number:</label>
27 <input type="text" class="form-control">
28 </div>
29
30 <div class="form-group">
31 <label class="form-label mt-4">CVC:</label>
32 <input type="text" class="form-control">
33 </div>
34
35 <div class="form-group">
36 <label class="form-label mt-4">Card expiry date:</label>
37 <input type="text" class="form-control" placeholder="11/11/1111">
38 </div>
39 <br>
40 <div><a class="btn btn-primary btn-lg" th:href="@{/makeAppointment}">Confirm payment</a></div>
41 <br>
42 </div>
43 </div>
44 </fieldset>
45</form>
46<div th:replace="layout.html ::footer"></div>
47</body>
48</html>
Note: See TracBrowser for help on using the repository browser.