Description Write a web application to display a list of 3D models and interact with them using your own JavaScript and CSS styles. The application must be responsive; the sizes of thumbnails and font are dynamically resized based on the device dimension, and the thumbnails are positioned vertically in landscape mode and horizontally in portrait mode. The thumbnail images and 3D media (models/textures/JS) are provided. The thumbnail images are available at SLATE/Assignment1 folder. And, 3D media and the base JavaScript files are available remotely (external link); http://ejd.songho.ca/syst24444/ Portrait Mode: Width Height son Dieser DeBugger DEB Contis TODO Lucy DB900 Caista 07070 LY Badan LOG OS LONG Copyright Thumbnails . . General Requirements Must be responsive width, height, font size, etc. (Must use the full device width) Must be unobtrusive (no inline CSS and JavaScript) Must define a separate JavaScript file for main driver (e.g. main.js) Must define a separate CSS file to define styles (e.g. main.css) Must use your own CSS and JavaScript (no third-party libraries or frameworks) Must be validated (no errors or warnings in HTML, CSS & JavaScript) Must use flex CSS styles for the container of thumbnails Must use HTML elements for the static contents, title, checkboxes, thumbnails, etc. Must display the selected 3D model when a thumbnail is clicked (Debugger is default) Must toggle on/off displaying texture and spinning 3D models (texture on, spinning off by default) Must use addEventListener() to register user events Must import Smal.js, webgl.js and Logger.js into your HTML page