Interactive Periodic Table - Copy this Html, Bootstrap Component to your project

Prompt for Interactive Periodic Table: "Create a visually striking periodic table of 118 elements. Each element block should be color coded based on its classification: metals, nonmetals, metalloids, lanthanides, and actinides. Use distinct, vibrant colors for each group. When a user hovers or clicks on an element, a pop up should appear displaying detailed information such as atomic number, atomic weight, symbol, element name, electron configuration, and a 3D atomic structure model. Include other data such as melting and boiling points, state at room temperature, electronegativity, and isotope information. The 3D model should be interactive, allowing rotation and zooming for closer inspection of the atomic structure. Additional features may include a search bar for element names and atomic numbers, a filter option to sort by group or period, and an option to view the electron shell diagrams