<!-- Book Section --> <div style="max-width: 900px; margin: 20px auto; padding: 15px; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); background:#fff;"> <!-- Title Image --> <div style="text-align:center; margin-bottom:15px;"> <img alt="Book Title" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJkFZ5oZ021HJHpWu0ZlP9SkEcvRH7UC2ODisZSdJ4KgH6TkjSHzzzWDeRdgV53sOUTvLswfz5rGIIzefx2gl6SM3bJrLdbkPj7f7waQIOdqcSug8g0A1b7pXK6976fpYId9x7Y77amyYTz_U5CERS4b1u6dk8lQN8OEXopBvveNktsyPLr2KIE2higg22/s600/%DB%8C%DB%81%D9%88%D8%AF%20%DA%A9%DB%8C%20%DA%86%D8%A7%D9%84%DB%8C%D8%B3%20%D8%A8%DB%8C%D9%85%D8%A7%D8%B1%DB%8C%D8%A7%DA%BA%20%D9%B9%D8%A7%D9%97%D9%B9%D9%84.png" style="max-width:100%; border-radius:8px;"> </div> <!-- Buttons --> <div style="text-align:center; margin-bottom:20px;"> <a href="https://drive.google.com/file/d/1jLD4H82UGJgUhxrkarDr0kCApV6Ed-zG/view?usp=sharing" style="display:inline-block; padding:10px 20px; margin:5px; background:#28a745; color:#fff; font-size:18px; font-weight:bold; text-decoration:none; border-radius:6px;" target="_blank"> 📥 Download PDF </a> <a href="https://maarifesheikh.blogspot.com/p/blog-page_48.html" style="display:inline-block; padding:10px 20px; margin:5px; background:#c0392b; color:#fff; font-size:18px; font-weight:bold; text-decoration:none; border-radius:6px;" target="_blank"> 🎧 Listen Audio </a> </div> <!-- Heading --> <h3 style="text-align:center; font-size:22px; color:#333; margin-bottom:15px;"> 📖 Read Book Online </h3> <!-- Fixed One-Page Height PDF Embed --> <div style="border-radius:8px; overflow:hidden;"> <iframe src="https://drive.google.com/file/d/1QMMz1gNetR2l3FCMzj5zllg09mNoWD6w/preview" style="width:100%; height:540px; border:0;" allow="autoplay"> </iframe> </div> </div>
No comments:
Post a Comment