<!-- wp:html --> <style data-wp-block-html="css"> /* VIDEO PREMIUM */ .video-wrapper { position: relative; width: 100%; max-width: 860px; margin: 20px auto; aspect-ratio: 16/9; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 25px rgba(0,0,0,0.15); } .video-wrapper iframe { width: 100%; height: 100%; border: none; } /* BANNER IKLAN */ .ads-banner { max-width: 860px; margin: 25px auto; text-align: center; } .ads-banner img { width: 100%; height: auto; border-radius: 10px; transition: transform .3s ease, box-shadow .3s ease; } .ads-banner img:hover { transform: scale(1.02); box-shadow: 0 10px 25px rgba(0,0,0,0.2); } .video-caption{ font-size:13px; color:#6b7280; margin-top:8px; line-height:1.5; border-left:3px solid #d0021b; padding-left:10px; font-style:italic; } </style> <!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { font-family: "Georgia", serif; background: #f4f4f4; margin: 0; padding: 0; color: #1a1a1a; } .container { max-width: 760px; margin: 40px auto; background: #ffffff; padding: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); border-radius: 6px; } .title { font-size: 2.2rem; font-weight: bold; border-left: 5px solid #d60000; padding-left: 15px; margin-bottom: 25px; line-height: 1.3; } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 6px; margin-bottom: 15px; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .video-caption { font-size: 1rem; font-style: italic; color: #555; border-left: 3px solid #ccc; padding-left: 12px; margin-top: 10px; margin-bottom: 25px; line-height: 1.6; } .ads-banner { text-align: center; margin-top: 20px; } .ads-banner img { width: 100%; max-width: 720px; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.07); } </style> </head> <body> <div class="container"> <div class="title">Anak-anak Membaca Majalah Anak Cerdas</div> <div class="video-wrapper"> <iframe src="https://www.youtube.com/embed/JtGRZE4NpxU" title="YouTube video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe> </div> <div class="video-caption"> Video: Cuplikan tayangan yang memperlihatkan anak-anak sedang membaca majalah Anak Cerdas. </div> <div class="ads-banner"> <a href="https://3.bp.blogspot.com/-3Z4d4pLL9Bc/WdNJrutTVkI/AAAAAAAACmY/gAn7SKgd44orPRVaMK2RAgx3ZdqbQjryACLcBGAs/s1600/Iklan%2Bbanner%2Bpotret%2Bbusana-01.png" target="_blank"> <img src="https://3.bp.blogspot.com/-3Z4d4pLL9Bc/WdNJrutTVkI/AAAAAAAACmY/gAn7SKgd44orPRVaMK2RAgx3ZdqbQjryACLcBGAs/s1600/Iklan%2Bbanner%2Bpotret%2Bbusana-01.png" alt="Iklan Banner"> </a> </div> </div> </body> </html> <!-- /wp:html -->
