Book Authoring Snippets

Cover Image Instructions

Cover Image Insertion:
1, right click
2, image options
3, size & rotation
4, Size > Width 5.51 in
5, align > middle

Chapter Section

<section class="chapter"></section>

Language Span

<span lang="en">
</span>

Book Title Block

<p class="book-title">[Book Title]</p>
<p class="lead-small mb-0">[Book Sub-Title]</p>

Image Block

<div class="image-block">
  <img src="[Image URL]" alt="[Alt Text]">
</div>

Image Caption

<div class="caption">[Caption Text]</div>

Chapter Content

<h2>[Chapter Title]</h2>
<p>[Para Text]</p>

HTML List Tags

<ol></ol>
<ul></ul>
<li></li>

Responsive Table

<div class="table-responsive-custom">
  <table class="custom-table" aria-label="Sample table">
    <thead>
      <tr>
        <th>ধাপ</th>
        <th>বিবরণ</th>
        <th><span lang="en">What It Does for You</span></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>১. Discover Gaps</td>
        <td>AI টেক্সটের যে কাজগুলো আগেই ধরে নেয় — টার্ম, কনসেপ্ট বা ব্যাকগ্রাউন্ড নলেজ — তা শনাক্ত করে।</td>
        <td><span lang="en">Makes invisible confusion visible.</span></td>
      </tr>
      <tr>
        <td>২. Fill the Links</td>
        <td>টেক্সটটিকে পরিষ্কার, বন্ধুত্বপূর্ণ ভাষায় পুনর্লিখন করে, ধারণাগুলো যুক্ত করে দেয়।</td>
        <td><span lang="en">Helps you “see” the full picture.</span></td>
      </tr>
      <tr>
        <td>৩. Guide Curiosity</td>
        <td>ব্যক্তিগতকৃত লার্নিং প্রশ্ন তৈরী করে যা আপনাকে গভীর বোঝার দিকে নিয়ে যায়।</td>
        <td><span lang="en">Turns confusion into curiosity and direction.</span></td>
      </tr>
    </tbody>
  </table>
</div>