From 77b6fe50fb3b35b070e14557eb3ec170d081a6c6 Mon Sep 17 00:00:00 2001 From: Niraj Narkhede Date: Mon, 1 Dec 2025 15:03:23 +0530 Subject: [PATCH 1/4] HTML bootcamp task completed --- Week 1.1 - HTML/1. Build a Form/index.html | 33 +++++++++- .../index.html | 24 ++++++- .../index.html | 19 +++++- .../4. Mock Up a Design/index.html | 62 ++++++++++++++++++- 4 files changed, 132 insertions(+), 6 deletions(-) diff --git a/Week 1.1 - HTML/1. Build a Form/index.html b/Week 1.1 - HTML/1. Build a Form/index.html index 50432a8b..cd4ce1db 100644 --- a/Week 1.1 - HTML/1. Build a Form/index.html +++ b/Week 1.1 - HTML/1. Build a Form/index.html @@ -1,13 +1,44 @@ + + + + + + Build a Form + - + +
+
+ +

Login Form

+ + +
+ + +
+ + +
+ + +
+ + + + +
+
+ \ No newline at end of file diff --git a/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html b/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html index a132ac2a..7d97c122 100644 --- a/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html +++ b/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html @@ -1,14 +1,22 @@ + + + + + + Create a Responsive Image - Resolution + - + + + + + + + + + Default Placeholder Image + + + \ No newline at end of file diff --git a/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html b/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html index d8bb518c..28cf3977 100644 --- a/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html +++ b/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html @@ -1,14 +1,21 @@ + + + + + Create a Responsive Image - Aspect Ratio + - + + + + + + Responsive Placeholder Image + + \ No newline at end of file diff --git a/Week 1.1 - HTML/4. Mock Up a Design/index.html b/Week 1.1 - HTML/4. Mock Up a Design/index.html index a7252a6f..052c1c39 100644 --- a/Week 1.1 - HTML/4. Mock Up a Design/index.html +++ b/Week 1.1 - HTML/4. Mock Up a Design/index.html @@ -1,13 +1,73 @@ + Mock Up a Design + - + + + + + +
+ +
+ +
+

Phase 4:

+

Destination Thrive

+

Objective: Create Omni-channel synergy

+

This is the time to fully leverage your hard work and thrive. During this phase, attention should be + given to + omni-channel synergy, + syncing your messaging and channels from top to bottom. Scale high performing channels and fully + harvest the demand of + your top of + funnel awareness campaigns have been creating. Use insights gained from your contact lists, data, + and web analytics to + do prospecting + and build look-a-like audiences for incremental growth.

+
+ +
+ + +
+

Key focus:

+
    +
  • Harvesting the demand created by your content marketing efforts
    • +
  • Scale paid media and social efforts
    • +
  • Leverage your new audiences
    • +
  • Omni-channel synergy
    • +
+

Time Clock icon

+

approx. 24 months and beyond

+
+ +
+
+ + \ No newline at end of file From 76f3a2653ed7724cd45bf3e7da2c89d3547288a3 Mon Sep 17 00:00:00 2001 From: Niraj Narkhede Date: Mon, 1 Dec 2025 16:17:46 +0530 Subject: [PATCH 2/4] CSS bootcamp task completed --- .../1. Selectors - Attributes/index.html | 10 ++++- .../2. Selectors - Children/index.html | 9 ++++- .../3. Selectors - Siblings/index.html | 2 +- .../4. Inheritance and Systems/index.html | 38 ++++++++++++++++--- Week 1.2 - CSS/5. Transitions/index.html | 12 +++++- .../6. Tricks - Click Passthrough/index.html | 1 + 6 files changed, 61 insertions(+), 11 deletions(-) diff --git a/Week 1.2 - CSS/1. Selectors - Attributes/index.html b/Week 1.2 - CSS/1. Selectors - Attributes/index.html index 3d9c05b8..09851493 100644 --- a/Week 1.2 - CSS/1. Selectors - Attributes/index.html +++ b/Week 1.2 - CSS/1. Selectors - Attributes/index.html @@ -1,15 +1,20 @@ + Selectors - Attributes + - + @@ -23,4 +28,5 @@ + \ No newline at end of file diff --git a/Week 1.2 - CSS/2. Selectors - Children/index.html b/Week 1.2 - CSS/2. Selectors - Children/index.html index 7ff366db..4eee8595 100644 --- a/Week 1.2 - CSS/2. Selectors - Children/index.html +++ b/Week 1.2 - CSS/2. Selectors - Children/index.html @@ -1,15 +1,19 @@ + Selectors - Children + - + + \ No newline at end of file diff --git a/Week 1.2 - CSS/3. Selectors - Siblings/index.html b/Week 1.2 - CSS/3. Selectors - Siblings/index.html index b6086a75..1b683a91 100644 --- a/Week 1.2 - CSS/3. Selectors - Siblings/index.html +++ b/Week 1.2 - CSS/3. Selectors - Siblings/index.html @@ -16,7 +16,7 @@ - - - - + + + + + \ No newline at end of file diff --git a/Week 1.2 - CSS/5. Transitions/index.html b/Week 1.2 - CSS/5. Transitions/index.html index 4fa3bd71..58392e1d 100644 --- a/Week 1.2 - CSS/5. Transitions/index.html +++ b/Week 1.2 - CSS/5. Transitions/index.html @@ -1,5 +1,6 @@ + @@ -14,18 +15,27 @@ } + - +
+ \ No newline at end of file diff --git a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html index f20d4534..8ec4f8cb 100644 --- a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html +++ b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html @@ -29,6 +29,7 @@ width: 100%; height: 100%; background-image: linear-gradient(to bottom, transparent, black); + pointer-events: none; } From 1c5bc19ca0db60e627ece715318c85510ca118b3 Mon Sep 17 00:00:00 2001 From: Niraj Narkhede Date: Tue, 2 Dec 2025 12:17:37 +0530 Subject: [PATCH 3/4] JS bootcamp task completed --- Week 1.3 - JavaScript/1. Filter/index.html | 2 +- Week 1.3 - JavaScript/2. Map/index.html | 9 ++++++-- .../3. Objects as a Map/index.html | 16 +++++--------- .../4. Event Listeners/index.html | 2 ++ .../5. DOM Manipulation/index.html | 3 +++ .../Data Fetching/index.html | 21 +++++++++++++++++-- 6 files changed, 37 insertions(+), 16 deletions(-) diff --git a/Week 1.3 - JavaScript/1. Filter/index.html b/Week 1.3 - JavaScript/1. Filter/index.html index e74982a2..dfc5703b 100644 --- a/Week 1.3 - JavaScript/1. Filter/index.html +++ b/Week 1.3 - JavaScript/1. Filter/index.html @@ -13,7 +13,7 @@ // Custom Code BEGIN // Modify the code in this block however you need to get the desired ending array. // You must store your new array in the `endingArray` variable for it to log out properly. - let endingArray; + let endingArray = startingArray.filter(number => number % 2 === 0); // Custom Code END diff --git a/Week 1.3 - JavaScript/2. Map/index.html b/Week 1.3 - JavaScript/2. Map/index.html index 72fa39ee..3e848400 100644 --- a/Week 1.3 - JavaScript/2. Map/index.html +++ b/Week 1.3 - JavaScript/2. Map/index.html @@ -1,19 +1,23 @@ + Map + - + + \ No newline at end of file diff --git a/Week 1.3 - JavaScript/3. Objects as a Map/index.html b/Week 1.3 - JavaScript/3. Objects as a Map/index.html index 3004949a..2e64c604 100644 --- a/Week 1.3 - JavaScript/3. Objects as a Map/index.html +++ b/Week 1.3 - JavaScript/3. Objects as a Map/index.html @@ -13,19 +13,13 @@ // Rewrite this function to replace the if/else logic with a map lookup. function getInformation(key) { - let rtn; - - if (key === 'date') { - rtn = 'October 6, 1986'; - } else if (key === 'time') { - rtn = '21:13 PM'; - } else if (key === 'mood') { - rtn = 'Powerful, spirited...'; - } else { - rtn = 'Error: Invalid option selected...'; + const infoData = { + date: "October 6, 1986", + time: "21:13 PM", + mood: "Powerful, spirited" } - return rtn; + return infoData[key] || 'Invalid option selected.'; } diff --git a/Week 1.3 - JavaScript/4. Event Listeners/index.html b/Week 1.3 - JavaScript/4. Event Listeners/index.html index d284e48f..6b041df9 100644 --- a/Week 1.3 - JavaScript/4. Event Listeners/index.html +++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html @@ -20,6 +20,8 @@

0

} // Add your code here to make clicking the button run the increment function + const buttonEl = document.querySelector('[data-action="increment-counter"]'); + buttonEl.addEventListener('click', increment); diff --git a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html index ba0e04f2..338b03b1 100644 --- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html +++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html @@ -24,6 +24,9 @@

More Jeff Goldblum

diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html index c1da8137..0466bce5 100644 --- a/Week 1.3 - JavaScript/Data Fetching/index.html +++ b/Week 1.3 - JavaScript/Data Fetching/index.html @@ -1,17 +1,34 @@ + Data Fetching + - +
    - + + \ No newline at end of file From 57e4f7c82d0964d0954d106f301fb0dd4e3f8375 Mon Sep 17 00:00:00 2001 From: Niraj Narkhede Date: Tue, 2 Dec 2025 18:00:52 +0530 Subject: [PATCH 4/4] CSS flexbox and Grid bootcamp task completed --- .../1. Responsive Grids/index.html | 38 +++++++++---- .../2. Placing Items/index.html | 13 ++++- .../3. Placing Items - Advanced/index.html | 57 +++++++++++++++---- Week 2.2 - Flexbox/1. Centering/index.html | 3 + .../2. Placing Items/index.html | 12 +++- .../3. Placing Items - Advanced/index.html | 27 +++++++-- Week 2.2 - Flexbox/4. Flexing/index.html | 17 +++++- 7 files changed, 132 insertions(+), 35 deletions(-) diff --git a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html index c0fcd851..aed452b9 100644 --- a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html +++ b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html @@ -1,5 +1,6 @@ + @@ -8,7 +9,9 @@ + - +
    placeholder

    Lorem Ipsum Dolor

    -

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, you do plan to have dinosaurs on your dinosaur tour, right?

    +

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, + you do plan to have dinosaurs on your dinosaur tour, right?

    Read More
    placeholder

    Lorem Ipsum Dolor

    -

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.

    +

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.

    Read More
    placeholder

    Lorem Ipsum Dolor

    -

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine?

    +

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine? Wh-what is-h-how did you get my espresso machine?

    Read More
    placeholder

    Lorem Ipsum Dolor

    -

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine?

    +

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine?

    Read More
    placeholder

    Lorem Ipsum Dolor

    -

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine?

    +

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine?

    Read More
    placeholder

    Lorem Ipsum Dolor

    -

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine?

    +

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine? Wh-what is-h-how did you get my espresso machine?

    Read More
    placeholder

    Lorem Ipsum Dolor

    -

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.

    +

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.

    Read More
    placeholder

    Lorem Ipsum Dolor

    -

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, you do plan to have dinosaurs on your dinosaur tour, right?

    +

    Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso + machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, + you do plan to have dinosaurs on your dinosaur tour, right?

    Read More
    - + \ No newline at end of file diff --git a/Week 2.1 - CSS Grid/2. Placing Items/index.html b/Week 2.1 - CSS Grid/2. Placing Items/index.html index fcd7781b..36b00a9e 100644 --- a/Week 2.1 - CSS Grid/2. Placing Items/index.html +++ b/Week 2.1 - CSS Grid/2. Placing Items/index.html @@ -1,5 +1,6 @@ + @@ -12,13 +13,20 @@ max-width: 800px; } - .photo > * { mix-blend-mode: multiply; } + .photo>* { + mix-blend-mode: multiply; + } +
    @@ -27,6 +35,7 @@ yellow black
    - + + \ No newline at end of file diff --git a/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html b/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html index 0161e9be..d3aa26ad 100644 --- a/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html +++ b/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html @@ -1,5 +1,6 @@ + @@ -14,7 +15,7 @@ max-width: 776px; } - .grid > * { + .grid>* { grid-column: span 1; grid-row: span 1; display: flex; @@ -39,16 +40,51 @@ background-color: lightcoral; } - .placeholder { + /* .placeholder { border-color: mediumslateblue; background-color: lightcyan; - } + } */ + - +
    @@ -64,42 +100,42 @@
  • -
  • -
  • -
  • -
  • -
  • -
  • +
  • +
  • +
  • +
  • +
  • +
  • @@ -109,4 +145,5 @@
    + \ No newline at end of file diff --git a/Week 2.2 - Flexbox/1. Centering/index.html b/Week 2.2 - Flexbox/1. Centering/index.html index 5283be49..89ae2f99 100644 --- a/Week 2.2 - Flexbox/1. Centering/index.html +++ b/Week 2.2 - Flexbox/1. Centering/index.html @@ -25,6 +25,9 @@ background-color: whitesmoke; /* Add to your code here to center the box within the container */ + display: flex; + justify-content: center; + align-items: center; } diff --git a/Week 2.2 - Flexbox/2. Placing Items/index.html b/Week 2.2 - Flexbox/2. Placing Items/index.html index d167cd76..c268ca17 100644 --- a/Week 2.2 - Flexbox/2. Placing Items/index.html +++ b/Week 2.2 - Flexbox/2. Placing Items/index.html @@ -1,5 +1,6 @@ + @@ -13,6 +14,7 @@ } + - +