HTML
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Sample Facebook Post Links</title> <style> body { font-family: sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; }.container { width: 90%; max-width: 800px; margin: 20px auto; }h1 { text-align: center; margin-bottom: 30px; }.post-list { list-style: none; padding: 0; }.post-item { background-color: #fff; border: 1px solid #ddd; margin-bottom: 20px; border-radius: 5px; overflow: hidden; transition: transform 0.3s ease; }.post-item:hover { transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }.post-item a { display: block; padding: 20px; text-decoration: none; color: #333; }.post-item h2 { margin-top: 0; margin-bottom: 10px; color: #1877f2; }.post-item p { margin: 0; color: #666; line-height: 1.5; } </style> </head> <body> <div class=”container”> <h1>My Facebook Posts</h1> <div class=”post-list”> <div class=”post-item”> <a href=”https://www.facebook.com/yourprofile/posts/1234567890″ target=”_blank”> <h2>Check out my new recipe!</h2> <p>I shared a delicious chocolate chip cookie recipe. Try it out and let me know what you think!</p> </a> </div> <div class=”post-item”> <a href=”https://www.facebook.com/yourprofile/posts/9876543210″ target=”_blank”> <h2>Exciting news about my project</h2> <p>I’m thrilled to announce that my project has reached a new milestone. Read more about it here.</p> </a> </div> <div class=”post-item”> <a href=”https://www.facebook.com/yourprofile/posts/5432167890″ target=”_blank”> <h2>A beautiful sunset photo</h2> <p>I captured this stunning sunset while hiking this weekend. Enjoy!</p> </a> </div> </div> </div> </body> </html>