diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..0f9429a4 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5503 +} \ No newline at end of file diff --git a/Form-Controls/black T-shirt.jpeg b/Form-Controls/black T-shirt.jpeg new file mode 100644 index 00000000..483a7157 Binary files /dev/null and b/Form-Controls/black T-shirt.jpeg differ diff --git a/Form-Controls/blue T-shirt.jpeg b/Form-Controls/blue T-shirt.jpeg new file mode 100644 index 00000000..501adea7 Binary files /dev/null and b/Form-Controls/blue T-shirt.jpeg differ diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 4344b144..04c3ae8a 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -10,19 +10,215 @@
+

Selling T-Shirt

+

Product Pick

-
+
+ + +
+ Customer Full Details: +
+
+
+ + +

+ +
+ + +
+
+ +
+ + +
+
+
+
+
+
+ Delivery Address: +
+
+
+ + +
+ +
+
+ + +
+
+ +
+ + +
+
+
+ + +
+
+
+ + +
+ +
+
+
+
+ Order Date: +
+
+
+ + +
+ +
+
+
+
+ Delivery Types: +
+
+
+ + +
+ +
+ + +
+ +

+ +
+ Pre Order T-Shirt: +
+
+
+ white T-Shirt +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ Black T-Shirt +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ Blue T-Shirt +
+
+ + +
+
+ + +
+
+ + +
+
+

+
+ Payment Method: +
+
+ + +
+ +
+ + +
+ +
+
+ +
+ +
+
+
+
+ + +
+
+
+
+ - \ No newline at end of file diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css index e69de29b..4f815219 100644 --- a/Form-Controls/styles.css +++ b/Form-Controls/styles.css @@ -0,0 +1,46 @@ +html, body{ + background-color: #ffeeea; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +#button{ + display: flex; + align-items: center; + flex-direction: row; + justify-content: center; + justify-content: space-evenly; + margin-right: 1.5rem; + +} +.btn1{ + background-color: teal; + padding: 10px 32px; + border-radius: 4px; + border-style: none; + color: white; +} +.btn2{ + background-color: teal; + padding: 10px 32px; + border-radius: 4px; + border-style: none; + color: white; +} + +.btn1:hover{ + background-color: cadetblue; +} + +.btn2:hover{ + background-color: cadetblue; +} + + +h1{ + color: teal; + font-weight: lighter; +} + diff --git a/Form-Controls/white T-shirt.jpeg b/Form-Controls/white T-shirt.jpeg new file mode 100644 index 00000000..f5c473cf Binary files /dev/null and b/Form-Controls/white T-shirt.jpeg differ diff --git a/Two-Truths-One-Lie/index.html b/Two-Truths-One-Lie/index.html index 37cdbfa1..1ed4bdde 100644 --- a/Two-Truths-One-Lie/index.html +++ b/Two-Truths-One-Lie/index.html @@ -21,4 +21,7 @@

Two Truths, One Lie

By YOUR NAMES HERE

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