-
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
Showing
9 changed files
with
330 additions
and
3 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,17 @@ | ||
| /* Error: Undefined variable. | ||
| * , | ||
| * 13 | background: $almost-white; | ||
| * | ^^^^^^^^^^^^^ | ||
| * ' | ||
| * scss/sections/popup.scss 13:21 root stylesheet */ | ||
|
|
||
| body::before { | ||
| font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono", | ||
| "Droid Sans Mono", monospace, monospace; | ||
| white-space: pre; | ||
| display: block; | ||
| padding: 1em; | ||
| margin-bottom: 1em; | ||
| border-bottom: 2px solid black; | ||
| content: "Error: Undefined variable.\a \2577 \a 13 \2502 background: $almost-white;\a \2502 ^^^^^^^^^^^^^\a \2575 \a scss/sections/popup.scss 13:21 root stylesheet"; | ||
| } |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
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
Large diffs are not rendered by default.
Oops, something went wrong.
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 |
|---|---|---|
|
|
@@ -181,7 +181,41 @@ <h1 class="heading">Make remote work</h1> | |
| </picture> | ||
| </div> | ||
| </section> | ||
|
|
||
| </main> | ||
| <!--popup--> | ||
| <div class=" popup-wrapper"> | ||
| <div class="popup popup-register"> | ||
| <div class ="popup-close">x</div> | ||
| <form> | ||
| <img src="images/logo.svg" alt="logo" class="popup-logo"/> | ||
| <h2>New Here? Register with us</h2> | ||
| <input type="text" placeholder="Enter Your Name" id="firstNname"/> | ||
| <input type="email" placeholder="Email Adress" id="email-address"/> | ||
| <input type="password" placeholder="Enter your password" id="password"/> | ||
| <p class="error-mgs"></p> | ||
| <div class="snap-btn" id="submit-btn" > | ||
| <button type="submit">Submit</button> | ||
| <p>Have an account? <a href="#" class="login-link">Login</a></p> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| <!--login--> | ||
| <div class="popup popup-login"> | ||
| <div class ="popup-close">x</div> | ||
| <form> | ||
| <img src="images/logo.svg" alt="logo" class="popup-logo"/> | ||
| <h2>Welcome Back! Please Log In</h2> | ||
| <input type="email" placeholder="Email Adress" id="email-address"/> | ||
| <input type="password" placeholder="Enter your password" id="password"/> | ||
| <p class="error-mgs"></p> | ||
| <div class="snap-btn" id="submit-btn" > | ||
| <button type="submit" >Submit</button> | ||
| <p>Don't have an account? <a href="#" class="register-link">Register</a></p> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| <!-- Importing the js libaries as well as my js file--> | ||
| <script src="https://unpkg.com/[email protected]/dist/aos.js"></script> | ||
| <script src="./assets/js/bootstrap.bundle.js"></script> | ||
|
|
||
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
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,103 @@ | ||
| .popup-wrapper { | ||
| background:rgb(0,0,0,0.5); | ||
| width:100%; | ||
| height:100%; | ||
| position:fixed; | ||
| top: -21px; | ||
| display:none; | ||
| min-height: 100vh; | ||
|
|
||
|
|
||
| .popup { | ||
| text-align: center; | ||
| background: $almost-white; | ||
| display:flex; | ||
| flex-direction:column; | ||
| justify-content:center; | ||
| align-items:center; | ||
| width:100%; | ||
| max-width:400px; | ||
| margin:auto; | ||
| padding: 15px 10px; | ||
| position:relative; | ||
| color: #fff; | ||
| font-family: 'Poppins', sans-serif; | ||
| font-size: 12px; | ||
| border-radius: 15px; | ||
|
|
||
| h2 { | ||
| font-size: 20px; | ||
| color: $almost-black; | ||
| margin: 20px 0 20px; | ||
| } | ||
|
|
||
| .error-mgs { | ||
| color: $error-mg; | ||
| } | ||
| input[type="email"], input[type="password"] ,input[type="text"]{ | ||
| width: 92%; | ||
| padding: 12px; | ||
| margin-bottom: 20px; | ||
| border-radius: 30px; | ||
| border: 2px solid $medium-gray; | ||
| font-family: $brand-font; | ||
| outline: none; | ||
| } | ||
|
|
||
| button { | ||
| @include btn-background; | ||
| margin-bottom: 48px; | ||
|
|
||
| &:hover { | ||
| @include btn-outline; | ||
| transition: all 350ms ease-in-out; | ||
| } | ||
|
|
||
| &:active { | ||
| @include btn-outline; | ||
| } | ||
| } | ||
| form { | ||
| position: relative; | ||
| top: 45px; | ||
|
|
||
| .snap-btn { | ||
| p { | ||
| color: $medium-gray; | ||
| position: relative; | ||
| bottom: 31px; | ||
| } | ||
|
|
||
|
|
||
| } | ||
| } | ||
| a.login-link,a.register-link{ | ||
| color: $almost-black; | ||
| text-decoration: none; | ||
| cursor: pointer; | ||
| } | ||
| a.login-link:hover,a.register-link:hover { | ||
| color: $medium-gray | ||
| } | ||
| .popup-close { | ||
| position:absolute; | ||
| top:8px; | ||
| right:20px; | ||
| font-size:30px; | ||
| cursor:pointer; | ||
| color: $almost-black; | ||
| } | ||
| .popup-register { | ||
| display: block; | ||
| } | ||
| .popup-login { | ||
| display: none; | ||
| } | ||
| .popup-logo { | ||
| width: 30%; | ||
| margin: auto; | ||
| } | ||
| } | ||
|
|
||
|
|
||
| } |
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