From f7cfbe13ef01e4841517033fa03faf01e52691e7 Mon Sep 17 00:00:00 2001 From: coopcool Date: Tue, 5 Jan 2021 21:24:00 -0500 Subject: [PATCH] creditcardLAB2 --- index22.css | 88 ++++++++++++++++++++++++++++++++++++++++++++++++++++ index22.html | 73 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 161 insertions(+) create mode 100644 index22.css create mode 100644 index22.html diff --git a/index22.css b/index22.css new file mode 100644 index 0000000..a6cdf6e --- /dev/null +++ b/index22.css @@ -0,0 +1,88 @@ +body { + max-width: 650px; + margin: auto; + padding: 0px; + +} + +.center::after + +form { + max-width: 100px; +} +.container { + border-radius: 5px; + background-color: #76eb80; + padding: 20px; +} +input[type=submit]:hover { + background-color: #0CB41A; +} +input[type=submit] { + background-color: #020313; + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + margin-left:50px; +} +.details input{ + margin-left: 30px; + border: 5px solid white; +} +.address input{ + margin-left:25px; + border: 5px solid white; +} +.card-details input{ + margin-left:10px; + border: 5px solid white; +} +.card-details, +.address { + border-style: double; + border-color:white; + } + + div { + margin-left: 10px; + } + +div.transbox { + margin: 105px; + background-color: rgba(255, 255, 255, 0.2); + border: 2px solid white; + padding: 20px; + border-radius: 10px; +} + +.center { + display: flex; + justify-content: center; + align-items: center; + height: 60px; +} + +label { + display: inline-block; + width: 150px; + text-align: left; + vertical-align:top; +} +.buttonHolder { + text-align: center; + font-size: 25px; + } + + h2{ + margin-left:10px; +} + + +@media (max-width: 600px) { + body{ + width: 100%; + height: auto; + margin: right; + } \ No newline at end of file diff --git a/index22.html b/index22.html new file mode 100644 index 0000000..a5f549a --- /dev/null +++ b/index22.html @@ -0,0 +1,73 @@ + + + + + + PAYMENT FORM + + + +
+
+ +
+

Step 1: Your Details

+ +
+
+ +
+ +
+ +
+
+
+ +
+

Step 2: Delivery address

+
+ +
+ +
+ +
+
+ +
+
+
+ +
+

Step 3: Card details

+
+ +
+ + + + + +
+
+ +
+
+ + +
+
+ +
+
+
+ +
+ +
+ + +
+ + \ No newline at end of file