Change src by Sohel sagir shaikh

This project is an interactive and visually engaging Solar System Information Website developed using HTML, CSS, and JavaScript. The main purpose of the project is to provide users with an easy and interactive way to explore information about different planets and celestial objects in the Solar System. The website features a space-themed background that creates an attractive and realistic environment related to astronomy. A central information panel is provided using an iframe, which initially displays information about Earth. Users can select different celestial objects such as Mercury, Venus, Mars, Jupiter, Saturn, Uranus, Neptune, Pluto, the Sun, and the Moon through dedicated interactive buttons.

JavaScript is used to dynamically change the content displayed inside the iframe whenever a user selects a particular celestial object. This makes the website interactive and eliminates the need for manually opening separate pages. CSS is used to design the overall interface, including the background, layout, dimensions, buttons, rounded corners, spacing, shadows, and hover effects. The responsive arrangement of the buttons also improves usability across different screen sizes. The project demonstrates important concepts of front-end web development, including HTML page structure, CSS styling, JavaScript event handling, DOM manipulation, iframe integration, and user interaction. Overall, the project combines functionality and attractive design to create a simple educational platform for exploring basic information about the Solar System.

← Back to Sohel sagir shaikh