Nikhil Padwal Nikhilpadwal
Nikhilpadwal
/ style.css
Created
August 21, 2020 11:14
This file contains hidden or 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
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| background: #e0e0e0; | |
| display: flex; | |
| align-items: center; |
Nikhilpadwal
/ index.html
Created
August 21, 2020 11:12
This file contains hidden or 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
| <html> | |
| <head> | |
| <link rel="stylesheet" href="style.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="btn">Button</div> | |
| </body> | |
| </html> |
Nikhilpadwal
/ Scriptjs.js
Last active
August 18, 2020 05:43
This file contains hidden or 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
| const signInBtn = document.getElementById("signIn"); | |
| const signUpBtn = document.getElementById("signUp"); | |
| const fistForm = document.getElementById("form1"); | |
| const secondForm = document.getElementById("form2"); | |
| const container = document.querySelector(".container"); | |
| signInBtn.addEventListener("click", () => { | |
| container.classList.remove("right-panel-active"); | |
| }); |
Nikhilpadwal
/ Style.css
Created
August 16, 2020 06:29
This file contains hidden or 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
| @import "https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"; | |
| body{ | |
| margin:0; | |
| padding: 0; | |
| font-family: sans-serif; | |
| background: #000 | |
| } | |
| header{ | |
| background: url(https://www.shantnews.am/wp-content/uploads/2018/11/nastol.com_.ua-242348.jpg) no-repeat top center / cover; | |
| height: 100vh; |
Nikhilpadwal
/ index.html
Last active
August 12, 2020 10:15
This file contains hidden or 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
| <div class="container"> | |
| <div class="moji">😄</div> | |
| <div class="slider"> | |
| <span>Yay!</span> | |
| <input type="range" value="0" min="0" max="10" step="1"> | |
| <span>Sad!</span> | |
| </div> | |
| </div> |
Nikhilpadwal
/ index.css
Created
May 29, 2020 08:16
This file contains hidden or 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
| *{ | |
| margin: 0; | |
| padding: 0; | |
| } | |
| body{ | |
| background-image:url(a4.jpg); | |
| background-repeat: no-repeat; | |
| width:100%; | |
| background-position: center; |
Nikhilpadwal
/ index.html
Created
May 29, 2020 08:15
This file contains hidden or 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
| *{ | |
| margin: 0; | |
| padding: 0; | |
| } | |
| body{ | |
| background-image:url(a4.jpg); | |
| background-repeat: no-repeat; | |
| width:100%; | |
| background-position: center; |
Nikhilpadwal
/ index.html
Created
May 29, 2020 08:08
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title></title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <a href="#" class="scroll-down"> | |
| <div class="scroll"> | |
| <span class="scroll-dot"></span> |