From aa9cc0b6f384664e8fefad5ea35b582fe2f37f8d Mon Sep 17 00:00:00 2001
From: Ebrahim Beiati-Asl
Date: Thu, 30 Mar 2023 22:11:02 +0100
Subject: [PATCH] html/css-week3-Ebrahim Beiati-Asl
---
Form-Controls/index.html | 36 +++++-
Form-Controls/styles.css | 45 +++++++
Two-Truths-One-Lie/index.html | 56 +++++---
Two-Truths-One-Lie/styles.css | 78 ++++++++++-
zoo-css-challenge/index.html | 229 +++++++++++++++------------------
zoo-css-challenge/style.css | 236 ++++++++++++++--------------------
6 files changed, 393 insertions(+), 287 deletions(-)
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
index 4344b144..406dd661 100644
--- a/Form-Controls/index.html
+++ b/Form-Controls/index.html
@@ -13,15 +13,43 @@
Product Pick
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css
index e69de29b..58fcb592 100644
--- a/Form-Controls/styles.css
+++ b/Form-Controls/styles.css
@@ -0,0 +1,45 @@
+/* Set global styles */
+body {
+ font-family: Arial, sans-serif;
+}
+
+header, footer {
+ background-color: #333;
+ color: #fff;
+ padding: 1rem;
+}
+
+main {
+ padding: 1rem;
+}
+
+form {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ max-width: 500px;
+ margin: 0 auto;
+}
+
+label {
+ font-weight: bold;
+}
+
+input, select {
+ padding: 0.5rem;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+}
+
+button[type="submit"] {
+ padding: 0.5rem 1rem;
+ background-color: #333;
+ color: #fff;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+}
+
+button[type="submit"]:hover {
+ background-color: #555;
+}
diff --git a/Two-Truths-One-Lie/index.html b/Two-Truths-One-Lie/index.html
index 37cdbfa1..e028a50b 100644
--- a/Two-Truths-One-Lie/index.html
+++ b/Two-Truths-One-Lie/index.html
@@ -1,24 +1,42 @@
-
-