CodeYourFuture · Mr-DEM1R · May 29, 2023
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/Form-Controls/index.html b/Form-Controls/index.html
@@ -8,14 +8,64 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="styles.css">
 </head>
-<body>
   <header>
     <h1>Product Pick</h1>
   </header>
   <main>
   <form>
+    <p id="description">Chosee your clothes</p>
+  <form id="survey-form">
+    <div class="form-control">
+      <label id="name-label">Name:
+        <input id="name" type="text" placeholder="enter your name" required />
+      </label>
+    </div>
+    <div class="form-control">
+      <label id="email-label">Email:
+        <input id="email" type="email" placeholder="your email adress" required />
+      </label>
+    </div>
+    <form id="survey-form"></form>
+    <p>What is your favorite color for T-Shirt?</p>
+      <div class="form-control">
+        <label class="blue">Blue
+          <input type="radio" name="redio-group" value="Blue" />
+        </label>
+        <label class="yellow">Yellow
+          <input type="radio" name="redio-group" value="Yellow" />
+        </label>
+        <label class="orange">Orange
+          <input type="radio" name="redio-group" value="Orange" />
+        </label>
+      </div>
     <!-- write your html here-->
     <!-- try writing out the requirements first-->
+    <p>What size would you like?</p>
+      <div class="form-size">
+        <label>XS
+          <input type="radio" name="color" value="Blue" />
+        </label>
+        <label>S
+          <input type="radio" name="color" value="Yellow" />
+        </label>
+        <label>M
+          <input type="radio" name="color" value="Orange" />
+        </label>
+        <label>L
+          <input type="radio" name="color" value="Yellow" />
+        </label>
+        <label>XL
+          <input type="radio" name="color" value="Orange" />
+        </label>
+        <label>XXL
+          <input type="radio" name="color" value="Orange" />
+        </label>
+      </div>
+      <div class="date">
+      <label id="date">Email:
+        <input id="date" type="date" placeholder="delivery date" required value="2023-01-24" min="2023-01-25" max="2023-02-09"/>
+      </label>
+    </div>
   </form>
 
   </main>

diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css
@@ -0,0 +1,61 @@
+
+
+p.description{
+	color: #da9137;
+}	
+
+h1{
+	text-align: center;
+	font-family: fantasy;
+	font-size: 50px;
+}
+
+
+.form-control ,p{
+	font-family: fantasy;
+	font-size: 20px;
+
+}
+
+body{
+	background-image: url("https://images.pexels.com/photos/1884584/pexels-photo-1884584.jpeg");
+background-size: cover;
+background-repeat: no-repeat;}
+
+.yellow{
+	background-color:#f9e507;
+	color: rgb(72, 64, 64);
+	text-decoration: none;
+	border: 2px solid transparent;
+	font-weight: bold;
+	padding: 10px 30px;
+	border-radius: 30px;
+	transition: .4s; 
+}
+
+.blue{
+	background-color:#404adb;
+	color: white;
+	text-decoration: none;
+	border: 2px solid transparent;
+	font-weight: bold;
+	padding: 10px 30px;
+	border-radius: 30px;
+	transition: .4s; 
+}
+
+.orange{
+	background-color:#da9137;
+	color: white;
+	text-decoration: none;
+	border: 2px solid transparent;
+	font-weight: bold;
+	padding: 10px 30px;
+	border-radius: 30px;
+	transition: .4s; 
+}
+
+.date ,.form-size ,.form-control, p{
+	text-align: center;
+}
+
diff --git a/README.md b/README.md
diff --git a/Two-Truths-One-Lie/README.md b/Two-Truths-One-Lie/README.md
diff --git a/Two-Truths-One-Lie/index.html b/Two-Truths-One-Lie/index.html
diff --git a/Two-Truths-One-Lie/laptop.png b/Two-Truths-One-Lie/laptop.png
diff --git a/Two-Truths-One-Lie/moto-g4.png b/Two-Truths-One-Lie/moto-g4.png
diff --git a/Two-Truths-One-Lie/styles.css b/Two-Truths-One-Lie/styles.css
diff --git a/zoo-css-challenge/README.md b/zoo-css-challenge/README.md