forked from 0xali3n/Hactoberfest-Beginner
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
added Login folder using HTML,bootstrap,CSS at 0xali3n#171
- Loading branch information
1 parent
3850723
commit 5d38fef
Showing
1 changed file
with
68 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> | ||
| <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> | ||
| <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | ||
| <!------ Include the above in your HEAD tag ----------> | ||
|
|
||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Login Page</title> | ||
| <!--Made with love by Mutiullah Samim --> | ||
|
|
||
| <!--Bootsrap 4 CDN--> | ||
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> | ||
|
|
||
| <!--Fontawesome CDN--> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> | ||
|
|
||
| <!--Custom styles--> | ||
| <link rel="stylesheet" type="text/css" href="styles.css"> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <div class="d-flex justify-content-center h-100"> | ||
| <div class="card"> | ||
| <div class="card-header"> | ||
| <h3>Sign In</h3> | ||
| <div class="d-flex justify-content-end social_icon"> | ||
| <span><i class="fab fa-facebook-square"></i></span> | ||
| <span><i class="fab fa-google-plus-square"></i></span> | ||
| <span><i class="fab fa-twitter-square"></i></span> | ||
| </div> | ||
| </div> | ||
| <div class="card-body"> | ||
| <form> | ||
| <div class="input-group form-group"> | ||
| <div class="input-group-prepend"> | ||
| <span class="input-group-text"><i class="fas fa-user"></i></span> | ||
| </div> | ||
| <input type="text" class="form-control" placeholder="username"> | ||
|
|
||
| </div> | ||
| <div class="input-group form-group"> | ||
| <div class="input-group-prepend"> | ||
| <span class="input-group-text"><i class="fas fa-key"></i></span> | ||
| </div> | ||
| <input type="password" class="form-control" placeholder="password"> | ||
| </div> | ||
| <div class="row align-items-center remember"> | ||
| <input type="checkbox">Remember Me | ||
| </div> | ||
| <div class="form-group"> | ||
| <input type="submit" value="Login" class="btn float-right login_btn"> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| <div class="card-footer"> | ||
| <div class="d-flex justify-content-center links"> | ||
| Don't have an account?<a href="#">Sign Up</a> | ||
| </div> | ||
| <div class="d-flex justify-content-center"> | ||
| <a href="#">Forgot your password?</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |