There will be two parts to this assignment:

Your coded site, to include semantic HTML$,$ appropriate CSS $($your site is not required to be responsive$),$ and JS$.$ First, you'll have some required elements:

The site will be a single page, and should display properly at $1280$px wide

The page should look like a real, stand$-$alone website. Users should see all of the kind of content that they would expect from any professional website. No placeholder text is allowed, text and photos should be realistic and high$-$quality, and everything you'd expect to see should be present $($header$,$ navigation $($even within the page$),$ footer, etc.

ALL of your files, including any JS$,$ HTML or CSS should be well organized, properly indented, well$-$commented, and appropriate $($in terms of content and layout$).$

Your HTML and CSS should validate without errors or warnings.

There should not be ANY JavaScript or CSS in your HTML $($no inline event handlers, no inline CSS$,$ only HTML goes in your HTML file$)$

When viewing your site in the browser, no errors should be visible in the console.

Add the async or defer attribute to your script tag in the header to prevent errors on page load with the JS$.$

Your JS should "use strict"; globally

These elements are required for the project$/$code $($include all four items on your site$)$:

jQuery Widget$/$Plugin $-$ Use at least one on your site. We practiced with the tabs and accordion in class, but you aren't limited to only using one of those two. $($Module $6-$ More jQuery, with AJAX and Plugins$)$

Use Ajax$/$API $-$ Include a section$/$area where you load some kind of content to the page, either from a third$-$party API or from a JSON file that you create. $($The movie database activity shows loading content from an API and the cupcake page activity shows loading content from a JSON file using Postman$).$ You could allow the users to "page" through results in this section by only loading a few products$/$items at a time, or you can display them all at once. It's up to you! This should include at least three pieces of content $($three movies, three portfolio projects, etc. Whatever your site topic is$,$ choose content to support that$).($Module $2-$ JSON, AJAX, Third$-$Party APIS and$/$or Module $6-$ More jQuery with AJAX and Plugins$)$

Web Storage $-$ Use web storage on your site to store$/$display some info for the user. This could be content you write to their web storage and then retrieve$/$display on page load or it could be content that you allow the user to enter into a form, then store in web storage and display to them. The web storage activity $($we downloaded starter files for that, you should have them on your computer$)$ shows how to write and retrieve$/$display content in web storage. $($Module $3-$ Web Storage, Canvas Drawing, Transformations, and Animation$)$

Slideshow$/$Carousel $-$ Include a slideshow$/$carousel of images $($that can also include text if you'd like$)$ using jQuery $($plugin$/$widget$)$ or another JavaScript library $($research and find one you like$).$ This should have at least three images in it$.($Module $5-$ JS Libraries: jQuery Introduction and Module $6-$ More jQuery, with AJAX and Plugins$)$

A planned$/$prepared Behance project that explains your process. If you aren't sure what this should look like, check out the winners in the Digital Products category on the GIT Awards websiteLinks to an external site. $($choose a semester, then view that category$).$ This should include these details: