Tanu-N-Prabhu
/ regularForm.html
Last active
December 28, 2020 01:58
A simple HTML Form with two input fields.
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
| <!-- | |
| FileName - regularForm.html | |
| Description - This is a regular HTML form takes two inputs name, and dob. No CSS or Bootstrap was used for styling | |
| Author - Tanu Nanda Prabhu | |
| --> | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>HTML Form</title> |
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
| <!-- | |
| FileName - bootstrapForm.html | |
| Description - This is a regular Bootstrap form takes two inputs name, and dob. Bootstrap was used for responsiveness | |
| Author - Tanu Nanda Prabhu | |
| --> | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> |
Tanu-N-Prabhu
/ responsiveImage.html
Created
December 31, 2020 20:52
This is a HTML file which just displays an image.
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
| <!-- | |
| FileName - responsiveImage.html | |
| Description - This is a HTML file which just displays an image. The responsive properties for the image is defined in the CSS file (styles.css) | |
| Author - Tanu Nanda Prabhu | |
| --> | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>Responsive Images</title> |
Tanu-N-Prabhu
/ styles.css
Created
December 31, 2020 20:58
CSS properties for making an image responsive
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
| /* | |
| FileName - styles.css | |
| Description - CSS code for making the image responsive by setting the value of four properties such as display, margin-left, margin-right, width | |
| Author - Tanu Nanda Prabhu | |
| */ | |
| .center { | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; |
Tanu-N-Prabhu
/ contributors
Last active
February 2, 2026 19:58
Displaying GitHub contributors as an image using contributor-img web application
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
| <!-- Copy-paste in your Readme.md file --> | |
| <a href = "https://github.com/Tanu-N-Prabhu/Python/graphs/contributors"> | |
| <img src = "https://contrib.rocks/image?repo = GitHub_username/repository_name"/> | |
| </a> | |
| Made with [contributors-img](https://contrib.rocks). |
Tanu-N-Prabhu
/ sample.html
Created
January 11, 2021 19:20
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 lang="en"> | |
| <head> | |
| <title>Hello World</title> | |
| </head> | |
| <body> | |
| <p>This is a simple HTML File.</p> | |
| </body> |
Tanu-N-Prabhu
/ githubStats.md
Last active
March 22, 2021 00:18
Tanu-N-Prabhu
/ darkMode.html
Created
March 23, 2021 01:46
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 lang="en"> | |
| <head> | |
| <title>Dark Mode</title> | |
| <!-- Necessary libraries and hyper-links for the website --> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <!-- Bootstrap Library for responsiveness --> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> | |
| <!-- Icon for the dark mode --> |
Tanu-N-Prabhu
/ darkMode.css
Created
March 23, 2021 01:48
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
| .body { | |
| padding: 10px; | |
| } | |
| .container { | |
| padding: 25px; | |
| background-color: #FFAA80; | |
| width: 100%; | |
| justify-content: center; | |
| align-items: center; |
Tanu-N-Prabhu
/ darkMode.js
Created
March 23, 2021 01:51
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
| function myFunction() { | |
| var element = document.body; | |
| element.classList.toggle("dark-mode"); | |
| } | |
| var app = document.getElementsByTagName("BODY")[0]; | |
| if (localStorage.lightMode == "dark") { | |
| app.setAttribute("data-light-mode", "dark"); | |
| } |
OlderNewer