Update the HTLM form

ranjith-ka · Aug 6, 2024 · a5f1dc9 · a5f1dc9
1 parent 46c830a
commit a5f1dc9
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 8 deletions.
diff --git a/minikube/web-development/Readme.md b/minikube/web-development/Readme.md
@@ -6,4 +6,6 @@ Tutorial for Web Development
 
 - <https://www.youtube.com/watch?v=Ow_DLQ1oWWg>
 - <https://www.youtube.com/watch?v=FYErehuSuuw> - Arun refrence link
-- <https://www.frontendmentor.io/>
+- <https://www.frontendmentor.io/>
+
+## HTML
diff --git a/minikube/web-development/contact.html b/minikube/web-development/contact.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+    <header>
+        <h1>Contact Us</h1>
+    </header>
+
+    <form action="#" method="post">
+        <label for="name">Name:</label>
+        <input type="text" id="name" name="name" placeholder="Your Name"><br><br>
+
+        <label for="email">Email:</label>
+        <input type="text" id="email" name="email" placeholder="Your EmailID"><br><br>
+
+        <label for="message">Message:</label>
+        <textarea id="message" name="message" placeholder="Your Message" rows="4" cols="50"> </textarea><br><br>
+        <input type="submit" value="Submit">
+
+    </form>
+</body>
+
+</html>
diff --git a/minikube/web-development/index.html b/minikube/web-development/index.html
@@ -1,22 +1,35 @@
 <html>
-
 <head>
     <title>My new Learning</title>
 </head>
-
 <body>
     <header>
-        <h1>Heading1</h1>
-        <h2>Heading2</h2>
-        <h3>Heading3</h3>
+        <h1>JIT HTML</h1>
     </header>
     <main>
         <div>
-            <img src="https://picsum.photos/200/300" alt="random image">
+            <img src="https://picsum.photos/400/300" alt="random image">
             <h2>This is my first page</h2>
             <p>Lets get this</p>
-            <a href="https://www.google.com">Google</a>
+            <a href="https://www.google.com">Google</a><br><br>
+            </div>
+            <div>
+                <form action="#" method="post">
+                    <label for="name">Name:</label>
+                    <input type="text" id="name" name="name" placeholder="Your Name"><br><br>
+
+                    <label for="email">Email:</label>
+                    <input type="text" id="email" name="email" placeholder="Your EmailID"><br><br>
+
+                    <label for="message">Message:</label>
+                    <textarea id="message" name="message" placeholder="Your Message" rows="4" cols="50"> </textarea><br><br>
+                    <input type="submit" value="Submit">
+                </form>
+            </div>
     </main>
+    <footer>
+        <p>Copyright &copy; 2024</p>
+    </footer>
 </body>
 </html>
 <!-- This is comment  -->