Homework 7

[drrtrana]

Part I:

• [ ] You have an extra double quote in your meta tag (name="viewport") - this causes bootstrap not to load.
• [ ] In your add-page.html, bootstrap is not being loaded because you're not replacing/inserting the headerFiles fragment
• [ ] Need to add the fragments for bootstrap into all the HTML pages.

Part II:

• [ ] Once you fix the above, your navigation displays. However the collapse functionality does not work. Use data-bs-target and data-bs-toggle instead of data-target and data-toggle.
• [ ] The link for the current page is not active. Place the th:classappend on the a element instead of the li element.

Part III:

• [ ] You should fix the spacing on the form so that the text boxes and submit button have proper spacing between them.

Part IV:

• [ ] Missing the image on the index-page
• [ ] The copyright footer needs to be centered and should behave like a footer (be near the bottom of the page).

You have until 10/28 at 11:59 p.m. to make these fixes. When you have fixed the above, close this issue and reply to it with the commit number that has the fixes.

[gdinev11]

fda2c69bda0bf40bf8fac4cf558b009a8158ed5f

[drrtrana]

Ok, you've made significant progress on this, but you have still have remaining issues that will affect future assignments and your final project.

• [ ] The fragments are not included on the index-page - including the navigation component. You're using th:fragment, but you should be replacing/inserting the fragments. Review Video 6c: Thymeleaf fragments. This goes for all the fragments - including the scripts.
• [ ] You need to include the fragments correctly on the add-car.html page as well. You placed the header files fragment in the head tag of the html - not the body of the html. This goes for all the fragments - including the scripts.
• [ ] You need to look at your pages in mobile view - the image goes all the way off the right side of the page in mobile view.
• [ ] Your footer is not centered or included correctly.