From c4b416893c99dcfad8fc23fd36d98a6768c43a18 Mon Sep 17 00:00:00 2001 From: couldntfindabetterusername Date: Wed, 16 Feb 2022 22:24:55 +0530 Subject: [PATCH] day 1 expanding cards completed --- _project_starter_/index.html | 13 ------ _project_starter_/script.js | 1 - _project_starter_/style.css | 16 ------- .../3d-boxes-background}/index.html | 0 .../3d-boxes-background}/script.js | 0 .../3d-boxes-background}/style.css | 0 .../animated-countdown}/index.html | 0 .../animated-countdown}/script.js | 0 .../animated-countdown}/style.css | 0 .../animated-navigation}/index.html | 0 .../animated-navigation}/script.js | 0 .../animated-navigation}/style.css | 0 .../auto-text-effect}/index.html | 0 .../auto-text-effect}/script.js | 0 .../auto-text-effect}/style.css | 0 .../background-slider}/index.html | 0 .../background-slider}/script.js | 0 .../background-slider}/style.css | 0 .../blurry-loading}/index.html | 0 .../blurry-loading}/script.js | 0 .../blurry-loading}/style.css | 0 .../button-ripple-effect}/index.html | 0 .../button-ripple-effect}/script.js | 0 .../button-ripple-effect}/style.css | 0 .../content-placeholder}/index.html | 0 .../content-placeholder}/script.js | 0 .../content-placeholder}/style.css | 0 .../.vscode/settings.json | 0 .../custom-range-slider}/index.html | 0 .../custom-range-slider}/script.js | 0 .../custom-range-slider}/style.css | 0 .../dad-jokes}/index.html | 0 .../dad-jokes}/script.js | 0 .../dad-jokes}/style.css | 0 .../double-click-heart}/index.html | 0 .../double-click-heart}/script.js | 0 .../double-click-heart}/style.css | 0 .../double-vertical-slider}/index.html | 0 .../double-vertical-slider}/script.js | 0 .../double-vertical-slider}/style.css | 0 .../drag-n-drop}/index.html | 0 .../drag-n-drop}/script.js | 0 .../drag-n-drop}/style.css | 0 .../drawing-app}/index.html | 0 .../drawing-app}/script.js | 0 .../drawing-app}/style.css | 0 .../drink-water}/index.html | 0 .../drink-water}/script.js | 0 .../drink-water}/style.css | 0 .../event-keycodes}/index.html | 0 .../event-keycodes}/script.js | 0 .../event-keycodes}/style.css | 0 .../expanding-cards}/index.html | 0 .../expanding-cards}/script.js | 0 .../expanding-cards}/style.css | 0 .../faq-collapse}/index.html | 0 .../faq-collapse}/script.js | 0 .../faq-collapse}/style.css | 0 .../feedback-ui-design}/index.html | 0 .../feedback-ui-design}/script.js | 0 .../feedback-ui-design}/style.css | 0 .../form-input-wave}/index.html | 0 .../form-input-wave}/script.js | 0 .../form-input-wave}/style.css | 0 .../github-profiles}/index.html | 0 .../github-profiles}/script.js | 0 .../github-profiles}/style.css | 0 .../good-cheap-fast}/index.html | 0 .../good-cheap-fast}/script.js | 0 .../good-cheap-fast}/style.css | 0 .../hidden-search}/index.html | 0 .../hidden-search}/script.js | 0 .../hidden-search}/style.css | 0 .../hoverboard}/index.html | 0 .../hoverboard}/script.js | 0 .../hoverboard}/style.css | 0 .../image-carousel}/index.html | 0 .../image-carousel}/script.js | 0 .../image-carousel}/style.css | 0 .../incrementing-counter}/index.html | 0 .../incrementing-counter}/script.js | 0 .../incrementing-counter}/style.css | 0 .../insect-catch-game}/index.html | 0 .../insect-catch-game}/script.js | 0 .../insect-catch-game}/style.css | 0 .../kinetic-loader}/index.html | 0 .../kinetic-loader}/style.css | 0 .../live-user-filter}/index.html | 0 .../live-user-filter}/script.js | 0 .../live-user-filter}/style.css | 0 .../mobile-tab-navigation}/index.html | 0 .../mobile-tab-navigation}/script.js | 0 .../mobile-tab-navigation}/style.css | 0 .../movie-app}/index.html | 0 .../movie-app}/script.js | 0 .../movie-app}/style.css | 0 .../netflix-mobile-navigation}/index.html | 0 .../netflix-mobile-navigation}/script.js | 0 .../netflix-mobile-navigation}/style.css | 0 .../notes-app}/index.html | 0 .../notes-app}/script.js | 0 .../notes-app}/style.css | 0 .../password-generator}/index.html | 0 .../password-generator}/script.js | 0 .../password-generator}/style.css | 0 .../password-strength-background}/index.html | 0 .../password-strength-background}/script.js | 0 .../password-strength-background}/style.css | 0 {pokedex => brad traversy/pokedex}/index.html | 0 {pokedex => brad traversy/pokedex}/script.js | 0 {pokedex => brad traversy/pokedex}/style.css | 0 .../progress-steps}/index.html | 0 .../progress-steps}/script.js | 0 .../progress-steps}/style.css | 0 .../quiz-app}/index.html | 0 .../quiz-app}/script.js | 0 .../quiz-app}/style.css | 0 .../random-choice-picker}/index.html | 0 .../random-choice-picker}/script.js | 0 .../random-choice-picker}/style.css | 0 .../random-image-generator}/index.html | 0 .../random-image-generator}/script.js | 0 .../random-image-generator}/style.css | 0 .../rotating-nav-animation}/index.html | 0 .../rotating-nav-animation}/script.js | 0 .../rotating-nav-animation}/style.css | 0 .../scroll-animation}/index.html | 0 .../scroll-animation}/script.js | 0 .../scroll-animation}/style.css | 0 .../sound-board}/index.html | 0 .../sound-board}/script.js | 0 .../sound-board}/sounds/applause.mp3 | Bin .../sound-board}/sounds/boo.mp3 | Bin .../sound-board}/sounds/gasp.mp3 | Bin .../sound-board}/sounds/tada.mp3 | Bin .../sound-board}/sounds/victory.mp3 | Bin .../sound-board}/sounds/wrong.mp3 | Bin .../sound-board}/style.css | 0 .../split-landing-page}/index.html | 0 .../split-landing-page}/ps.jpg | Bin .../split-landing-page}/script.js | 0 .../split-landing-page}/style.css | 0 .../split-landing-page}/xbox.jpg | Bin .../sticky-navigation}/index.html | 0 .../sticky-navigation}/script.js | 0 .../sticky-navigation}/style.css | 0 .../testimonial-box-switcher}/index.html | 0 .../testimonial-box-switcher}/script.js | 0 .../testimonial-box-switcher}/style.css | 0 .../theme-clock}/index.html | 0 .../theme-clock}/script.js | 0 .../theme-clock}/style.css | 0 .../toast-notification}/index.html | 0 .../toast-notification}/script.js | 0 .../toast-notification}/style.css | 0 .../todo-list}/index.html | 0 .../todo-list}/script.js | 0 .../todo-list}/style.css | 0 .../verify-account-ui}/index.html | 0 .../verify-account-ui}/script.js | 0 .../verify-account-ui}/style.css | 0 my code/01-expanding-cards/index.html | 40 ++++++++++++++++ my code/01-expanding-cards/script.js | 14 ++++++ my code/01-expanding-cards/style.css | 43 ++++++++++++++++++ 164 files changed, 97 insertions(+), 30 deletions(-) delete mode 100644 _project_starter_/index.html delete mode 100644 _project_starter_/script.js delete mode 100644 _project_starter_/style.css rename {3d-boxes-background => brad traversy/3d-boxes-background}/index.html (100%) rename {3d-boxes-background => brad traversy/3d-boxes-background}/script.js (100%) rename {3d-boxes-background => brad traversy/3d-boxes-background}/style.css (100%) rename {animated-countdown => brad traversy/animated-countdown}/index.html (100%) rename {animated-countdown => brad traversy/animated-countdown}/script.js (100%) rename {animated-countdown => brad traversy/animated-countdown}/style.css (100%) rename {animated-navigation => brad traversy/animated-navigation}/index.html (100%) rename {animated-navigation => brad traversy/animated-navigation}/script.js (100%) rename {animated-navigation => brad traversy/animated-navigation}/style.css (100%) rename {auto-text-effect => brad traversy/auto-text-effect}/index.html (100%) rename {auto-text-effect => brad traversy/auto-text-effect}/script.js (100%) rename {auto-text-effect => brad traversy/auto-text-effect}/style.css (100%) rename {background-slider => brad traversy/background-slider}/index.html (100%) rename {background-slider => brad traversy/background-slider}/script.js (100%) rename {background-slider => brad traversy/background-slider}/style.css (100%) rename {blurry-loading => brad traversy/blurry-loading}/index.html (100%) rename {blurry-loading => brad traversy/blurry-loading}/script.js (100%) rename {blurry-loading => brad traversy/blurry-loading}/style.css (100%) rename {button-ripple-effect => brad traversy/button-ripple-effect}/index.html (100%) rename {button-ripple-effect => brad traversy/button-ripple-effect}/script.js (100%) rename {button-ripple-effect => brad traversy/button-ripple-effect}/style.css (100%) rename {content-placeholder => brad traversy/content-placeholder}/index.html (100%) rename {content-placeholder => brad traversy/content-placeholder}/script.js (100%) rename {content-placeholder => brad traversy/content-placeholder}/style.css (100%) rename {custom-range-slider => brad traversy/custom-range-slider}/.vscode/settings.json (100%) rename {custom-range-slider => brad traversy/custom-range-slider}/index.html (100%) rename {custom-range-slider => brad traversy/custom-range-slider}/script.js (100%) rename {custom-range-slider => brad traversy/custom-range-slider}/style.css (100%) rename {dad-jokes => brad traversy/dad-jokes}/index.html (100%) rename {dad-jokes => brad traversy/dad-jokes}/script.js (100%) rename {dad-jokes => brad traversy/dad-jokes}/style.css (100%) rename {double-click-heart => brad traversy/double-click-heart}/index.html (100%) rename {double-click-heart => brad traversy/double-click-heart}/script.js (100%) rename {double-click-heart => brad traversy/double-click-heart}/style.css (100%) rename {double-vertical-slider => brad traversy/double-vertical-slider}/index.html (100%) rename {double-vertical-slider => brad traversy/double-vertical-slider}/script.js (100%) rename {double-vertical-slider => brad traversy/double-vertical-slider}/style.css (100%) rename {drag-n-drop => brad traversy/drag-n-drop}/index.html (100%) rename {drag-n-drop => brad traversy/drag-n-drop}/script.js (100%) rename {drag-n-drop => brad traversy/drag-n-drop}/style.css (100%) rename {drawing-app => brad traversy/drawing-app}/index.html (100%) rename {drawing-app => brad traversy/drawing-app}/script.js (100%) rename {drawing-app => brad traversy/drawing-app}/style.css (100%) rename {drink-water => brad traversy/drink-water}/index.html (100%) rename {drink-water => brad traversy/drink-water}/script.js (100%) rename {drink-water => brad traversy/drink-water}/style.css (100%) rename {event-keycodes => brad traversy/event-keycodes}/index.html (100%) rename {event-keycodes => brad traversy/event-keycodes}/script.js (100%) rename {event-keycodes => brad traversy/event-keycodes}/style.css (100%) rename {expanding-cards => brad traversy/expanding-cards}/index.html (100%) rename {expanding-cards => brad traversy/expanding-cards}/script.js (100%) rename {expanding-cards => brad traversy/expanding-cards}/style.css (100%) rename {faq-collapse => brad traversy/faq-collapse}/index.html (100%) rename {faq-collapse => brad traversy/faq-collapse}/script.js (100%) rename {faq-collapse => brad traversy/faq-collapse}/style.css (100%) rename {feedback-ui-design => brad traversy/feedback-ui-design}/index.html (100%) rename {feedback-ui-design => brad traversy/feedback-ui-design}/script.js (100%) rename {feedback-ui-design => brad traversy/feedback-ui-design}/style.css (100%) rename {form-input-wave => brad traversy/form-input-wave}/index.html (100%) rename {form-input-wave => brad traversy/form-input-wave}/script.js (100%) rename {form-input-wave => brad traversy/form-input-wave}/style.css (100%) rename {github-profiles => brad traversy/github-profiles}/index.html (100%) rename {github-profiles => brad traversy/github-profiles}/script.js (100%) rename {github-profiles => brad traversy/github-profiles}/style.css (100%) rename {good-cheap-fast => brad traversy/good-cheap-fast}/index.html (100%) rename {good-cheap-fast => brad traversy/good-cheap-fast}/script.js (100%) rename {good-cheap-fast => brad traversy/good-cheap-fast}/style.css (100%) rename {hidden-search => brad traversy/hidden-search}/index.html (100%) rename {hidden-search => brad traversy/hidden-search}/script.js (100%) rename {hidden-search => brad traversy/hidden-search}/style.css (100%) rename {hoverboard => brad traversy/hoverboard}/index.html (100%) rename {hoverboard => brad traversy/hoverboard}/script.js (100%) rename {hoverboard => brad traversy/hoverboard}/style.css (100%) rename {image-carousel => brad traversy/image-carousel}/index.html (100%) rename {image-carousel => brad traversy/image-carousel}/script.js (100%) rename {image-carousel => brad traversy/image-carousel}/style.css (100%) rename {incrementing-counter => brad traversy/incrementing-counter}/index.html (100%) rename {incrementing-counter => brad traversy/incrementing-counter}/script.js (100%) rename {incrementing-counter => brad traversy/incrementing-counter}/style.css (100%) rename {insect-catch-game => brad traversy/insect-catch-game}/index.html (100%) rename {insect-catch-game => brad traversy/insect-catch-game}/script.js (100%) rename {insect-catch-game => brad traversy/insect-catch-game}/style.css (100%) rename {kinetic-loader => brad traversy/kinetic-loader}/index.html (100%) rename {kinetic-loader => brad traversy/kinetic-loader}/style.css (100%) rename {live-user-filter => brad traversy/live-user-filter}/index.html (100%) rename {live-user-filter => brad traversy/live-user-filter}/script.js (100%) rename {live-user-filter => brad traversy/live-user-filter}/style.css (100%) rename {mobile-tab-navigation => brad traversy/mobile-tab-navigation}/index.html (100%) rename {mobile-tab-navigation => brad traversy/mobile-tab-navigation}/script.js (100%) rename {mobile-tab-navigation => brad traversy/mobile-tab-navigation}/style.css (100%) rename {movie-app => brad traversy/movie-app}/index.html (100%) rename {movie-app => brad traversy/movie-app}/script.js (100%) rename {movie-app => brad traversy/movie-app}/style.css (100%) rename {netflix-mobile-navigation => brad traversy/netflix-mobile-navigation}/index.html (100%) rename {netflix-mobile-navigation => brad traversy/netflix-mobile-navigation}/script.js (100%) rename {netflix-mobile-navigation => brad traversy/netflix-mobile-navigation}/style.css (100%) rename {notes-app => brad traversy/notes-app}/index.html (100%) rename {notes-app => brad traversy/notes-app}/script.js (100%) rename {notes-app => brad traversy/notes-app}/style.css (100%) rename {password-generator => brad traversy/password-generator}/index.html (100%) rename {password-generator => brad traversy/password-generator}/script.js (100%) rename {password-generator => brad traversy/password-generator}/style.css (100%) rename {password-strength-background => brad traversy/password-strength-background}/index.html (100%) rename {password-strength-background => brad traversy/password-strength-background}/script.js (100%) rename {password-strength-background => brad traversy/password-strength-background}/style.css (100%) rename {pokedex => brad traversy/pokedex}/index.html (100%) rename {pokedex => brad traversy/pokedex}/script.js (100%) rename {pokedex => brad traversy/pokedex}/style.css (100%) rename {progress-steps => brad traversy/progress-steps}/index.html (100%) rename {progress-steps => brad traversy/progress-steps}/script.js (100%) rename {progress-steps => brad traversy/progress-steps}/style.css (100%) rename {quiz-app => brad traversy/quiz-app}/index.html (100%) rename {quiz-app => brad traversy/quiz-app}/script.js (100%) rename {quiz-app => brad traversy/quiz-app}/style.css (100%) rename {random-choice-picker => brad traversy/random-choice-picker}/index.html (100%) rename {random-choice-picker => brad traversy/random-choice-picker}/script.js (100%) rename {random-choice-picker => brad traversy/random-choice-picker}/style.css (100%) rename {random-image-generator => brad traversy/random-image-generator}/index.html (100%) rename {random-image-generator => brad traversy/random-image-generator}/script.js (100%) rename {random-image-generator => brad traversy/random-image-generator}/style.css (100%) rename {rotating-nav-animation => brad traversy/rotating-nav-animation}/index.html (100%) rename {rotating-nav-animation => brad traversy/rotating-nav-animation}/script.js (100%) rename {rotating-nav-animation => brad traversy/rotating-nav-animation}/style.css (100%) rename {scroll-animation => brad traversy/scroll-animation}/index.html (100%) rename {scroll-animation => brad traversy/scroll-animation}/script.js (100%) rename {scroll-animation => brad traversy/scroll-animation}/style.css (100%) rename {sound-board => brad traversy/sound-board}/index.html (100%) rename {sound-board => brad traversy/sound-board}/script.js (100%) rename {sound-board => brad traversy/sound-board}/sounds/applause.mp3 (100%) rename {sound-board => brad traversy/sound-board}/sounds/boo.mp3 (100%) rename {sound-board => brad traversy/sound-board}/sounds/gasp.mp3 (100%) rename {sound-board => brad traversy/sound-board}/sounds/tada.mp3 (100%) rename {sound-board => brad traversy/sound-board}/sounds/victory.mp3 (100%) rename {sound-board => brad traversy/sound-board}/sounds/wrong.mp3 (100%) rename {sound-board => brad traversy/sound-board}/style.css (100%) rename {split-landing-page => brad traversy/split-landing-page}/index.html (100%) rename {split-landing-page => brad traversy/split-landing-page}/ps.jpg (100%) rename {split-landing-page => brad traversy/split-landing-page}/script.js (100%) rename {split-landing-page => brad traversy/split-landing-page}/style.css (100%) rename {split-landing-page => brad traversy/split-landing-page}/xbox.jpg (100%) rename {sticky-navigation => brad traversy/sticky-navigation}/index.html (100%) rename {sticky-navigation => brad traversy/sticky-navigation}/script.js (100%) rename {sticky-navigation => brad traversy/sticky-navigation}/style.css (100%) rename {testimonial-box-switcher => brad traversy/testimonial-box-switcher}/index.html (100%) rename {testimonial-box-switcher => brad traversy/testimonial-box-switcher}/script.js (100%) rename {testimonial-box-switcher => brad traversy/testimonial-box-switcher}/style.css (100%) rename {theme-clock => brad traversy/theme-clock}/index.html (100%) rename {theme-clock => brad traversy/theme-clock}/script.js (100%) rename {theme-clock => brad traversy/theme-clock}/style.css (100%) rename {toast-notification => brad traversy/toast-notification}/index.html (100%) rename {toast-notification => brad traversy/toast-notification}/script.js (100%) rename {toast-notification => brad traversy/toast-notification}/style.css (100%) rename {todo-list => brad traversy/todo-list}/index.html (100%) rename {todo-list => brad traversy/todo-list}/script.js (100%) rename {todo-list => brad traversy/todo-list}/style.css (100%) rename {verify-account-ui => brad traversy/verify-account-ui}/index.html (100%) rename {verify-account-ui => brad traversy/verify-account-ui}/script.js (100%) rename {verify-account-ui => brad traversy/verify-account-ui}/style.css (100%) create mode 100644 my code/01-expanding-cards/index.html create mode 100644 my code/01-expanding-cards/script.js create mode 100644 my code/01-expanding-cards/style.css diff --git a/_project_starter_/index.html b/_project_starter_/index.html deleted file mode 100644 index 4783501..0000000 --- a/_project_starter_/index.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - My Project - - -

Project Starter

- - - diff --git a/_project_starter_/script.js b/_project_starter_/script.js deleted file mode 100644 index 8b13789..0000000 --- a/_project_starter_/script.js +++ /dev/null @@ -1 +0,0 @@ - diff --git a/_project_starter_/style.css b/_project_starter_/style.css deleted file mode 100644 index ec80c4b..0000000 --- a/_project_starter_/style.css +++ /dev/null @@ -1,16 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); - -* { - box-sizing: border-box; -} - -body { - font-family: 'Roboto', sans-serif; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 100vh; - overflow: hidden; - margin: 0; -} diff --git a/3d-boxes-background/index.html b/brad traversy/3d-boxes-background/index.html similarity index 100% rename from 3d-boxes-background/index.html rename to brad traversy/3d-boxes-background/index.html diff --git a/3d-boxes-background/script.js b/brad traversy/3d-boxes-background/script.js similarity index 100% rename from 3d-boxes-background/script.js rename to brad traversy/3d-boxes-background/script.js diff --git a/3d-boxes-background/style.css b/brad traversy/3d-boxes-background/style.css similarity index 100% rename from 3d-boxes-background/style.css rename to brad traversy/3d-boxes-background/style.css diff --git a/animated-countdown/index.html b/brad traversy/animated-countdown/index.html similarity index 100% rename from animated-countdown/index.html rename to brad traversy/animated-countdown/index.html diff --git a/animated-countdown/script.js b/brad traversy/animated-countdown/script.js similarity index 100% rename from animated-countdown/script.js rename to brad traversy/animated-countdown/script.js diff --git a/animated-countdown/style.css b/brad traversy/animated-countdown/style.css similarity index 100% rename from animated-countdown/style.css rename to brad traversy/animated-countdown/style.css diff --git a/animated-navigation/index.html b/brad traversy/animated-navigation/index.html similarity index 100% rename from animated-navigation/index.html rename to brad traversy/animated-navigation/index.html diff --git a/animated-navigation/script.js b/brad traversy/animated-navigation/script.js similarity index 100% rename from animated-navigation/script.js rename to brad traversy/animated-navigation/script.js diff --git a/animated-navigation/style.css b/brad traversy/animated-navigation/style.css similarity index 100% rename from animated-navigation/style.css rename to brad traversy/animated-navigation/style.css diff --git a/auto-text-effect/index.html b/brad traversy/auto-text-effect/index.html similarity index 100% rename from auto-text-effect/index.html rename to brad traversy/auto-text-effect/index.html diff --git a/auto-text-effect/script.js b/brad traversy/auto-text-effect/script.js similarity index 100% rename from auto-text-effect/script.js rename to brad traversy/auto-text-effect/script.js diff --git a/auto-text-effect/style.css b/brad traversy/auto-text-effect/style.css similarity index 100% rename from auto-text-effect/style.css rename to brad traversy/auto-text-effect/style.css diff --git a/background-slider/index.html b/brad traversy/background-slider/index.html similarity index 100% rename from background-slider/index.html rename to brad traversy/background-slider/index.html diff --git a/background-slider/script.js b/brad traversy/background-slider/script.js similarity index 100% rename from background-slider/script.js rename to brad traversy/background-slider/script.js diff --git a/background-slider/style.css b/brad traversy/background-slider/style.css similarity index 100% rename from background-slider/style.css rename to brad traversy/background-slider/style.css diff --git a/blurry-loading/index.html b/brad traversy/blurry-loading/index.html similarity index 100% rename from blurry-loading/index.html rename to brad traversy/blurry-loading/index.html diff --git a/blurry-loading/script.js b/brad traversy/blurry-loading/script.js similarity index 100% rename from blurry-loading/script.js rename to brad traversy/blurry-loading/script.js diff --git a/blurry-loading/style.css b/brad traversy/blurry-loading/style.css similarity index 100% rename from blurry-loading/style.css rename to brad traversy/blurry-loading/style.css diff --git a/button-ripple-effect/index.html b/brad traversy/button-ripple-effect/index.html similarity index 100% rename from button-ripple-effect/index.html rename to brad traversy/button-ripple-effect/index.html diff --git a/button-ripple-effect/script.js b/brad traversy/button-ripple-effect/script.js similarity index 100% rename from button-ripple-effect/script.js rename to brad traversy/button-ripple-effect/script.js diff --git a/button-ripple-effect/style.css b/brad traversy/button-ripple-effect/style.css similarity index 100% rename from button-ripple-effect/style.css rename to brad traversy/button-ripple-effect/style.css diff --git a/content-placeholder/index.html b/brad traversy/content-placeholder/index.html similarity index 100% rename from content-placeholder/index.html rename to brad traversy/content-placeholder/index.html diff --git a/content-placeholder/script.js b/brad traversy/content-placeholder/script.js similarity index 100% rename from content-placeholder/script.js rename to brad traversy/content-placeholder/script.js diff --git a/content-placeholder/style.css b/brad traversy/content-placeholder/style.css similarity index 100% rename from content-placeholder/style.css rename to brad traversy/content-placeholder/style.css diff --git a/custom-range-slider/.vscode/settings.json b/brad traversy/custom-range-slider/.vscode/settings.json similarity index 100% rename from custom-range-slider/.vscode/settings.json rename to brad traversy/custom-range-slider/.vscode/settings.json diff --git a/custom-range-slider/index.html b/brad traversy/custom-range-slider/index.html similarity index 100% rename from custom-range-slider/index.html rename to brad traversy/custom-range-slider/index.html diff --git a/custom-range-slider/script.js b/brad traversy/custom-range-slider/script.js similarity index 100% rename from custom-range-slider/script.js rename to brad traversy/custom-range-slider/script.js diff --git a/custom-range-slider/style.css b/brad traversy/custom-range-slider/style.css similarity index 100% rename from custom-range-slider/style.css rename to brad traversy/custom-range-slider/style.css diff --git a/dad-jokes/index.html b/brad traversy/dad-jokes/index.html similarity index 100% rename from dad-jokes/index.html rename to brad traversy/dad-jokes/index.html diff --git a/dad-jokes/script.js b/brad traversy/dad-jokes/script.js similarity index 100% rename from dad-jokes/script.js rename to brad traversy/dad-jokes/script.js diff --git a/dad-jokes/style.css b/brad traversy/dad-jokes/style.css similarity index 100% rename from dad-jokes/style.css rename to brad traversy/dad-jokes/style.css diff --git a/double-click-heart/index.html b/brad traversy/double-click-heart/index.html similarity index 100% rename from double-click-heart/index.html rename to brad traversy/double-click-heart/index.html diff --git a/double-click-heart/script.js b/brad traversy/double-click-heart/script.js similarity index 100% rename from double-click-heart/script.js rename to brad traversy/double-click-heart/script.js diff --git a/double-click-heart/style.css b/brad traversy/double-click-heart/style.css similarity index 100% rename from double-click-heart/style.css rename to brad traversy/double-click-heart/style.css diff --git a/double-vertical-slider/index.html b/brad traversy/double-vertical-slider/index.html similarity index 100% rename from double-vertical-slider/index.html rename to brad traversy/double-vertical-slider/index.html diff --git a/double-vertical-slider/script.js b/brad traversy/double-vertical-slider/script.js similarity index 100% rename from double-vertical-slider/script.js rename to brad traversy/double-vertical-slider/script.js diff --git a/double-vertical-slider/style.css b/brad traversy/double-vertical-slider/style.css similarity index 100% rename from double-vertical-slider/style.css rename to brad traversy/double-vertical-slider/style.css diff --git a/drag-n-drop/index.html b/brad traversy/drag-n-drop/index.html similarity index 100% rename from drag-n-drop/index.html rename to brad traversy/drag-n-drop/index.html diff --git a/drag-n-drop/script.js b/brad traversy/drag-n-drop/script.js similarity index 100% rename from drag-n-drop/script.js rename to brad traversy/drag-n-drop/script.js diff --git a/drag-n-drop/style.css b/brad traversy/drag-n-drop/style.css similarity index 100% rename from drag-n-drop/style.css rename to brad traversy/drag-n-drop/style.css diff --git a/drawing-app/index.html b/brad traversy/drawing-app/index.html similarity index 100% rename from drawing-app/index.html rename to brad traversy/drawing-app/index.html diff --git a/drawing-app/script.js b/brad traversy/drawing-app/script.js similarity index 100% rename from drawing-app/script.js rename to brad traversy/drawing-app/script.js diff --git a/drawing-app/style.css b/brad traversy/drawing-app/style.css similarity index 100% rename from drawing-app/style.css rename to brad traversy/drawing-app/style.css diff --git a/drink-water/index.html b/brad traversy/drink-water/index.html similarity index 100% rename from drink-water/index.html rename to brad traversy/drink-water/index.html diff --git a/drink-water/script.js b/brad traversy/drink-water/script.js similarity index 100% rename from drink-water/script.js rename to brad traversy/drink-water/script.js diff --git a/drink-water/style.css b/brad traversy/drink-water/style.css similarity index 100% rename from drink-water/style.css rename to brad traversy/drink-water/style.css diff --git a/event-keycodes/index.html b/brad traversy/event-keycodes/index.html similarity index 100% rename from event-keycodes/index.html rename to brad traversy/event-keycodes/index.html diff --git a/event-keycodes/script.js b/brad traversy/event-keycodes/script.js similarity index 100% rename from event-keycodes/script.js rename to brad traversy/event-keycodes/script.js diff --git a/event-keycodes/style.css b/brad traversy/event-keycodes/style.css similarity index 100% rename from event-keycodes/style.css rename to brad traversy/event-keycodes/style.css diff --git a/expanding-cards/index.html b/brad traversy/expanding-cards/index.html similarity index 100% rename from expanding-cards/index.html rename to brad traversy/expanding-cards/index.html diff --git a/expanding-cards/script.js b/brad traversy/expanding-cards/script.js similarity index 100% rename from expanding-cards/script.js rename to brad traversy/expanding-cards/script.js diff --git a/expanding-cards/style.css b/brad traversy/expanding-cards/style.css similarity index 100% rename from expanding-cards/style.css rename to brad traversy/expanding-cards/style.css diff --git a/faq-collapse/index.html b/brad traversy/faq-collapse/index.html similarity index 100% rename from faq-collapse/index.html rename to brad traversy/faq-collapse/index.html diff --git a/faq-collapse/script.js b/brad traversy/faq-collapse/script.js similarity index 100% rename from faq-collapse/script.js rename to brad traversy/faq-collapse/script.js diff --git a/faq-collapse/style.css b/brad traversy/faq-collapse/style.css similarity index 100% rename from faq-collapse/style.css rename to brad traversy/faq-collapse/style.css diff --git a/feedback-ui-design/index.html b/brad traversy/feedback-ui-design/index.html similarity index 100% rename from feedback-ui-design/index.html rename to brad traversy/feedback-ui-design/index.html diff --git a/feedback-ui-design/script.js b/brad traversy/feedback-ui-design/script.js similarity index 100% rename from feedback-ui-design/script.js rename to brad traversy/feedback-ui-design/script.js diff --git a/feedback-ui-design/style.css b/brad traversy/feedback-ui-design/style.css similarity index 100% rename from feedback-ui-design/style.css rename to brad traversy/feedback-ui-design/style.css diff --git a/form-input-wave/index.html b/brad traversy/form-input-wave/index.html similarity index 100% rename from form-input-wave/index.html rename to brad traversy/form-input-wave/index.html diff --git a/form-input-wave/script.js b/brad traversy/form-input-wave/script.js similarity index 100% rename from form-input-wave/script.js rename to brad traversy/form-input-wave/script.js diff --git a/form-input-wave/style.css b/brad traversy/form-input-wave/style.css similarity index 100% rename from form-input-wave/style.css rename to brad traversy/form-input-wave/style.css diff --git a/github-profiles/index.html b/brad traversy/github-profiles/index.html similarity index 100% rename from github-profiles/index.html rename to brad traversy/github-profiles/index.html diff --git a/github-profiles/script.js b/brad traversy/github-profiles/script.js similarity index 100% rename from github-profiles/script.js rename to brad traversy/github-profiles/script.js diff --git a/github-profiles/style.css b/brad traversy/github-profiles/style.css similarity index 100% rename from github-profiles/style.css rename to brad traversy/github-profiles/style.css diff --git a/good-cheap-fast/index.html b/brad traversy/good-cheap-fast/index.html similarity index 100% rename from good-cheap-fast/index.html rename to brad traversy/good-cheap-fast/index.html diff --git a/good-cheap-fast/script.js b/brad traversy/good-cheap-fast/script.js similarity index 100% rename from good-cheap-fast/script.js rename to brad traversy/good-cheap-fast/script.js diff --git a/good-cheap-fast/style.css b/brad traversy/good-cheap-fast/style.css similarity index 100% rename from good-cheap-fast/style.css rename to brad traversy/good-cheap-fast/style.css diff --git a/hidden-search/index.html b/brad traversy/hidden-search/index.html similarity index 100% rename from hidden-search/index.html rename to brad traversy/hidden-search/index.html diff --git a/hidden-search/script.js b/brad traversy/hidden-search/script.js similarity index 100% rename from hidden-search/script.js rename to brad traversy/hidden-search/script.js diff --git a/hidden-search/style.css b/brad traversy/hidden-search/style.css similarity index 100% rename from hidden-search/style.css rename to brad traversy/hidden-search/style.css diff --git a/hoverboard/index.html b/brad traversy/hoverboard/index.html similarity index 100% rename from hoverboard/index.html rename to brad traversy/hoverboard/index.html diff --git a/hoverboard/script.js b/brad traversy/hoverboard/script.js similarity index 100% rename from hoverboard/script.js rename to brad traversy/hoverboard/script.js diff --git a/hoverboard/style.css b/brad traversy/hoverboard/style.css similarity index 100% rename from hoverboard/style.css rename to brad traversy/hoverboard/style.css diff --git a/image-carousel/index.html b/brad traversy/image-carousel/index.html similarity index 100% rename from image-carousel/index.html rename to brad traversy/image-carousel/index.html diff --git a/image-carousel/script.js b/brad traversy/image-carousel/script.js similarity index 100% rename from image-carousel/script.js rename to brad traversy/image-carousel/script.js diff --git a/image-carousel/style.css b/brad traversy/image-carousel/style.css similarity index 100% rename from image-carousel/style.css rename to brad traversy/image-carousel/style.css diff --git a/incrementing-counter/index.html b/brad traversy/incrementing-counter/index.html similarity index 100% rename from incrementing-counter/index.html rename to brad traversy/incrementing-counter/index.html diff --git a/incrementing-counter/script.js b/brad traversy/incrementing-counter/script.js similarity index 100% rename from incrementing-counter/script.js rename to brad traversy/incrementing-counter/script.js diff --git a/incrementing-counter/style.css b/brad traversy/incrementing-counter/style.css similarity index 100% rename from incrementing-counter/style.css rename to brad traversy/incrementing-counter/style.css diff --git a/insect-catch-game/index.html b/brad traversy/insect-catch-game/index.html similarity index 100% rename from insect-catch-game/index.html rename to brad traversy/insect-catch-game/index.html diff --git a/insect-catch-game/script.js b/brad traversy/insect-catch-game/script.js similarity index 100% rename from insect-catch-game/script.js rename to brad traversy/insect-catch-game/script.js diff --git a/insect-catch-game/style.css b/brad traversy/insect-catch-game/style.css similarity index 100% rename from insect-catch-game/style.css rename to brad traversy/insect-catch-game/style.css diff --git a/kinetic-loader/index.html b/brad traversy/kinetic-loader/index.html similarity index 100% rename from kinetic-loader/index.html rename to brad traversy/kinetic-loader/index.html diff --git a/kinetic-loader/style.css b/brad traversy/kinetic-loader/style.css similarity index 100% rename from kinetic-loader/style.css rename to brad traversy/kinetic-loader/style.css diff --git a/live-user-filter/index.html b/brad traversy/live-user-filter/index.html similarity index 100% rename from live-user-filter/index.html rename to brad traversy/live-user-filter/index.html diff --git a/live-user-filter/script.js b/brad traversy/live-user-filter/script.js similarity index 100% rename from live-user-filter/script.js rename to brad traversy/live-user-filter/script.js diff --git a/live-user-filter/style.css b/brad traversy/live-user-filter/style.css similarity index 100% rename from live-user-filter/style.css rename to brad traversy/live-user-filter/style.css diff --git a/mobile-tab-navigation/index.html b/brad traversy/mobile-tab-navigation/index.html similarity index 100% rename from mobile-tab-navigation/index.html rename to brad traversy/mobile-tab-navigation/index.html diff --git a/mobile-tab-navigation/script.js b/brad traversy/mobile-tab-navigation/script.js similarity index 100% rename from mobile-tab-navigation/script.js rename to brad traversy/mobile-tab-navigation/script.js diff --git a/mobile-tab-navigation/style.css b/brad traversy/mobile-tab-navigation/style.css similarity index 100% rename from mobile-tab-navigation/style.css rename to brad traversy/mobile-tab-navigation/style.css diff --git a/movie-app/index.html b/brad traversy/movie-app/index.html similarity index 100% rename from movie-app/index.html rename to brad traversy/movie-app/index.html diff --git a/movie-app/script.js b/brad traversy/movie-app/script.js similarity index 100% rename from movie-app/script.js rename to brad traversy/movie-app/script.js diff --git a/movie-app/style.css b/brad traversy/movie-app/style.css similarity index 100% rename from movie-app/style.css rename to brad traversy/movie-app/style.css diff --git a/netflix-mobile-navigation/index.html b/brad traversy/netflix-mobile-navigation/index.html similarity index 100% rename from netflix-mobile-navigation/index.html rename to brad traversy/netflix-mobile-navigation/index.html diff --git a/netflix-mobile-navigation/script.js b/brad traversy/netflix-mobile-navigation/script.js similarity index 100% rename from netflix-mobile-navigation/script.js rename to brad traversy/netflix-mobile-navigation/script.js diff --git a/netflix-mobile-navigation/style.css b/brad traversy/netflix-mobile-navigation/style.css similarity index 100% rename from netflix-mobile-navigation/style.css rename to brad traversy/netflix-mobile-navigation/style.css diff --git a/notes-app/index.html b/brad traversy/notes-app/index.html similarity index 100% rename from notes-app/index.html rename to brad traversy/notes-app/index.html diff --git a/notes-app/script.js b/brad traversy/notes-app/script.js similarity index 100% rename from notes-app/script.js rename to brad traversy/notes-app/script.js diff --git a/notes-app/style.css b/brad traversy/notes-app/style.css similarity index 100% rename from notes-app/style.css rename to brad traversy/notes-app/style.css diff --git a/password-generator/index.html b/brad traversy/password-generator/index.html similarity index 100% rename from password-generator/index.html rename to brad traversy/password-generator/index.html diff --git a/password-generator/script.js b/brad traversy/password-generator/script.js similarity index 100% rename from password-generator/script.js rename to brad traversy/password-generator/script.js diff --git a/password-generator/style.css b/brad traversy/password-generator/style.css similarity index 100% rename from password-generator/style.css rename to brad traversy/password-generator/style.css diff --git a/password-strength-background/index.html b/brad traversy/password-strength-background/index.html similarity index 100% rename from password-strength-background/index.html rename to brad traversy/password-strength-background/index.html diff --git a/password-strength-background/script.js b/brad traversy/password-strength-background/script.js similarity index 100% rename from password-strength-background/script.js rename to brad traversy/password-strength-background/script.js diff --git a/password-strength-background/style.css b/brad traversy/password-strength-background/style.css similarity index 100% rename from password-strength-background/style.css rename to brad traversy/password-strength-background/style.css diff --git a/pokedex/index.html b/brad traversy/pokedex/index.html similarity index 100% rename from pokedex/index.html rename to brad traversy/pokedex/index.html diff --git a/pokedex/script.js b/brad traversy/pokedex/script.js similarity index 100% rename from pokedex/script.js rename to brad traversy/pokedex/script.js diff --git a/pokedex/style.css b/brad traversy/pokedex/style.css similarity index 100% rename from pokedex/style.css rename to brad traversy/pokedex/style.css diff --git a/progress-steps/index.html b/brad traversy/progress-steps/index.html similarity index 100% rename from progress-steps/index.html rename to brad traversy/progress-steps/index.html diff --git a/progress-steps/script.js b/brad traversy/progress-steps/script.js similarity index 100% rename from progress-steps/script.js rename to brad traversy/progress-steps/script.js diff --git a/progress-steps/style.css b/brad traversy/progress-steps/style.css similarity index 100% rename from progress-steps/style.css rename to brad traversy/progress-steps/style.css diff --git a/quiz-app/index.html b/brad traversy/quiz-app/index.html similarity index 100% rename from quiz-app/index.html rename to brad traversy/quiz-app/index.html diff --git a/quiz-app/script.js b/brad traversy/quiz-app/script.js similarity index 100% rename from quiz-app/script.js rename to brad traversy/quiz-app/script.js diff --git a/quiz-app/style.css b/brad traversy/quiz-app/style.css similarity index 100% rename from quiz-app/style.css rename to brad traversy/quiz-app/style.css diff --git a/random-choice-picker/index.html b/brad traversy/random-choice-picker/index.html similarity index 100% rename from random-choice-picker/index.html rename to brad traversy/random-choice-picker/index.html diff --git a/random-choice-picker/script.js b/brad traversy/random-choice-picker/script.js similarity index 100% rename from random-choice-picker/script.js rename to brad traversy/random-choice-picker/script.js diff --git a/random-choice-picker/style.css b/brad traversy/random-choice-picker/style.css similarity index 100% rename from random-choice-picker/style.css rename to brad traversy/random-choice-picker/style.css diff --git a/random-image-generator/index.html b/brad traversy/random-image-generator/index.html similarity index 100% rename from random-image-generator/index.html rename to brad traversy/random-image-generator/index.html diff --git a/random-image-generator/script.js b/brad traversy/random-image-generator/script.js similarity index 100% rename from random-image-generator/script.js rename to brad traversy/random-image-generator/script.js diff --git a/random-image-generator/style.css b/brad traversy/random-image-generator/style.css similarity index 100% rename from random-image-generator/style.css rename to brad traversy/random-image-generator/style.css diff --git a/rotating-nav-animation/index.html b/brad traversy/rotating-nav-animation/index.html similarity index 100% rename from rotating-nav-animation/index.html rename to brad traversy/rotating-nav-animation/index.html diff --git a/rotating-nav-animation/script.js b/brad traversy/rotating-nav-animation/script.js similarity index 100% rename from rotating-nav-animation/script.js rename to brad traversy/rotating-nav-animation/script.js diff --git a/rotating-nav-animation/style.css b/brad traversy/rotating-nav-animation/style.css similarity index 100% rename from rotating-nav-animation/style.css rename to brad traversy/rotating-nav-animation/style.css diff --git a/scroll-animation/index.html b/brad traversy/scroll-animation/index.html similarity index 100% rename from scroll-animation/index.html rename to brad traversy/scroll-animation/index.html diff --git a/scroll-animation/script.js b/brad traversy/scroll-animation/script.js similarity index 100% rename from scroll-animation/script.js rename to brad traversy/scroll-animation/script.js diff --git a/scroll-animation/style.css b/brad traversy/scroll-animation/style.css similarity index 100% rename from scroll-animation/style.css rename to brad traversy/scroll-animation/style.css diff --git a/sound-board/index.html b/brad traversy/sound-board/index.html similarity index 100% rename from sound-board/index.html rename to brad traversy/sound-board/index.html diff --git a/sound-board/script.js b/brad traversy/sound-board/script.js similarity index 100% rename from sound-board/script.js rename to brad traversy/sound-board/script.js diff --git a/sound-board/sounds/applause.mp3 b/brad traversy/sound-board/sounds/applause.mp3 similarity index 100% rename from sound-board/sounds/applause.mp3 rename to brad traversy/sound-board/sounds/applause.mp3 diff --git a/sound-board/sounds/boo.mp3 b/brad traversy/sound-board/sounds/boo.mp3 similarity index 100% rename from sound-board/sounds/boo.mp3 rename to brad traversy/sound-board/sounds/boo.mp3 diff --git a/sound-board/sounds/gasp.mp3 b/brad traversy/sound-board/sounds/gasp.mp3 similarity index 100% rename from sound-board/sounds/gasp.mp3 rename to brad traversy/sound-board/sounds/gasp.mp3 diff --git a/sound-board/sounds/tada.mp3 b/brad traversy/sound-board/sounds/tada.mp3 similarity index 100% rename from sound-board/sounds/tada.mp3 rename to brad traversy/sound-board/sounds/tada.mp3 diff --git a/sound-board/sounds/victory.mp3 b/brad traversy/sound-board/sounds/victory.mp3 similarity index 100% rename from sound-board/sounds/victory.mp3 rename to brad traversy/sound-board/sounds/victory.mp3 diff --git a/sound-board/sounds/wrong.mp3 b/brad traversy/sound-board/sounds/wrong.mp3 similarity index 100% rename from sound-board/sounds/wrong.mp3 rename to brad traversy/sound-board/sounds/wrong.mp3 diff --git a/sound-board/style.css b/brad traversy/sound-board/style.css similarity index 100% rename from sound-board/style.css rename to brad traversy/sound-board/style.css diff --git a/split-landing-page/index.html b/brad traversy/split-landing-page/index.html similarity index 100% rename from split-landing-page/index.html rename to brad traversy/split-landing-page/index.html diff --git a/split-landing-page/ps.jpg b/brad traversy/split-landing-page/ps.jpg similarity index 100% rename from split-landing-page/ps.jpg rename to brad traversy/split-landing-page/ps.jpg diff --git a/split-landing-page/script.js b/brad traversy/split-landing-page/script.js similarity index 100% rename from split-landing-page/script.js rename to brad traversy/split-landing-page/script.js diff --git a/split-landing-page/style.css b/brad traversy/split-landing-page/style.css similarity index 100% rename from split-landing-page/style.css rename to brad traversy/split-landing-page/style.css diff --git a/split-landing-page/xbox.jpg b/brad traversy/split-landing-page/xbox.jpg similarity index 100% rename from split-landing-page/xbox.jpg rename to brad traversy/split-landing-page/xbox.jpg diff --git a/sticky-navigation/index.html b/brad traversy/sticky-navigation/index.html similarity index 100% rename from sticky-navigation/index.html rename to brad traversy/sticky-navigation/index.html diff --git a/sticky-navigation/script.js b/brad traversy/sticky-navigation/script.js similarity index 100% rename from sticky-navigation/script.js rename to brad traversy/sticky-navigation/script.js diff --git a/sticky-navigation/style.css b/brad traversy/sticky-navigation/style.css similarity index 100% rename from sticky-navigation/style.css rename to brad traversy/sticky-navigation/style.css diff --git a/testimonial-box-switcher/index.html b/brad traversy/testimonial-box-switcher/index.html similarity index 100% rename from testimonial-box-switcher/index.html rename to brad traversy/testimonial-box-switcher/index.html diff --git a/testimonial-box-switcher/script.js b/brad traversy/testimonial-box-switcher/script.js similarity index 100% rename from testimonial-box-switcher/script.js rename to brad traversy/testimonial-box-switcher/script.js diff --git a/testimonial-box-switcher/style.css b/brad traversy/testimonial-box-switcher/style.css similarity index 100% rename from testimonial-box-switcher/style.css rename to brad traversy/testimonial-box-switcher/style.css diff --git a/theme-clock/index.html b/brad traversy/theme-clock/index.html similarity index 100% rename from theme-clock/index.html rename to brad traversy/theme-clock/index.html diff --git a/theme-clock/script.js b/brad traversy/theme-clock/script.js similarity index 100% rename from theme-clock/script.js rename to brad traversy/theme-clock/script.js diff --git a/theme-clock/style.css b/brad traversy/theme-clock/style.css similarity index 100% rename from theme-clock/style.css rename to brad traversy/theme-clock/style.css diff --git a/toast-notification/index.html b/brad traversy/toast-notification/index.html similarity index 100% rename from toast-notification/index.html rename to brad traversy/toast-notification/index.html diff --git a/toast-notification/script.js b/brad traversy/toast-notification/script.js similarity index 100% rename from toast-notification/script.js rename to brad traversy/toast-notification/script.js diff --git a/toast-notification/style.css b/brad traversy/toast-notification/style.css similarity index 100% rename from toast-notification/style.css rename to brad traversy/toast-notification/style.css diff --git a/todo-list/index.html b/brad traversy/todo-list/index.html similarity index 100% rename from todo-list/index.html rename to brad traversy/todo-list/index.html diff --git a/todo-list/script.js b/brad traversy/todo-list/script.js similarity index 100% rename from todo-list/script.js rename to brad traversy/todo-list/script.js diff --git a/todo-list/style.css b/brad traversy/todo-list/style.css similarity index 100% rename from todo-list/style.css rename to brad traversy/todo-list/style.css diff --git a/verify-account-ui/index.html b/brad traversy/verify-account-ui/index.html similarity index 100% rename from verify-account-ui/index.html rename to brad traversy/verify-account-ui/index.html diff --git a/verify-account-ui/script.js b/brad traversy/verify-account-ui/script.js similarity index 100% rename from verify-account-ui/script.js rename to brad traversy/verify-account-ui/script.js diff --git a/verify-account-ui/style.css b/brad traversy/verify-account-ui/style.css similarity index 100% rename from verify-account-ui/style.css rename to brad traversy/verify-account-ui/style.css diff --git a/my code/01-expanding-cards/index.html b/my code/01-expanding-cards/index.html new file mode 100644 index 0000000..de26824 --- /dev/null +++ b/my code/01-expanding-cards/index.html @@ -0,0 +1,40 @@ + + + + + + + + + 01-expanding-cards + + + +
+
+ Explore The World +
+
+ Wild Forest +
+
+ Sunny Beach +
+
+ City on Winter +
+
+ Mountains - Clouds +
+
+ + + + + + \ No newline at end of file diff --git a/my code/01-expanding-cards/script.js b/my code/01-expanding-cards/script.js new file mode 100644 index 0000000..b0a8b07 --- /dev/null +++ b/my code/01-expanding-cards/script.js @@ -0,0 +1,14 @@ +const images = document.querySelectorAll(".image"); +const text = document.querySelectorAll("span"); + +const clickHandler = (e) => { + images.forEach((image) => { + image.classList.remove("active"); + }); + text.forEach((span) => { + span.classList.remove("active-span"); + }); + e.classList.add("active"); + e.children[0].classList.add("active-span"); + console.log(e, e.children); +}; diff --git a/my code/01-expanding-cards/style.css b/my code/01-expanding-cards/style.css new file mode 100644 index 0000000..78dfae3 --- /dev/null +++ b/my code/01-expanding-cards/style.css @@ -0,0 +1,43 @@ +* { + margin: 0; + padding: 0; +} +body { + width: 100vw; + height: 100vh; +} + +.wrapper { + width: 90%; + display: flex; + justify-content: center; + align-items: center; + margin: auto; + height: 100%; +} +.image { + width: 100px; + height: 80%; + margin: 10px; + border-radius: 50px; + display: inline-flex; + align-items: flex-end; + cursor: pointer; + transition: all 0.5s ease-in; +} +.image.active { + width: 60%; +} +span { + font-family: Arial, Helvetica, sans-serif; + color: #fff; + font-weight: 600; + font-size: 24px; + display: block; + margin: 30px; + opacity: 0; +} +span.active-span { + opacity: 1; + transition: all 0.3s ease-in 0.2s; +}