https://github.com/sahilatahar/html-css-javascript

40 HTML, CSS, JavaScript Projects
https://github.com/sahilatahar/html-css-javascript

bootstrap bootstrap5 css3 html html-css html-css-javascript html-css-js html5 javascript miniproject miniprojects

Last synced: about 1 month ago
JSON representation

40 HTML, CSS, JavaScript Projects

• Host: GitHub
• URL: https://github.com/sahilatahar/html-css-javascript
• Owner: sahilatahar
• License: mit
• Created: 2023-01-02T16:25:56.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-17T02:43:51.000Z (over 2 years ago)
• Last Synced: 2025-03-03T22:08:48.890Z (9 months ago)
• Topics: bootstrap, bootstrap5, css3, html, html-css, html-css-javascript, html-css-js, html5, javascript, miniproject, miniprojects
• Language: CSS
• Homepage: https://sahilatahar.github.io/HTML-CSS-JavaScript/
• Size: 8.75 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# HTML-CSS-JavaScript

## Technologies used:

[![Skills](https://skillicons.dev/icons?i=html,css,javascript,bootstrap)](https://github.com/sahilatahar/HTML-CSS-JavaScript#html-css-javascript)

| SN  | Project                                                                                                                 | Live Demo                                                                                   |

| :-: | ----------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- |

| 01  | [Age Calculator](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/age-calculator)                           | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/age-calculator/)              |

| 02  | [Card Flip](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/card-flip)                                     | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/card-flip/)                   |

| 03  | [CSS Animated Buttons](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/css-animated-buttons)               | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/css-animated-buttons/)        |

| 04  | [CSS Animation](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/css-animation)                             | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/css-animation/)               |

| 05  | [Calender](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/Calender)                                       | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/Calender/)                    |

| 06  | [Decimal to Binary](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/decimal-to-binary)                     | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/decimal-to-binary)            |

| 07  | [Eye Motion](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/eyes-motion)                                  | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/eyes-motion/)                 |

| 08  | [File Downloader](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/file-downloader)                         | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/file-downloader/)             |

| 09  | [Icon Drawer Animation](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/icon-drawer-animation)             | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/icon-drawer-animation/)       |

| 10  | [Icon Hover Animation](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/icon-hover-animation)               | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/icon-hover-animation/)        |

| 11  | [Image 3D Animation](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/image-3d-animation)                   | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/image-3d-animation/)          |

| 12  | [Image Frame](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/image-frame)                                 | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/image-frame/)                 |

| 13  | [Image Slider](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/image-slider)                               | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/image-slider/)                |

| 14  | [Internet Connection Checker](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/internet-connection-checker) | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/internet-connection-checker/) |

| 15  | [Loaders](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/loaders)                                         | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/loaders/)                     |

| 16  | [Profile Card](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/profile-card)                               | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/profile-card/)                |

| 17  | [QR Code Generator](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/qr-code-generator)                     | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/qr-code-generator/)           |

| 18  | [Quetes Generator](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/quetes-generator)                       | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/quetes-generator/)            |

| 19  | [React Logo](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/react-logo)                                   | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/react-logo/)                  |

| 20  | [Responsive Navbar](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/responsive-navbar)                     | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/responsive-navbar/)           |

| 21  | [Signin Page](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/signin-page)                                 | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/signin-page/)                 |

| 22  | [Snake Game](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/snake-game)                                   | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/snake-game)                   |

| 23  | [Survey Form](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/survey-form)                                 | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/survey-form/)                 |

| 24  | [Survey Form 2](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/survey-form2)                              | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/survey-form2/)                |

| 25  | [Technical Documentation](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/technical-documentation)         | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/technical-documentation/)     |

| 26  | [Twitter Sidebar](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/twitter-sidebar)                         | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/twitter-sidebar/)             |

| 27  | [Typing Effect](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/typing-effect)                             | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/typing-effect/)               |

| 28  | [Word Counter](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/word-counter)                               | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/word-counter/)                |

| 29  | [Git Logo](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/git-logo)                                       | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/git-logo/)                    |

| 30  | [Image Expansion](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/image-expansion)                         | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/image-expansion/)             |

| 31  | [Lorem Ipsum Generator](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/lorem-ipsum-generator)             | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/lorem-ipsum-generator/)       |

| 32  | [Search Widget](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/search-widget)                             | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/search-widget/)               |

| 33  | [Feedback UI](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/feedback-ui)                                 | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/feedback-ui/)                 |

| 34  | [Hover Board](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/hover-board)                                 | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/hover-board/)                 |

| 35  | [Login Form](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/login-form)                                   | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/login-form/)                  |

| 36  | [Skills Bar](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/skills-bar)                                   | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/skills-bar/)                  |

| 37  | [Custom Date Input](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/custom-date-input)                     | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/custom-date-input/)           |

| 38  | [Social Media Card](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/social-media-card)                     | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/social-media-card/)           |

| 39  | [Microsoft Logo](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/microsoft-logo)                           | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/microsoft-logo/)              |

| 40  | [Custom Dropdown](https://github.com/sahilatahar/HTML-CSS-JavaScript/tree/main/custom-dropdown)                         | [Live Demo](https://sahilatahar.github.io/HTML-CSS-JavaScript/custom-dropdown/)             |

### Disclaimer Regarding Ownership of this repository

To be clear, some of the projects in this repository were created during my learning process using different web resources, including YouTube tutorials. There may occasionally be situations in which I've taken ideas or portions of code from other sources. I want to be open and honest about this.