IRIS-NITK · arunac535 · Dec 29, 2022 · Jan 10, 2023 · Jan 16, 2023
diff --git a/week_1/week1-Css.css b/week_1/week1-Css.css
@@ -0,0 +1,81 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');
+body{
+    background-color: #272727;
+    color: #14A76C;
+}
+#frm{
+    padding: 10px;
+    padding-left: 0;
+    border: 3px solid red;
+}
+.name label input{
+    margin-left: 260px;
+    margin-bottom: 10px;
+    height: 30px;
+    border-radius: 20px;
+    width: 200px;
+    background-color: rgb(255, 55, 0);
+
+}
+::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
+    color:white;
+    opacity: 1; /* Firefox */
+  }
+.email label input{
+    margin-left: 208px;
+    height: 30px;
+    border-radius: 20px;
+    width: 200px;
+    background-color: rgb(255, 55, 0);
+}
+.rd input{
+    display: inline-block;
+    margin-left: 390px;
+}
+.rd{
+    display: flex;
+    flex-direction: column;
+}
+#radbtn{
+    margin:20px;
+    margin-left:0;
+}
+.cb{
+    display: flex;
+    flex-direction: column;
+}
+.cb input{
+    display: inline-block;
+    margin-left: 390px;
+}
+#desc{
+    margin: 10px;
+}
+ #drp{
+    display: flex;
+    margin: 20px;
+    margin-left: 0;
+
+ }
+ #drp select{
+    display: flex;
+    margin-left: 175px;
+    height: 30px;
+    border-radius: 20px;
+    width: 200px; 
+    background-color: rgb(255, 55, 0);
+    color:aliceblue;
+ }
+ #submit {
+    height: 40px;
+    border-radius: 20px;
+    color:aliceblue;
+    background-color:darkslateblue;
+ }
+ #erase{
+    background-color: darkslateblue;
+    height: 40px;
+    border-radius: 20px;
+    color:white;
+ }
+
diff --git a/week_1/week_1.html b/week_1/week_1.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="week1-Css.css">
+    <link rel="stylesheet" href="'https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap'">
+    <title>Document</title>
+</head>
+<body>
+    <p><h1>MY Guest Book</h1></p>
+    <form id="frm">
+        <div class="name" >
+            <label>What is your name?<input type="text" id="nm" placeholder="Enter your name"></label>
+        </div>
+        <div class="email" >
+            <label>What is your email address?<input type="email" placeholder="Enter your email address"></label>
+
+
+        </div>
+        <div id="checkbox">Please check all that apply:
+            <div class="cb">
+                <label><input type="checkbox">I really like your website</label>
+                <label><input type="checkbox">One of the best sites I've seen.</label>
+                <label><input type="checkbox">I sure wish my site looked as good as yours.</label>
+                <label><input type="checkbox">I have no taste and I'm pretty dense, so your site didn't do much for me.</label>    
+            </div>
+        </div>
+        <div id="radbtn">Choose the one thing that you love best about my web site
+            <div class="rd">
+                 <label><input type="radio" name="r" >That gorgeous picture of you                     </label>
+                 <label><input type="radio" name="r">Also the beautiful pictures of your cats          </label>
+                <label><input type="radio" name="r">The inspiring recap of your suburban childhood     </label> 
+                <label><input type="radio" name="r">The detailed list of all your Elvis memorabilia's       </label>
+            </div>
+
+        </div>
+        <div name="desc">If my website were a book, how many copies would it sell?
+            <textarea></textarea>
+        </div>
+        <div id="drp">How can I improve my website?
+            <select>
+                <option>Couldn't be better</option>
+                <option>Change the layout</option>
+                <option>Choose better colors</option>
+                <option> Make it more interactive</option>
+            </select>
+        </div>
+        <div>
+            <button id="submit"> Click Here to Submit</button>
+            <button id="erase"> Erase and start over</button>
+        </div>
+    </form>
+
+</body>
+</html>
diff --git a/week_1/week_1.png b/week_1/week_1.png