My simple website page code - Posts

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Interactive Image with Spark Effect</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="image-container"> <img src="https://assets.onecompiler.app/432x4d88a/432x4bdbe/1000039474.jpg" alt="Interactive Photo" class="interactive-image"> <div class="spark-effect"></div> </div> <div class="button-container"> <div class="social-button">f</div> <div class="social-button">x</div> <div class="social-button">i</div> <div class="social-button">in</div> </div> </body> </html> /*css code*/ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Interactive Image with Spark Effect</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="image-container"> <img src="https://assets.onecompiler.app/432x4d88a/432x4bdbe/1000039474.jpg" alt="Interactive Photo" class="interactive-image"> <div class="spark-effect"></div> </div> <div class="button-container"> <div class="social-button">f</div> <div class="social-button">x</div> <div class="social-button">i</div> <div class="social-button">in</div> </div> </body> </html>