forked from tarunkay7/PsyCred
-
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.
- Loading branch information
1 parent
7a87ebc
commit 386d382
Showing
5 changed files
with
214 additions
and
174 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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
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 |
|---|---|---|
|
|
@@ -8,39 +8,58 @@ | |
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> | ||
|
|
||
| <style> | ||
| body { | ||
| background-color: #f2f2f2; | ||
| body { | ||
| background-color: #fbf6f0; | ||
| color: #000000; | ||
| padding-top: 100px; | ||
| font-family: Arial, sans-serif; | ||
| min-height: 100vh; | ||
| margin: 0; | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| justify-content: center; | ||
| } | ||
|
|
||
| /* Navbar styles */ | ||
| .navbar-nav .nav-link:hover { | ||
| color: #01BF9B !important; | ||
| } | ||
| .navbar-nav .nav-link:hover { | ||
| color: #6895D2 !important; | ||
| } | ||
|
|
||
| .navbar-nav { | ||
| text-align: center; | ||
| } | ||
| .navbar-nav { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .navbar-nav .nav-item { | ||
| padding: 0 10px; | ||
| } | ||
| .navbar-nav .nav-item { | ||
| padding: 0 10px; | ||
| } | ||
|
|
||
| .dropdown { | ||
| margin-left: auto; | ||
| } | ||
| .dropdown { | ||
| margin-left: auto; | ||
| } | ||
|
|
||
| .dropdown-menu .nav-dropdown { | ||
| left: 280px !important; | ||
| } | ||
| .dropdown-menu .nav-dropdown { | ||
| left: 100%; | ||
| } | ||
|
|
||
| .page-content { | ||
| padding: 0 20px; | ||
| max-width: 600px; | ||
| margin: auto; | ||
| } | ||
|
|
||
| .btn-submit { | ||
| margin-top: 20px; | ||
| background-color: #6895D2; | ||
| border-color: #6895D2; | ||
| } | ||
|
|
||
| .btn-submit:hover { | ||
| background-color: #FDE767; | ||
| border-color: #FDE767; | ||
| color: #2c2b29; | ||
| } | ||
|
|
||
| .page-left { | ||
| padding-left: 60px; | ||
| } | ||
|
|
||
| .btn { | ||
| margin-top: 20px; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
|
|
@@ -77,7 +96,7 @@ | |
| </nav> | ||
|
|
||
| <!-- Body --> | ||
| <div class="body page-left"> | ||
| <div class="page-content"> | ||
| <h1 class="display-3">Sign up</h1> | ||
| <p>Please enter the following details</p> | ||
|
|
||
|
|
@@ -92,15 +111,17 @@ <h1 class="display-3">Sign up</h1> | |
| <!-- Education Input --> | ||
| <div class="mb-3 dropdown"> | ||
| <label for="edu" class="form-label">Education</label> | ||
| <button class="eduDrop btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" id="educationBtn"> | ||
| Select | ||
| </button> | ||
| <ul class="dropdown-menu languageSelect"> | ||
| <li><a class="dropdown-item" href="#">High School</a></li> | ||
| <li><a class="dropdown-item" href="#">Bachelor</a></li> | ||
| <li><a class="dropdown-item" href="#">Masters</a></li> | ||
| <li><a class="dropdown-item" href="#">PhD</a></li> | ||
| </ul> | ||
| <div class="input-group"> | ||
| <button class="eduDrop btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" id="educationBtn"> | ||
| Select | ||
| </button> | ||
| <ul class="dropdown-menu languageSelect"> | ||
| <li><a class="dropdown-item" href="#">High School</a></li> | ||
| <li><a class="dropdown-item" href="#">Bachelor</a></li> | ||
| <li><a class="dropdown-item" href="#">Masters</a></li> | ||
| <li><a class="dropdown-item" href="#">PhD</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Age Input --> | ||
|
|
@@ -120,13 +141,11 @@ <h1 class="display-3">Sign up</h1> | |
| <!-- Zipcode Input --> | ||
| <div class="mb-3"> | ||
| <label for="zipcode" class="form-label">Zipcode</label> | ||
| <input type="text" class="form-control" id="pincode" name="pincode" pattern="[0-9]{5}" maxlength="5" required> | ||
| <input type="text" class="form-control" id="zipcode" name="zipcode" pattern="[0-9]{5}" maxlength="5" required> | ||
| <div class="invalid-feedback">Please enter a valid 5-digit zipcode</div> | ||
| </div> | ||
|
|
||
| <a href="login.html"><button type="submit" class="btn btn-primary">Submit</button></a> | ||
|
|
||
|
|
||
| <button type="submit" class="btn btn-primary btn-submit">Submit</button> | ||
| </form> | ||
|
|
||
| </div> | ||
|
|
||
Oops, something went wrong.