From e0d0ff1e79e1d4344106db39756629181bb2a3e2 Mon Sep 17 00:00:00 2001
From: lolmunjani <115863512+lolmunjani@users.noreply.github.com>
Date: Sat, 15 Oct 2022 12:10:16 +0530
Subject: [PATCH] Create sign.html

---
 Login Form Web/Login1/sign.html | 50 +++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 Login Form Web/Login1/sign.html
diff --git a/Login Form Web/Login1/sign.html b/Login Form Web/Login1/sign.html
new file mode 100644
index 0000000..ae772a0
--- /dev/null
+++ b/Login Form Web/Login1/sign.html	
@@ -0,0 +1,50 @@
+<!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">
+    <!-- Font Awesome 5 CDN link to add icones -->
+    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
+    <title>Sign Up</title>
+    <!-- Linking .css file with HTML page -->
+    <link rel="stylesheet" href="style1.css">
+</head>
+<body>
+    <div>
+        <!-- Left section of signup form -->
+        <dive>
+            <h1>Sign Up</h1>
+            <h5>Welcome to our - favourite music</h5>
+            <form action="" method="get">
+             <div>
+                <p><label for="userNmae">User Name</label></p>
+                <input type="text" id="userName" autocomplete="off" >
+             </div>
+             <div>
+                <p><label for="email">Email Address</label></p>
+                <input type="email" id="email" name="email" required autocomplete="off">
+             </div>
+             <div>
+                <p><label for="password">Password</label></p>
+                <input type="password" id="password" required >
+             </div>
+             <button type="button" id="btn">Sign Up Now</button>
+             <p>Already a member? <a href="login.html">Log in</a></p>
+            </form>
+            <div></div>  
+            <!-- Adding social icones -->
+            <div> 
+               <h6>Or Connect With - </h6>
+               <div><i></i></div>
+               <div><i></i></div>
+               <div><i></i></i></div>
+            </div>
+        </dive>
+        <!-- Right section of the form containing image -->
+        <div> 
+            <img src="https://www.hmablogs.com/wp-content/uploads/2021/07/musicImg.png" alt="Music Image">
+        </div>
+    </div>
+</body>
+</html>
