{"id":25144153,"url":"https://github.com/bhallibhai/html-css-javascript","last_synced_at":"2025-04-03T05:41:41.141Z","repository":{"id":216113362,"uuid":"740081771","full_name":"BhalliBhai/HTML-CSS-JavaScript","owner":"BhalliBhai","description":"HTML, CSS, JavaScript mini Projects.","archived":false,"fork":false,"pushed_at":"2024-04-13T15:24:25.000Z","size":73499,"stargazers_count":2,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-14T05:37:58.292Z","etag":null,"topics":["2024","css","css3","es6","es6-javascript","html","html5","javas","js","project","projects","ui","web","web-development","web-programming","web-projects","website","website-development","webui"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BhalliBhai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-07T13:25:52.000Z","updated_at":"2024-02-16T22:28:23.000Z","dependencies_parsed_at":"2024-04-13T16:48:05.393Z","dependency_job_id":null,"html_url":"https://github.com/BhalliBhai/HTML-CSS-JavaScript","commit_stats":null,"previous_names":["bhallibhai/html-css-javascript"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BhalliBhai%2FHTML-CSS-JavaScript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BhalliBhai%2FHTML-CSS-JavaScript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BhalliBhai%2FHTML-CSS-JavaScript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BhalliBhai%2FHTML-CSS-JavaScript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BhalliBhai","download_url":"https://codeload.github.com/BhalliBhai/HTML-CSS-JavaScript/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246944384,"owners_count":20858773,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["2024","css","css3","es6","es6-javascript","html","html5","javas","js","project","projects","ui","web","web-development","web-programming","web-projects","website","website-development","webui"],"created_at":"2025-02-08T19:37:36.330Z","updated_at":"2025-04-03T05:41:41.120Z","avatar_url":"https://github.com/BhalliBhai.png","language":"HTML","readme":"# HTML-CSS-JavaScript\r\nHTML, CSS, JavaScript mini Projects.\r\n\r\nClick on the Title to open the Respective Folder\r\n\r\n# 01 [Bg-Video](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/01.bg-video)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/01-bg-video.png\" alt=\"01\"\u003e\r\n\r\n# 02 [Loading](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/02.Creative%20Loading%20Animation)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/02-Loading.png\" alt=\"03\"\u003e\r\n\r\n# 03 [Custom Scrollbar](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/03.%20Custom%20Scrollbar)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/03-customScrollbar.png\" alt=\"03\"\u003e\r\n\r\n# 04 [Creative Image Hover Effects](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/04.%20Creative%20Image%20Hover%20Effect)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/04-ImageHoverEffect.png\" alt=\"03\"\u003e\r\n\r\n# 05 [Creative Buttons](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/05.%20Top%205%20Creative%20Buttons)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/05-CreativeButtons.png\" alt=\"03\"\u003e\r\n\r\n# 06 [Creative Menu](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/06.%20Creative%20Menus)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/Menu(1).png\" alt=\"03 menu1\"\u003e\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/Menu(2).png\" alt=\"03 menu2\"\u003e\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/Menu(3).png\" alt=\"03 menu3\"\u003e\r\n\r\n# 07 [Creative Image Effect](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/07.%20Creative%20Image%20Effect)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/imageEffect1.png\" alt=\"01\"\u003e\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/imageEffect2.png\" alt=\"02\"\u003e\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/imageEffect3.png\" alt=\"03\"\u003e\r\n\r\n# 08 [Creative Cards](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/08.%20Creative%20Cards)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/CreativeCard1.png\" alt=\"01\"\u003e\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/CreativeCard2.png\" alt=\"02\"\u003e\r\n\r\n# 09 [Tooltip](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/09.%20Tooltip)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/Tooltip.png\" alt=\"Tooltips\"\u003e\r\n\r\n# 10 [Accordion](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/10.%20Accordion)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/Acoordion.png\" alt=\"Accordion\"\u003e\r\n\r\n# 11 [ScrollBar](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/11.%20Scrollbar)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/ScrollBar.png\" alt=\"Accordion\"\u003e\r\n\r\n# 12 [Image Bg Text](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/12.%20Image%20Bg%20Text)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/imageBgText.png\" alt=\"Image Bg Text\"\u003e\r\n\r\n# 13 [Page Scroll Indicator](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/13.%20Page%20Scroll%20Indicator)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/Page-Scroll-Indicator.png\" alt=\"Page Scroll Indicator\"\u003e\r\n\r\n# 14 [Heart](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/14.%20Heart)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/Heart.png\" alt=\"Heart\"\u003e\r\n\r\n# 15 [Background Color Changer](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/15.%20Background%20Color%20Changer)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/BackgorundChange.png\" alt=\"Backgorund Color Change\"\u003e\r\n\r\n# 16 [Auto Typing Text](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/16.%20Auto%20Typing%20Text)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/AutoTypingText.png\" alt=\"Auto Typing Text\"\u003e\r\n\r\n# 17 [Mouse Cursor](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/17.%20Mouse%20Cursor)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/MouseCursor.png\" alt=\"Mouse Cursor\"\u003e\r\n\r\n# 18 [Video Trailer PopUp](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/18.%20Video%20Trailer%20Popup)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/VidTrailerCover.png\" alt=\"Cover\"\u003e\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/VidTrailerPopup.png\" alt=\"Video\"\u003e\r\n\r\n# 19 [Color Toggle](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/19.%20Color%20Toggler)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/ColorToggleDark.png\" alt=\"Dark Mod\"\u003e\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/ColorToggleLight.png\" alt=\"Light Mod\"\u003e\r\n\r\n# 20 [Animated Navbar](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/20.%20Animated%20Navigation)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/AnimatedNavbarClosed.png\" alt=\"Navbar Closed\"\u003e\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/AnimatedNavbarOpen.png\" alt=\"Navbar Open\"\u003e\r\n\r\n# 21 [Random Emojies](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/21.%20Random%20Emojies)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/RandomEmoji.png\" alt=\"Random Emoji\"\u003e\r\n\r\n# 22 [Fade Out](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/22.%20Fade%20Out)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/FadeInOut.png\" alt=\"Fade In out\"\u003e\r\n\r\n# 23 [Simple Calculator](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/23.%20Simple%20Calculator)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/SimpleCalculator.png\" alt=\"Simple Calculator\"\u003e\r\n\r\n# 24 [Copy \u0026 Move](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/24.%20Copy%20and%20Move)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/CopyMove.png\" alt=\"Copy \u0026 Move\"\u003e\r\n\r\n# 25 [Progress Steps](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/25.%20Progress%20Steps)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/ProgressSteps.png\" alt=\"Progress Steps\"\u003e\r\n\r\n# 26 [Popup Form](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/26.%20Popup%20Form)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/PopupFormClosed.png\" alt=\"Popup form Closed\"\u003e\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/PopupFormOpened.png\" alt=\"Popup form Opened\"\u003e\r\n\r\n# 27 [Lazy Loading](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/27.%20Lazy%20Loading)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/LazyLoading.png\" alt=\"Lazy Loading\"\u003e\r\n\r\n# 28 [Show Hide Password](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/28.%20Show%20Hide%20Password)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/ShowHidePassword.png\" alt=\"Show Hide Password\"\u003e\r\n\r\n# 29 [Select Menu](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/29.%20Select%20Menu)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/SelectMenu.png\" alt=\"Select Menu\"\u003e\r\n\r\n# 30 [Form Wave](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/30.%20Form%20Wave)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/FormWave.png\" alt=\"Form Wave\"\u003e\r\n\r\n# 31 [Full Screen Nav](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/31.%20Full%20Screen%20Navigation)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/fullScreenNav.png\" alt=\"Full Screen\"\u003e\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/FullScreenNavigation.png\" alt=\"Full Screen Nav\"\u003e\r\n\r\n# 32 [3D Nav](https://github.com/BhalliBhai/HTML-CSS-JavaScript/tree/main/32.%203D%20Nav)\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/3dNav.png\" alt=\"3D Nav\"\u003e\r\n\u003cimg src=\"https://github.com/BhalliBhai/HTML-CSS-JavaScript/blob/main/SnapShots/3dNavActive.png\" alt=\"3D Nav Active\"\u003e\r\n\r\n# 33 [...]()\r\n\u003cimg src=\"\" alt=\"\"\u003e\r\n\u003cimg src=\"\" alt=\"\"\u003e\r\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbhallibhai%2Fhtml-css-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbhallibhai%2Fhtml-css-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbhallibhai%2Fhtml-css-javascript/lists"}