[ Urgent Task / Template Layout Update (HTML, SCSS, Vanilla JS) ]: E-commerce Category Page

Job ID: 33441232

Budget: $30 – $250 USD

Request details
Note: I'm looking for a resource that can deliver this project by 12 AM EST.

Brief:

An e-commerce website (React/SCSS) just updated their category page layout.

Need a senior front-end developer to create 2 responsive partials (header.html / footer.html) from the updated category page layout.

The final deliverable should mirror the design and functionality of the most recent update. Markup and class names may be modified, as needed, as long as the aesthetic and functionality match..

Our goal is to create 2 re-usable, responsive, static partials that mirror the aesthetic and functionality of the most recent category layout update.

The entire category layout does NOT need to be updated. We're only looking to create new partials from the header and footer.

Need to account for all viewports/media queries.
Again, markup (structure, class names/IDs, etc.) may be modified, as needed, as long as the final deliverables align with the aesthetic and functionality from native site
Restrictions:

If you're inclined to use jQuery on any project, this is not the project for you.
Final deliverables should ONLY consist of: HTML, SCSS, CSS, and JS.
React (of the use of any other frameworks) are no go on this project.
Site URLs/screenshots/assets to be provided on required.

Deliverables
The finalized layout should only consist of:

HTML,
SCSS, compiled to CSS,
Vanilla JS
Deliverables:

8 separate files, as specified below.

Responsive Header Partial (4 files)

HTML [header.html]
SCSS [header.scss]
CSS [header.css]
JS [header.js]
Responsive Footer Partial (4 files)

HTML [footer.html]
SCSS [footer.scss]
CSS [footer.css]
JS [footer.js]
Note: the final layouts reference above are intended to use as Liquid partials to be used in other similar templates (CDP, PDP, etc.)
Related categories: JavaScript CSS HTML Bootstrap