diff --git a/README.md b/README.md index 9e11fe5..1210533 100644 --- a/README.md +++ b/README.md @@ -1,81 +1,132 @@ # Web-Development Web Development Demo Pages collection

- | Title | Code | Live Demo | | ----- | ---- | --------- | -|Stopwatch| [Code](https://github.com/Husayn01/Stopwatch)| [Demo](https://stopwatch-husayn01.vercel.app/)| +| 2048 Game | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/2048%20Game) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/2048%20Game/) | +| 2D Transform | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/2D_Transformation) | [Transformations](https://keshavgbpecdelhi.github.io/Web-Development/2D_Transformation/) | +| 404-error | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/404-error) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/404-error/) | +| Analog Watch | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Analog%20Watch) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Analog%20Watch/) | +| Animated Search | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Animated%20Search%20Form) | [Search Animation](https://keshavgbpecdelhi.github.io/Web-Development/Animated%20Search%20Form/) | +| Animated Clock | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Animated_Clock) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Animated_Clock/) | +| Ball Game | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/ball%20game) | [Game](https://keshavgbpecdelhi.github.io/Web-Development/ball%20game/index.html) | +| Basic Form | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/Basic_form.html) | [Tuition Form](https://keshavgbpecdelhi.github.io/Web-Development/html/Basic_form.html) | +| Border Margin (Page1 / Page2) | [Code - Page1](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/css-9/index.html), [Code - Page2](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-3/margin-border) | [Link1](https://keshavgbpecdelhi.github.io/Web-Development/css-9/index.html), [Link2](https://keshavgbpecdelhi.github.io/Web-Development/css-3/margin-border/index.html) | +| Bootstrap Form | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/Bootstrap/bootstrap-form/index.html) | [Fully Responsive](https://keshavgbpecdelhi.github.io/Web-Development/Bootstrap/bootstrap-form/) | +| Browser | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Browser) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Browser/) | +| CSS Adjuster | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/CSS-Adjuster) | [Live Adjuster](https://keshavgbpecdelhi.github.io/Web-Development/CSS-Adjuster/) | +| CS/JS Hybrid | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/CSS-JS%20Hybrid%20Animation) | [Animation](https://keshavgbpecdelhi.github.io/Web-Development/CSS-JS%20Hybrid%20Animation/) | +| Canvas-Js | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Canvas-Js) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Canvas-Js/) | +| Car Animation | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/car-animation/index.html) | [Live Car](https://keshavgbpecdelhi.github.io/Web-Development/car-animation/) | +| Check Internet Connection Status | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Check%20Internet%20Connection%20Status) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Check%20Internet%20Connection%20Status/) | +| Contact Directory | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Contact%20Directory) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Contact%20Directory/) | +| Contact us form | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Contact%20us%20form) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Contact%20us%20form/) | +| ContactForm | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/ContactForm) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/ContactForm/) | +| CONCERT_WEBSITE_SAMPLE | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/CONCERT_WEBSITE_SAMPLE) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/CONCERT_WEBSITE_SAMPLE/) | +| Convert | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Convert) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Convert/) | +| Countdown Timer | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/countdown-timer) | [countdown](https://ayushknath.github.io/countdown-timer/) | +| Daily-Journal | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Daily-Journal) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Daily-Journal/) | +| Debit Card | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Debit%20Card) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Debit%20Card/) | +| Digital Marketing Landing Page | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Digital%20Marketing%20Landing%20Page) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Digital%20Marketing%20Landing%20Page/) | +| DiskSchedulingAlgorithms | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/DiskSchedulingAlgorithms) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/DiskSchedulingAlgorithms/) | +| Drum Kit | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/drum-kit) | [Demo](https://biniltomjose1278.github.io/drum-kit/) | +| Dynamic Page | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/dynamic-page) | [Dynamic Page Website](https://keshavgbpecdelhi.github.io/Web-Development/dynamic-page) | +| Dynamic Quiz | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Dynamic%20Quiz) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Dynamic%20Quiz/) | +| Event / Event Handling | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Event) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Event/) | +| Eyes Moving | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Eyes%20Moving) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Eyes%20Moving/) | +| FAQ Section | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/FAQ_Section) | [Demo]() | +| FLUID Webpage / Fluid Webpage | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/fluid-webpage/Fluid-Webpage/index.html) | [Blue Bubble](https://keshavgbpecdelhi.github.io/Web-Development/fluid-webpage/Fluid-Webpage/index.html) | +| Fancy-Buttons | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Fancy-Buttons) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Fancy-Buttons/) | +| Flipkart Clone | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Flipkart%20clone) | [flipkart](https://keshavgbpecdelhi.github.io/Web-Development/Flipkart%20clone/index.html) | +| Flipping_Login_card | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Flipping_Login_card) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Flipping_Login_card/) | +| Flying Bird Animation | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Flying%20Bird%20Animation) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Flying%20Bird%20Animation/) | +| Food Ordering Website | [Code](https://github.com/Ishukumarpathak/food_ordering_website.git) | [Demo](https://ishukumarpathak.github.io/food_ordering_website/) | +| Frontend Course Website | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/FRONTEND_COURSE_WEBSITE) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/FRONTEND_COURSE_WEBSITE/) | +| Gallery Website | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/gallery-website) | [Gallery Website Live](https://keshavgbpecdelhi.github.io/Web-Development/gallery-website) | +| A beautiful gallery (simpleDarkmode) | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/simpleDarkmode) | [gallery](https://keshavgbpecdelhi.github.io/Web-Development/simpleDarkmode/ex.html) | +| Get Random Advice | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Get%20Random%20Advice) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Get%20Random%20Advice/) | +| Gradient Generator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Gradient-generator) | [Gradient Generator](https://keshavgbpecdelhi.github.io/Web-Development/Gradient-generator/bggenerator.html) | +| Gallery (other) | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/gallery-website) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/gallery-website) | +| GERICHT | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/GERICHT) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/GERICHT/) | | Headings | [Headings](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/types_of_headings.html) | [See headings](https://keshavgbpecdelhi.github.io/Web-Development/html/types_of_headings.html) | -| Tables | [Table](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/a_simple_table_in_html.html) | [See Table](https://keshavgbpecdelhi.github.io/Web-Development/html/a_simple_table_in_html.html) | -| Basic Form | [Basic Form](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/Basic_form.html) | [Tuition Form](https://keshavgbpecdelhi.github.io/Web-Development/html/Basic_form.html) | -| Survey Form | [HTML](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/survey-form.html) | [Employee Interests](https://keshavgbpecdelhi.github.io/Web-Development/html/survey-form.html) | -| Video Embed | [Video Embed ](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/video_embedding.html) | [Video in a Page](https://keshavgbpecdelhi.github.io/Web-Development/html/video_embedding.html) | -| Meta | [Meta Tag](https://raw.githubusercontent.com/keshavgbpecdelhi/Web-Development/master/html/meta_tag.html) | [Meta Page](https://keshavgbpecdelhi.github.io/Web-Development/html/meta_tag.html) | -| RGBA | [RGBA](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-1) | [Color Page](https://keshavgbpecdelhi.github.io/Web-Development/css-1/) | -| Font Family | [Font](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-2/font-family) | [Font Page](https://keshavgbpecdelhi.github.io/Web-Development/css-2/font-family/index.html) | -| Border Margin | [Page1](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/css-9/index.html) , [Page2](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-3/margin-border) | [Link1](https://keshavgbpecdelhi.github.io/Web-Development/css-9/index.html) , [Link2](https://keshavgbpecdelhi.github.io/Web-Development/css-3/margin-border/index.html) | -| Background Image | [Background](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-4/background-img) | [Page](https://keshavgbpecdelhi.github.io/Web-Development/css-4/background-img/index.html) | -| Text Decoration | [Text Decoration](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-5/text-decoration) | [text-decoration](https://keshavgbpecdelhi.github.io/Web-Development/css-5/text-decoration/index.html) | -| Pseduo States | [pseduo-states](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-6/pseduo-states) | [pseduo-states](https://keshavgbpecdelhi.github.io/Web-Development/css-6/pseduo-states/index.html) | -| Hi Name | [Hi](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/javascript/hi_name) | [Hi Page](https://keshavgbpecdelhi.github.io/Web-Development/javascript/hi_name/index.html) | -|Extend Classes | [extend_classes](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/javascript/extend_classl) | [extend_classes](https://keshavgbpecdelhi.github.io/Web-Development/javascript/extend_class/) | -| Dropdown Menu | [dropdown-menu](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/dropdown-menu) | [dropdown-menu](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/dropdown-menu/index.html) | -| Event Handling | [event-handling](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/event-handling) | [event-handling](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/event-handling/index.html) | -| Right Click | [Right click](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/right-click) | [Right click](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/right-click/index.html) | -| Replace | [replace](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/replace) | [replace](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/replace/index.html) | -| Valid Email | [valid_email](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/valid_email) | [valid_email](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/valid_email/) | -| Fully Responsive | [Fully responsive](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Bootstrap/responsive-page) | [Fully responsive ](https://keshavgbpecdelhi.github.io/Web-Development/Bootstrap/responsive-page/) | -| Bootstrap Form | [Bootstrap Form](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/Bootstrap/bootstrap-form/index.html) | [Fully Responsive](https://keshavgbpecdelhi.github.io/Web-Development/Bootstrap/bootstrap-form/) | -| Portfolio Website | [Portfolio Website](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-7) | [Fully responsive](https://keshavgbpecdelhi.github.io/Web-Development/css-7/index.html) | -| Text Replace | [replace](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/replace) | [replace](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/replace/index.html) | -| CSS Padding | [css padding](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/css-8/Padding%20css/index.html) | [Responsive ](https://keshavgbpecdelhi.github.io/Web-Development/css-8/Padding%20css/) | -| Landing Page | [Landing](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/landing-page/index.html) | [Responsive ](https://keshavgbpecdelhi.github.io/Web-Development/landing-page/) | -| Simple Todo | [Todo](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/simple-todo) | [Todo ](https://keshavgbpecdelhi.github.io/Web-Development/simple-todo/) | -|JS Calculator | [JS Calculator](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/javascript/js-calculator/index.html) | [JS Calcutor](https://keshavgbpecdelhi.github.io/Web-Development/javascript/js-calculator/index.html) | -|Animated Search| [Animated Search](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Animated%20Search%20Form) | [Search Animation](https://keshavgbpecdelhi.github.io/Web-Development/Animated%20Search%20Form/) | -|CS/JS Hybrid | [Animation](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/CSS-JS%20Hybrid%20Animation) | [Animation](https://keshavgbpecdelhi.github.io/Web-Development/CSS-JS%20Hybrid%20Animation/) | -| Car Animation| [Car Animation](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/car-animation/index.html) | [Live Car](https://keshavgbpecdelhi.github.io/Web-Development/car-animation/) | -| Fluid Webpage| [Fluid Webpage](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/fluid-webpage/Fluid-Webpage/index.html) | [Blue Bubble](https://keshavgbpecdelhi.github.io/Web-Development/fluid-webpage/Fluid-Webpage/index.html) | -| Gradient Generator | [Gradient Generator](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Gradient-generator) | [Gradient Generator](https://keshavgbpecdelhi.github.io/Web-Development/Gradient-generator/bggenerator.html) | -| Calendar | [Glassmorphism Calendar](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/glassmorphism-calendar) | [Glassmorphism Calendar](https://keshavgbpecdelhi.github.io/Web-Development/glassmorphism-calendar) | -| Parallax Website | [Parallax website](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/parallax-website) | [Parallax website](https://keshavgbpecdelhi.github.io/Web-Development/parallax-website) | -| HTML Card | [HTML Cards](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/card) | [Round](https://keshavgbpecdelhi.github.io/Web-Development/html/card/card.html), [Flip](https://keshavgbpecdelhi.github.io/Web-Development/html/card/flipcard.html), [Profile](https://keshavgbpecdelhi.github.io/Web-Development/html/card/profilecard.html) | -| NFT Card | [NFT Cards](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/nft-preview-card-component) | [Card Component](https://keshavgbpecdelhi.github.io/Web-Development/nft-preview-card-component/) | -| Dynamic Page | [Dynamic Page](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/dynamic-page) | [Dynamic Page Website](https://keshavgbpecdelhi.github.io/Web-Development/dynamic-page) | -| Tribute Page | [Tribute Page](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Tribute-Page) | [Tribute Page Website](https://keshavgbpecdelhi.github.io/Web-Development/Tribute-Page/index.html) -| Gallery Website | [Gallery Website](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/gallery-website) | [Gallery Website Live](https://keshavgbpecdelhi.github.io/Web-Development/gallery-website) | -| MusiStore | [Music Website](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/Music-Store) | [Music-Store Live](https://music-store.vercel.app/) | -| Gallery Website | [Gallery Website](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/gallery-website) | [Gallery Website Live](https://keshavgbpecdelhi.github.io/Web-Development/gallery-website) | -| Short link generator | [Short link generator](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/shortLink) | [Short link generator](https://keshavgbpecdelhi.github.io/Web-Development/shortLink) | -| SVG Examples | [SVG Examples](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/svg) | [SVG Examples](https://keshavgbpecdelhi.github.io/Web-Development/svg) | -| Webpage API | [DevFinder](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/webpage-using-api) | [DevFinder Live](https://keshavgbpecdelhi.github.io/Web-Development/webpage-using-api/) | -| Social Icons | [Social_Icons](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/awesome_Social_icons) | [Demo Socials](https://keshavgbpecdelhi.github.io/Web-Development/awesome_Social_icons/mysocial.html) | -| 2D Transform | [2D](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/2D_Transformation) | [Transformations](https://keshavgbpecdelhi.github.io/Web-Development/2D_Transformation/) | -| CSS Adjuster | [CSS Adjuster](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/CSS-Adjuster) | [Live Adjuster](https://keshavgbpecdelhi.github.io/Web-Development/CSS-Adjuster/) | -| Resume Builder | [Resume Builder](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/resume_builder) | [Live Builder](https://keshavgbpecdelhi.github.io/Web-Development/resume_builder/) | -| A beautiful gallery | [Gallery](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/simpleDarkmode) | [gallery](https://keshavgbpecdelhi.github.io/Web-Development/simpleDarkmode/ex.html) | -| Anime Website | [Website](https://github.com/omk-coder/first-web-project.io/) | [live Website](https://omk-coder.github.io/first-web-project.io/) | -| Roll The Dice| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Roll-the-Dice) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Roll-the-Dice) | -| Drum Kit| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/drum-kit) | [Demo](https://biniltomjose1278.github.io/drum-kit/) | -| FAQ Section | [FAQ_Section](https://github.com/hansupadhyay007/Web-Development/tree/master/FAQ_Section) | [Demo]() -| Text-Editor| [Code](https://github.com/vanam30/Text-Editor-Reactjs) | [Demo](https://62b41e69508b4f5bc4e01fc3--fascinating-puppy-32407a.netlify.app/) | -| Math4Kids| [Code](https://github.com/keshavgbpecdelhi/Math4Kids) | [Live](https://keshavgbpecdelhi.github.io/Web-Development/Math4Kids/index.html) | -| Wordle=Clone| [Code](https://github.com/25zeeshan/Wordle_Clone) | [Live](https://25zeeshan.github.io/Wordle_Clone/) | -| mediabook| [Code](https://github.com/keshavgbpecdelhi/mediabook) | [Live](https://keshavgbpecdelhi.github.io/Web-Development/mediabook/index.html) | -| MDown Editor| [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/mdown-editor) | [Demo](https://rededge.is-a.dev/mdown-editor) | -| Food Ordering Website| [Code](https://github.com/Ishukumarpathak/food_ordering_website.git) | [Demo](https://ishukumarpathak.github.io/food_ordering_website/) | +| Hello / Hi Name | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/javascript/hi_name) | [Hi Page](https://keshavgbpecdelhi.github.io/Web-Development/javascript/hi_name/index.html) | +| HTML Card (Round/Flip/Profile) | [HTML Cards](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/card) | [Round](https://keshavgbpecdelhi.github.io/Web-Development/html/card/card.html), [Flip](https://keshavgbpecdelhi.github.io/Web-Development/html/card/flipcard.html), [Profile](https://keshavgbpecdelhi.github.io/Web-Development/html/card/profilecard.html) | +| Hover effect | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Hover%20effect) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Hover%20effect/) | +| JS Calculator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/javascript/js-calculator/index.html) | [JS Calcutor](https://keshavgbpecdelhi.github.io/Web-Development/javascript/js-calculator/index.html) | +| Landing Page | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/landing-page/index.html) | [Responsive](https://keshavgbpecdelhi.github.io/Web-Development/landing-page/) | +| Linguistic Academy | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Linguistic%20Academy) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Linguistic%20Academy/) | +| Loading Screen | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Loading%20Screen) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Loading%20Screen/) | +| Math4Kids | [Code](https://github.com/keshavgbpecdelhi/Math4Kids) | [Live](https://keshavgbpecdelhi.github.io/Web-Development/Math4Kids/index.html) | +| Mathbot | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Mathbot) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Mathbot/) | +| Maze Game | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Maze%20Game) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Maze%20Game/) | +| Mediabook | [Code](https://github.com/keshavgbpecdelhi/mediabook) | [Live](https://keshavgbpecdelhi.github.io/Web-Development/mediabook/index.html) | | Memory Game | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Memory-game) | [Demo](https://dimple-choudhary.github.io/Memory-game/) | -| Watch Store | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/watch-store/assets) | [Demo](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/watch-store/assets/index.html) | -| Quote Generator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Quote-generator/Quote-generator) | [Demo](https://dimple-choudhary.github.io/Quote-generator/Quote-generator/.index.html) | -| Spotify | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Spotify) | [Demo](https://dimple-choudhary.github.io/Spotify/index.html) | -| Flipkart Clone | [Flipkart](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/Flipkart%20clone) | [flipkart](https://keshavgbpecdelhi.github.io/Web-Development/Flipkart%20clone/index.html) | -| Countdown Timer | [Countdown](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/countdown-timer) | [countdown](https://ayushknath.github.io/countdown-timer/) | -| Ball Game | [Ball Game](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/ball%20game/index.html) | [Game](https://keshavgbpecdelhi.github.io/Web-Development/ball%20game/index.html) | +| Metrics Calculator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Metrics%20Calculator) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Metrics%20Calculator/) | +| Mole in a Hole Game | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Mole%20in%20a%20Hole%20Game) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Mole%20in%20a%20Hole%20Game/) | +| Music-Store (MusiStore) | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/Music-Store) | [Music-Store Live](https://music-store.vercel.app/) | +| Myntra Clone | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Myntra-Clone-main) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Myntra-Clone-main/) | +| NASA Background Picker | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/NASA%20Background%20Picker) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/NASA%20Background%20Picker/) | +| Name_Project | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Name_Project) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Name_Project/) | +| Note_Pad | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Note_Pad) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Note_Pad/) | | Notes | [Code](https://github.com/srbmaury/notes) | [Demo](https://srbmaury.github.io/notes/) | -| Rock Paper Scissors Game | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Rock%20Paper%20Scissors) | [Demo](https://codepen.io/Sanskrati01/pen/gOWzvaO) | -| Review Cards | [Code](https://github.com/31Sanskrati/keshavgbpecdelhi/tree/master/Review%20Cards) | [Demo](https://codepen.io/Sanskrati01/pen/yLbxboO) | +| NFT Card | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/nft-preview-card-component) | [Card Component](https://keshavgbpecdelhi.github.io/Web-Development/nft-preview-card-component/) | +| OnlineMockTestSystem | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/OnlineMockTestSystem) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/OnlineMockTestSystem/) | +| OCR / PDF Password Opener | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/PDF%20Password%20Opener) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/PDF%20Password%20Opener/) | +| Password Generator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Password%20Generator) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Password%20Generator/) | +| Payment-Form | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Payment-Form) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Payment-Form/) | +| Parallax Website | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/parallax-website) | [Parallax website](https://keshavgbpecdelhi.github.io/Web-Development/parallax-website) | +| Portfolio using HTML | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Portfolio%20using%20HTML) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Portfolio%20using%20HTML/) | +| Portfolio Website (css-7) | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-7) | [Fully responsive](https://keshavgbpecdelhi.github.io/Web-Development/css-7/index.html) | +| Profile Cards | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Profile%20Cards) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Profile%20Cards/) | +| ProfileCardsWithSlider | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/ProfileCardsWithSlider) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/ProfileCardsWithSlider/) | +| QR Code Scanner | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/QR%20Code%20Scanner) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/QR%20Code%20Scanner/) | +| Quiz-app | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Quiz-app) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Quiz-app/) | +| Quote Generator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Quote-generator/Quote-generator) | [Demo](https://dimple-choudhary.github.io/Quote-generator/Quote-generator/.index.html) | +| Random Color Flipper | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Random%20Color%20Flipper) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Random%20Color%20Flipper/) | +| Random Number Gen (local storage) | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Random%20Number%20Gen_using%20local%20storage) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Random%20Number%20Gen_using%20local%20storage/) | +| Random Quote Generator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Random%20Quote%20Generator) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Random%20Quote%20Generator/) | +| Random-color-Generator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Random-color-Generator) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Random-color-Generator/) | +| Random_Joke_Generator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Random_Joke_Generator) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Random_Joke_Generator/) | +| Responsive Bootstrap Website | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Responsive%20Bootstrap%20Website) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Responsive%20Bootstrap%20Website/) | +| Review Cards | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Review%20Cards) | [Demo](https://codepen.io/Sanskrati01/pen/yLbxboO) | +| RGBA (color demo) | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-1) | [Color Page](https://keshavgbpecdelhi.github.io/Web-Development/css-1/) | +| Resume Builder | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/resume_builder) | [Live Builder](https://keshavgbpecdelhi.github.io/Web-Development/resume_builder/) | +| Rock Paper Scissors | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Rock%20Paper%20Scissors) | [Demo](https://codepen.io/Sanskrati01/pen/gOWzvaO) | +| Roll The Dice | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Roll-the-Dice) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Roll-the-Dice) | +| Screen Recorder | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Screen%20Recorder) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Screen%20Recorder/) | +| Search Bar | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Search%20Bar) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Search%20Bar/) | +| Short link generator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/shortLink) | [Short link generator](https://keshavgbpecdelhi.github.io/Web-Development/shortLink) | +| SHAPES | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/SHAPES) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/SHAPES/) | +| Simple Todo / To-do list Web App | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/simple-todo) | [Todo](https://keshavgbpecdelhi.github.io/Web-Development/simple-todo/) | +| Simon Game | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Simon%20Game) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Simon%20Game/) | +| Slide out Gallery | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Slide%20out%20Gallery) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Slide%20out%20Gallery/) | +| Simple-list | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Simple-list) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Simple-list/) | +| Skin / Skill Slider Frontend | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Skill%20Slider%20Frontend) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Skill%20Slider%20Frontend/) | | Sorting Visualizer | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Sorting_Visualizer) | [Demo](https://sortingvisualizera.netlify.app/) | -| Age Calculator | [Code](https://github.com/DevanshMudgal/Web-Development/tree/master/AgeCalculator) | [Demo](https://demo.100jsprojects.com/age-calculator) | +| Spotify | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Spotify) | [Demo](https://dimple-choudhary.github.io/Spotify/index.html) | +| Startup Landing Page | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Startup%20Landing%20Page) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Startup%20Landing%20Page/) | +| SVG Examples | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/svg) | [SVG Examples](https://keshavgbpecdelhi.github.io/Web-Development/svg) | +| Survey Form | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/survey-form.html) | [Employee Interests](https://keshavgbpecdelhi.github.io/Web-Development/html/survey-form.html) | +| Text Decoration | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/css-5/text-decoration) | [text-decoration](https://keshavgbpecdelhi.github.io/Web-Development/css-5/text-decoration/index.html) | +| Text Replace / Replace | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/jQuery/replace) | [replace](https://keshavgbpecdelhi.github.io/Web-Development/jQuery/replace/index.html) | +| Text-Editor / MDown Editor | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/mdown-editor) | [Demo](https://rededge.is-a.dev/mdown-editor) | +| Text converter / newapp-master | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/newapp-master) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/newapp-master/) | +| TextUtils | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/TextUtils) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/TextUtils/) | +| Timer App | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Timer%20App) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Timer%20App/) | +| TinDog Website | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/TinDog%20Website%20%5BHTML%20+%20CSS%20+%20Bootstrap%5D) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/TinDog%20Website%20%5BHTML%20+%20CSS%20+%20Bootstrap%5D/) | +| To-do list Web App | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/To-do%20list%20Web%20App) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/To-do%20list%20Web%20App/) | +| Tribute Page | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Tribute-Page) | [Tribute Page Website](https://keshavgbpecdelhi.github.io/Web-Development/Tribute-Page/index.html) | +| TV-show Search app | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/TV-show%20Search%20app) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/TV-show%20Search%20app/) | +| VAT Calculator | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/VAT%20Calculator) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/VAT%20Calculator/) | +| Video Embed | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/video_embedding.html) | [Video in a Page](https://keshavgbpecdelhi.github.io/Web-Development/html/video_embedding.html) | +| Webpage API (DevFinder) | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/webpage-using-api) | [DevFinder Live](https://keshavgbpecdelhi.github.io/Web-Development/webpage-using-api/) | +| Weather App | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Weather%20App) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Weather%20App/) | +| Windows11 Clone | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Windows11%20Clone) | [Demo](https://keshavgbpecdelhi.github.io/Web-Development/Windows11%20Clone/) | +| Wordle Clone | [Code](https://github.com/keshavgbpecdelhi/Web-Development/tree/master/Wordle_Clone) | [Live](https://25zeeshan.github.io/Wordle_Clone/) | +| Stopwatch | [Code](https://github.com/Husayn01/Stopwatch) | [Demo](https://stopwatch-husayn01.vercel.app/) | +| Headings | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/types_of_headings.html) | [See headings](https://keshavgbpecdelhi.github.io/Web-Development/html/types_of_headings.html) | +| Tables | [Code](https://github.com/keshavgbpecdelhi/Web-Development/blob/master/html/a_simple_table_in_html.html) | [See Table](https://keshavgbpecdelhi.github.io/Web-Development/html/a_simple_table_in_html.html) | +| (and other small demo pages already in README — verify and add specific file paths if needed) | ## :handshake: Our Contributors