From f34ace5f6d56ce0b36a030a05424e79a28d4327b Mon Sep 17 00:00:00 2001
From: Naitik pitroda <pitroda.np@gmail.com>
Date: Tue, 25 Oct 2022 15:09:58 +0530
Subject: [PATCH] please approve my request

---
 login-auth-page/download.png | Bin 0 -> 5718 bytes
 login-auth-page/index.css    | 127 +++++++++++++++++++++++++++++++++++
 login-auth-page/login.html   |  86 ++++++++++++++++++++++++
 login-auth-page/profile.css  |  30 +++++++++
 login-auth-page/profile.html |  73 ++++++++++++++++++++
 5 files changed, 316 insertions(+)
 create mode 100644 login-auth-page/download.png
 create mode 100644 login-auth-page/index.css
 create mode 100644 login-auth-page/login.html
 create mode 100644 login-auth-page/profile.css
 create mode 100644 login-auth-page/profile.html

diff --git a/login-auth-page/download.png b/login-auth-page/download.png
new file mode 100644
index 0000000000000000000000000000000000000000..2197fdc83b0dabb4513f67a75a78ebd5f1ad0826
GIT binary patch
literal 5718
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
IM6N<$f@&!qc>n+a

literal 0
HcmV?d00001

diff --git a/login-auth-page/index.css b/login-auth-page/index.css
new file mode 100644
index 0000000..edc62d8
--- /dev/null
+++ b/login-auth-page/index.css
@@ -0,0 +1,127 @@
+/* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap"); */
+* {
+    margin: 0%;
+    padding: 0%;
+    font-family: "Poppins", sans-serif;
+  }
+  
+  .world {
+    background-repeat: no-repeat;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    height: 45em;
+  }
+  
+  .img-fluid img {
+    max-width: 100%;
+    height: auto;
+    float: left;
+  }
+  .img-fluid {
+    padding: 4em;
+  }
+  
+  .formm {
+    height: auto;
+    background: rgb(245, 37, 89);
+    padding: 7em;
+    margin: 5em;
+    border-radius: 74% 26% 50% 50% / 61% 30% 70% 39%;
+    border: 10px solid black;
+  }
+  .login h1 {
+    text-align: center;
+    margin-bottom: 1em;
+  }
+  
+  .username input {
+    border: 4px solid #000;
+  
+    padding: 20px;
+    border-radius: 52px;
+  }
+  .input-field {
+    font-size: 1em;
+    letter-spacing: 2px;
+    text-align: center;
+  }
+  .username i {
+    position: absolute;
+    font-size: 1.4em;
+    padding: 1em;
+  }
+  
+  .username {
+    display: -ms-flexbox;
+  
+    display: flex;
+    width: 100%;
+  }
+  
+  .username .fa-eye,
+  .pwd .fa-eye-slash {
+    cursor: pointer;
+    width: 1.2em;
+  }
+  
+  .button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 2em 0em 0em 0em;
+  }
+  
+  .btn {
+    font-size: 1.3em;
+    padding: 0.5em 1em 0.5em 1em;
+    letter-spacing: 2px;
+    border: 4px solid #000;
+    border-radius: 50px;
+    transition: cubic-bezier(0.075, 0.82, 0.165, 1);
+  }
+  
+  .btn:hover {
+    color: white;
+    background: black;
+  }
+  
+  .button:hover,
+  .username {
+    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+    transform: translate3d(0, 0, 0);
+    perspective: 1000px;
+  }
+  
+  @keyframes shake {
+    10%,
+    90% {
+      transform: translate3d(-1px, 0, 0);
+    }
+    20%,
+    80% {
+      transform: translate3d(2px, 0, 0);
+    }
+  
+    30%,
+    50%,
+    70% {
+      transform: translate3d(-2px, 0, 0);
+    }
+    40%,
+    60% {
+      transform: translate3d(2px, 0, 0);
+    }
+  }
+  
+  @media only screen and (max-width: 600px) {
+    .formm {
+      /* padding: 7em;
+      margin: -4em; */
+      padding: 5em;
+      margin: auto;
+    }
+    .img-fluid {
+      display: none;
+    }
+  }
\ No newline at end of file
diff --git a/login-auth-page/login.html b/login-auth-page/login.html
new file mode 100644
index 0000000..06ffb4c
--- /dev/null
+++ b/login-auth-page/login.html
@@ -0,0 +1,86 @@
+<!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">
+    <title>Login/sign Up  </title>
+    <link rel="stylesheet" href="index.css">
+    
+
+     <!-- ----------------------FONT-AWSM----------LINK -->
+     <script src="https://kit.fontawesome.com/bf577c445a.js" crossorigin="anonymous"></script>
+
+       
+</head>
+<body>
+
+    <div class="world">
+
+        <!-- --------login page image-------- -->
+
+        <div class="img-fluid">
+            <img src="image.jpg">
+        </div>
+
+        
+<!-- ------------login form ---------------------- -->
+        <div class="formm">
+
+            <!-- login text--- -->
+            <div class="login">
+                <h1>Login / Sign Up</h1>
+            </div>
+
+         <div class="inputs">
+            <!-- first username box--- -->
+         <div class="username">
+                    <i class="fas fa-users"></i>
+                    <input class="input-field" id="username" placeholder="Username">
+        </div>
+                
+        </br>
+
+        <!-- ------------pasword--------- -->
+        <div class="username">
+            
+            <i class="fas fa-lock"></i> 
+            <input class="input-field" id="password"  type="password" placeholder="Password">
+        </div>
+                
+             </div>
+             <!-- -------submit button--------- -->
+             <div class="button">
+                <button class="btn" value="Login" id="submit" onclick="validate()" > Submit </button>
+             </div>
+
+         </div>
+    </div>
+
+        <script >
+
+            // ------------javascript code for password alert----------
+
+            function validate() {
+                var username = document.getElementById("username").value;
+            var password = document.getElementById("password").value;
+
+// it will check whether user has put up something OR not 
+
+            if (username == null || username == "") {
+                alert("Please enter the username....!!");
+                return false;
+            }
+// it will check whether user has put up password something OR not 
+            if (password == null || password == "") {
+                alert("Please enter the password....!!");
+                return false;
+            }
+            alert('Login successful..welcome.!!');
+            }
+
+            
+            </script>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/login-auth-page/profile.css b/login-auth-page/profile.css
new file mode 100644
index 0000000..ff032e1
--- /dev/null
+++ b/login-auth-page/profile.css
@@ -0,0 +1,30 @@
+* {
+    margin: 0%;
+    padding: 0%;
+    font-family: "Poppins", sans-serif;
+  }
+  
+
+  .photo{
+    width: 150px;
+    height: 150px;
+    border: 1px solid #101010;
+    background-image: url(data:image/png;base64,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);
+    background-position: center;
+    background-repeat: no-repeat;
+    /* background-attachment: fixed; */
+    background-size: 150px 150px;
+
+  }
+
+  .profile-form{
+    display: flex;
+  }
+
+  .profile-img{
+    margin: 10em;
+  }
+
+  .title h4{
+    text-decoration: double;
+  }
\ No newline at end of file
diff --git a/login-auth-page/profile.html b/login-auth-page/profile.html
new file mode 100644
index 0000000..7f6dc20
--- /dev/null
+++ b/login-auth-page/profile.html
@@ -0,0 +1,73 @@
+<!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">
+    <title>Profile</title>
+    <link rel="stylesheet" href="profile.css">
+    <!-- CSS only -->
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
+</head>
+<body>
+  <div class="d-flex"> 
+
+    <form class=" col-lg-6">
+      <!-- ========heading of profile===  -->
+      <div class="heading">
+        <h1 class=" mt-5 text-center font-weight-bold title">Profile</h1>
+      </div>
+      <div class=" mx-5 mt-5 form-group">
+        <label for="exampleInputEmail1">Email address</label>
+        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
+        
+        </div><br>
+        <!-- <div class="mx-5 ">
+        <label for="exampleInputEmail1" >Governmnet id</label>
+        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="">
+       
+      </div> -->
+      <div class="mx-5 ">
+          <label for="exampleInputPassword1">Password</label>
+          <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
+          
+      </div>
+
+      <div class="mx-5 my-4">
+        <label for="exampleInputPassword1">Password</label>
+        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
+        
+    </div>
+      <!-- <div class="form-group form-check">
+        <input type="checkbox" class="form-check-input" id="exampleCheck1">
+        <label class="form-check-label" for="exampleCheck1">Check me out</label>
+      </div> -->
+
+      <div class=" mx-5 form-group">
+          <label for="exampleFormControlTextarea1">Example </label>
+          <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
+        </div>
+      <button type="submit" class=" m-5 btn btn-primary">Submit</button>
+
+      <!-- <div class="button">
+        <button class="btn" value="Login" id="submit" onclick="validate()" > Submit </button>
+     </div> -->
+    </form>
+
+
+    <!-- =====photo=== -->
+    <form class="profile-img col-lg-6">
+      <div class=" form-group">
+        <!-- <label for="exampleFormControlFile1">Profile pic</label> -->
+        <h4 class="mb-3 font-weight-bold title" style="text-decoration: dashed">Profile Pic</h4>
+
+        <div class=" rounded-circle  photo" placeholder="siughg"></div>
+        <input type="file" class="mt-2 form-control-file" id="exampleFormControlFile1" >
+      </div>
+    </form>
+  </div> 
+
+  
+   </body>
+</body>
+</html>
\ No newline at end of file