-
Notifications
You must be signed in to change notification settings - Fork 115
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #252 from snehab03/main
resolved issue #2
- Loading branch information
Showing
6 changed files
with
378 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,51 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet"> | ||
| <script src="myscripts.js"></script> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Home</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="box-area"> | ||
| <header> | ||
| <div class="wrapper"> | ||
| <div class="logo"> | ||
| <a href="a">InfoBinge</a> | ||
| </div> | ||
| <nav> | ||
| <a href="#home">Home</a> | ||
| <a href="#news">News</a> | ||
| <a href="#contact">Contact</a> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
| <div class="banner-area"> | ||
| <div class="box"> | ||
| <h1 class="form-heading">Login</h1> | ||
| <form> | ||
| <div class="input-box"> | ||
| <span class="details">User Name</span> | ||
| <input type="text" placeholder="Enter your name" required> | ||
| </div> | ||
| <div class="input-box"> | ||
| <span class="details">Password</span> | ||
| <input type="number" placeholder="Enter your registration number" required> | ||
| </div> | ||
| <input class="btn" type="Submit" name=""> | ||
|
|
||
| </form> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </body> | ||
|
|
||
| </html> |
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 @@ | ||
|
|
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,131 @@ | ||
| *{ | ||
| margin: 0%; | ||
| padding: 0%; | ||
| } | ||
| body{ | ||
| text-align: center; | ||
| font-family: Montserrat; | ||
| } | ||
| .wrapper{ | ||
| width: 1170px; | ||
| margin: 0 auto; | ||
| } | ||
| header{ | ||
| height: 100px; | ||
| background-color: #262626; | ||
| width:100%; | ||
| z-index: 12; | ||
| position: fixed; | ||
| } | ||
| .logo{ | ||
| width:10%; | ||
| float:left; | ||
| line-height: 100px; | ||
| } | ||
| .logo a{ | ||
| text-decoration:none; | ||
| font-size: 30px; | ||
| font-family: Montserrat; | ||
| color: white; | ||
| letter-spacing: 2px; | ||
| } | ||
| nav{ | ||
| float: right; | ||
| line-height: 100px; | ||
| } | ||
| nav a{ | ||
| text-decoration: none; | ||
| font-size: 30px; | ||
| font-family: Montserrat; | ||
| color:white; | ||
| margin:0 10px; | ||
| letter-spacing: 1px; | ||
| } | ||
| .banner-area{ | ||
| width: 100%; | ||
| height: 100%; | ||
| position: fixed; | ||
| top: 80px; | ||
| bottom: 500px; | ||
| background-image: url(https://preview.redd.it/afhhcswvk9821.jpg?auto=webp&s=b59ff45be78dc6be056de6adb91e17ad53f9dfbb); | ||
| -webkit-background-size: cover; | ||
| background-size: cover; | ||
| background-position: center center; | ||
|
|
||
| } | ||
| .banner-area h1{ | ||
| padding-top: 15%; | ||
| font-family: Montserrat; | ||
| font-size: 60px; | ||
| color: white; | ||
| } | ||
|
|
||
| .box { | ||
| height: 300px; | ||
| width: 450px; | ||
| text-align: left; | ||
| position:relative; | ||
| background-color:#090057 ; | ||
| opacity:0.8; | ||
| margin:5% auto; | ||
| padding: 1% 5% 5%; | ||
| } | ||
| .form-heading{ | ||
| text-align: center; | ||
| font-weight: bold; | ||
| font-size: 3.5rem; | ||
| padding:0; | ||
| } | ||
| .input-box{ | ||
| line-height: 2.5; | ||
| font-size: 1.3rem; | ||
| } | ||
| .details{ | ||
| color: #fff; | ||
| } | ||
| .btn { | ||
| background: #42d934; | ||
| background-image: -webkit-linear-gradient(top, #42d934, #2e801a); | ||
| background-image: -moz-linear-gradient(top, #42d934, #2e801a); | ||
| background-image: -ms-linear-gradient(top, #42d934, #2e801a); | ||
| background-image: -o-linear-gradient(top, #42d934, #2e801a); | ||
| background-image: linear-gradient(to bottom, #42d934, #2e801a); | ||
| -webkit-border-radius: 11; | ||
| -moz-border-radius: 11; | ||
| border-radius: 11px; | ||
| font-family: Arial; | ||
| color: #ffffff; | ||
| font-size: 20px; | ||
| padding: 10px 20px 10px 20px; | ||
| margin-top: 4%; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| .btn:hover { | ||
| background: #3cfc49; | ||
| background-image: -webkit-linear-gradient(top, #3cfc49, #48991a); | ||
| background-image: -moz-linear-gradient(top, #3cfc49, #48991a); | ||
| background-image: -ms-linear-gradient(top, #3cfc49, #48991a); | ||
| background-image: -o-linear-gradient(top, #3cfc49, #48991a); | ||
| background-image: linear-gradient(to bottom, #3cfc49, #48991a); | ||
| text-decoration: none; | ||
| } | ||
| .content-area{ | ||
| width: 100%; | ||
| position: relative; | ||
| top: 800px; | ||
| background: #ddd; | ||
| height: 1000px; | ||
| } | ||
| .content-area h2{ | ||
| font-family: Montserrat; | ||
| font-size: 40px; | ||
| letter-spacing: 3px; | ||
| padding-top: 30px; | ||
| margin: 0; | ||
| } | ||
| .content-area p{ | ||
| font-family: Montserrat; | ||
| font-size: 20px; | ||
| padding: 60px; | ||
| } |
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,63 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet"> | ||
| <script src="myscripts.js"></script> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Home</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="box-area"> | ||
| <header> | ||
| <div class="wrapper"> | ||
| <div class="logo"> | ||
| <a href="a">InfoBinge</a> | ||
| </div> | ||
| <nav> | ||
| <a href="#home">Home</a> | ||
| <a href="#news">News</a> | ||
| <a href="#contact">Contact</a> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
| <div class="banner-area"> | ||
| <div class="box"> | ||
| <h1 class="form-heading">Login</h1> | ||
| <form> | ||
| <div class="input-box"> | ||
| <span class="details">Full Name</span> | ||
| <input type="text" placeholder="Enter your name" required> | ||
| </div> | ||
| <div class="input-box"> | ||
| <span class="details">Registration No.</span> | ||
| <input type="number" placeholder="Enter your registration number" required> | ||
| </div> | ||
| <div class="input-box"> | ||
| <span class="details">Branch</span> | ||
| <input type="text" placeholder="Enter your branch" required> | ||
| </div> | ||
| <div class="input-box"> | ||
| <span class="details">E-mail</span> | ||
| <input type="email" placeholder="Enter your email" required> | ||
| </div> | ||
| <div class="input-box"> | ||
| <span class="details">Contact</span> | ||
| <input type="number" placeholder="Enter your mobile number" required> | ||
| </div> | ||
| <input class="btn" type="Submit" name=""> | ||
|
|
||
| </form> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </body> | ||
|
|
||
| </html> |
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 @@ | ||
|
|
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,131 @@ | ||
| *{ | ||
| margin: 0%; | ||
| padding: 0%; | ||
| } | ||
| body{ | ||
| text-align: center; | ||
| font-family: Montserrat; | ||
| } | ||
| .wrapper{ | ||
| width: 1170px; | ||
| margin: 0 auto; | ||
| } | ||
| header{ | ||
| height: 100px; | ||
| background-color: #262626; | ||
| width:100%; | ||
| z-index: 12; | ||
| position: fixed; | ||
| } | ||
| .logo{ | ||
| width:10%; | ||
| float:left; | ||
| line-height: 100px; | ||
| } | ||
| .logo a{ | ||
| text-decoration:none; | ||
| font-size: 30px; | ||
| font-family: Montserrat; | ||
| color: white; | ||
| letter-spacing: 2px; | ||
| } | ||
| nav{ | ||
| float: right; | ||
| line-height: 100px; | ||
| } | ||
| nav a{ | ||
| text-decoration: none; | ||
| font-size: 30px; | ||
| font-family: Montserrat; | ||
| color:white; | ||
| margin:0 10px; | ||
| letter-spacing: 1px; | ||
| } | ||
| .banner-area{ | ||
| width: 100%; | ||
| height: 100%; | ||
| position: fixed; | ||
| top: 80px; | ||
| bottom: 500px; | ||
| background-image: url(https://preview.redd.it/afhhcswvk9821.jpg?auto=webp&s=b59ff45be78dc6be056de6adb91e17ad53f9dfbb); | ||
| -webkit-background-size: cover; | ||
| background-size: cover; | ||
| background-position: center center; | ||
|
|
||
| } | ||
| .banner-area h1{ | ||
| padding-top: 15%; | ||
| font-family: Montserrat; | ||
| font-size: 60px; | ||
| color: white; | ||
| } | ||
|
|
||
| .box { | ||
| height: 500px; | ||
| width: 450px; | ||
| text-align: left; | ||
| position:relative; | ||
| background-color:#090057 ; | ||
| opacity:0.8; | ||
| margin:5% auto; | ||
| padding: 1% 5% 5%; | ||
| } | ||
| .form-heading{ | ||
| text-align: center; | ||
| font-weight: bold; | ||
| font-size: 3.5rem; | ||
| padding:0; | ||
| } | ||
| .input-box{ | ||
| line-height: 2.5; | ||
| font-size: 1.3rem; | ||
| } | ||
| .details{ | ||
| color: #fff; | ||
| } | ||
| .btn { | ||
| background: #42d934; | ||
| background-image: -webkit-linear-gradient(top, #42d934, #2e801a); | ||
| background-image: -moz-linear-gradient(top, #42d934, #2e801a); | ||
| background-image: -ms-linear-gradient(top, #42d934, #2e801a); | ||
| background-image: -o-linear-gradient(top, #42d934, #2e801a); | ||
| background-image: linear-gradient(to bottom, #42d934, #2e801a); | ||
| -webkit-border-radius: 11; | ||
| -moz-border-radius: 11; | ||
| border-radius: 11px; | ||
| font-family: Arial; | ||
| color: #ffffff; | ||
| font-size: 20px; | ||
| padding: 10px 20px 10px 20px; | ||
| margin-top: 4%; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| .btn:hover { | ||
| background: #3cfc49; | ||
| background-image: -webkit-linear-gradient(top, #3cfc49, #48991a); | ||
| background-image: -moz-linear-gradient(top, #3cfc49, #48991a); | ||
| background-image: -ms-linear-gradient(top, #3cfc49, #48991a); | ||
| background-image: -o-linear-gradient(top, #3cfc49, #48991a); | ||
| background-image: linear-gradient(to bottom, #3cfc49, #48991a); | ||
| text-decoration: none; | ||
| } | ||
| .content-area{ | ||
| width: 100%; | ||
| position: relative; | ||
| top: 800px; | ||
| background: #ddd; | ||
| height: 1000px; | ||
| } | ||
| .content-area h2{ | ||
| font-family: Montserrat; | ||
| font-size: 40px; | ||
| letter-spacing: 3px; | ||
| padding-top: 30px; | ||
| margin: 0; | ||
| } | ||
| .content-area p{ | ||
| font-family: Montserrat; | ||
| font-size: 20px; | ||
| padding: 60px; | ||
| } |