Add files via upload

intruderrxx · Oct 1, 2021 · a5d4757 · a5d4757
1 parent 5fd8739
commit a5d4757
Show file tree

Hide file tree

Showing 2 changed files with 156 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,61 @@
+<!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="style.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <title>Document</title>
+</head>
+
+<body>
+    <div class="mainframe">
+        <div class="bg">
+            <div class="login">
+                <br>
+                <br>
+                <br>
+                <span class="head"> Login form</span>
+                <br>
+                <br>
+                <br>
+                <div class="cred">
+                    <input type="text" id="fname" name="fname" placeholder="Email or Username"><br>
+
+                    <input type="text" id="fname" name="fname" placeholder="Password"><br><br>
+                    <button class="login-btn">LOGIN</button>
+                    <br>
+                    <br>
+                    <span class="otherLogin ">
+                        Or login with<br>
+                    </span>
+                    <button class="fb">
+                        <a href="#" class="fb btn">
+                            <i class="fa fa-facebook "></i> Facebook
+                           </a>
+                    </button>
+                    <button class="google">
+                        <a href="#" class="google btn"><i class="fa fa-google-plus">
+                        </i> Google
+                      </a>
+                    </button>
+                    <br>
+                    <br>
+                    <br>
+                    <div class="notmember flex">
+                        <span class="notMember flex">
+                        Not a member? 
+                    </span>
+                        <a class="signup" href="">      Signup now</a>
+                    </div>
+                </div>
+
+
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,95 @@
+body{
+    background-color: #00DBDE;
+background-image: linear-gradient(45deg, #00DBDE 24%, #FC00FF 74%);
+background-repeat: no-repeat;
+
+}
+.login{
+    height: 600px;
+  width: 500px;
+  background-color: rgb(255, 255, 255);
+  margin-left: 35%;
+  margin-top: 5%;
+  margin-bottom: 3%;
+}
+
+.head{
+    font-size: 45px;
+    padding: 25px 130px 25px 130px;
+}
+.flex{
+    display: flex;
+}
+
+.cred{
+    font-size: 35px;
+    margin-left: 150px;
+    border-radius: 4px;    
+
+}
+
+.login-btn{
+    color: white;
+    border: none;
+
+    background-color: #00DBDE;
+    background-image: linear-gradient(45deg, #00DBDE 24%, #FC00FF 74%);
+    border-radius: 5px;
+
+}
+
+.otherLogin{
+    font-size: 15px;
+    color:darkgrey;
+    margin-left: 60px;
+
+}
+.fb{
+    font-family: sans-serif;
+    margin-left: -25px;
+    background-color: rgba(255, 255, 255, 0.493);
+    border-color: silver;
+}
+
+.btn {
+    width: 140px;
+    height: 10px;
+
+    border: none;
+    border-radius: 4px;
+
+    display: inline-block;
+    font-size: 17px;
+    line-height: 20px;
+    text-decoration: none; /* remove underline from anchors */
+  }
+
+
+ .fa-facebook {
+    background: #3B5998;
+    color: white;
+    padding: 2px;
+  }
+.fa-google-plus{
+    background: red;
+    padding: 2px;
+    color: white;
+}
+.google{
+    font-family: sans-serif;
+    color: red;
+    background-color: rgb(255, 255, 255);
+    border-color: silver;
+}
+.notMember{
+    font-size: 15px;
+    color:rgb(0, 0, 0);
+    margin-left: 10px;
+
+ } 
+ .signup{
+     color:slateblue;
+     margin-left: 5px;
+     font-size: 15px;
+     text-decoration: none;
+ }