process

by bvotcode

HTML

<div style="font-family: Arial, sans-serif; padding: 16px; background: #fff; border: 1px solid #ddd; border-radius: 12px; text-align: center;">
  <h3 style="margin-top: 0; color: #333;">🗂️ Quy trình các bước Duyệt Nội Dung bài và Quảng cáo</h3>
  
  <div style="display: flex; align-items: center; justify-content: center; gap: 24px; overflow-x: auto; padding-top: 8px; padding-bottom: 8px;">

    <div style="text-align: center; min-width: 80px;">
      <img src="https://img.icons8.com/fluency/48/idea-sharing.png" style="width:36px;"><br>Duyệt Chủ đề
    </div>

    <svg width="36" height="36" viewBox="0 0 24 24" fill="#999"><path d="M10 17l5-5-5-5v10z"/></svg>

    <div style="text-align: center; min-width: 80px;">
      <img src="https://img.icons8.com/fluency/48/document.png" style="width:36px;"><br>Duyệt Nội dung
    </div>

    <svg width="36" height="36" viewBox="0 0 24 24" fill="#999"><path d="M10 17l5-5-5-5v10z"/></svg>

    <div style="text-align: center; min-width: 80px;">
      <img src="https://img.icons8.com/fluency/48/video-call.png" style="width:36px;"><br>Kịch bản
    </div>

    <svg width="36" height="36" viewBox="0 0 24 24" fill="#999"><path d="M10 17l5-5-5-5v10z"/></svg>

    <div style="text-align: center; min-width: 80px;">
      <img src="https://img.icons8.com/fluency/48/picture.png" style="width:36px;"><br>Thiết kế Hình/Video
    </div>

    <svg width="36" height="36" viewBox="0 0 24 24" fill="#999"><path d="M10 17l5-5-5-5v10z"/></svg>

    <div style="text-align: center; min-width: 80px;">
      <img src="https://img.icons8.com/fluency/48/edit-image.png" style="width:36px;"><br>Feedback & Edit
    </div>

    <svg width="36" height="36" viewBox="0 0 24 24" fill="#999"><path d="M10 17l5-5-5-5v10z"/></svg>

    <div style="text-align: center; min-width: 80px;">
      <img src="https://img.icons8.com/fluency/48/planner.png" style="width:36px;"><br>Hẹn giờ đăng
    </div>

    <svg width="36" height="36"...