Resume Builder - Free CV Creator

  <!-- Personal Info -->
  <div class="rb-section-card" data-section="personal">
    <div class="rb-section-header">
      <button class="rb-move-btn rb-move-up" title="Move up">↑</button>
      <button class="rb-move-btn rb-move-dn" title="Move down">↓</button>
      <span class="rb-sec-title">Personal Info</span>
      <span class="rb-sec-toggle">▾</span>
    </div>
    <div class="rb-section-body">
      <div class="rb-field"><label>Full Name</label><input type="text" id="rb-name" placeholder="Jane Smith"></div>
      <div class="rb-field-row">
        <div class="rb-field"><label>Email</label><input type="email" id="rb-email" placeholder="jane@example.com"></div>
        <div class="rb-field"><label>Phone</label><input type="tel" id="rb-phone" placeholder="+1 555-0100"></div>
      </div>
      <div class="rb-field-row">
        <div class="rb-field"><label>Location</label><input type="text" id="rb-location" placeholder="New York, NY"></div>
        <div class="rb-field"><label>LinkedIn</label><input type="text" id="rb-linkedin" placeholder="linkedin.com/in/jane"></div>
      </div>
      <div class="rb-field"><label>Website / Portfolio</label><input type="text" id="rb-website" placeholder="janesmith.com"></div>
    </div>
  </div>

  <!-- Summary -->
  <div class="rb-section-card" data-section="summary">
    <div class="rb-section-header">
      <button class="rb-move-btn rb-move-up" title="Move up">↑</button>
      <button class="rb-move-btn rb-move-dn" title="Move down">↓</button>
      <span class="rb-sec-title">Professional Summary</span>
      <span class="rb-sec-toggle">▾</span>
    </div>
    <div class="rb-section-body">
      <div class="rb-field">
        <textarea id="rb-summary" placeholder="Brief overview of your professional background and goals…"></textarea>
      </div>
    </div>
  </div>

  <!-- Work Experience -->
  <div class="rb-section-card" data-section="experience">
    <div class="rb-section-header">
      <button class="rb-move-btn rb-move-up" title="Move up">↑</button>
      <button class="rb-move-btn rb-move-dn" title="Move down">↓</button>
      <span class="rb-sec-title">Work Experience</span>
      <span class="rb-sec-toggle">▾</span>
    </div>
    <div class="rb-section-body">
      <div id="rb-exp-list"></div>
      <button class="rb-add-btn" id="rb-add-exp">+ Add Experience</button>
    </div>
  </div>

  <!-- Education -->
  <div class="rb-section-card" data-section="education">
    <div class="rb-section-header">
      <button class="rb-move-btn rb-move-up" title="Move up">↑</button>
      <button class="rb-move-btn rb-move-dn" title="Move down">↓</button>
      <span class="rb-sec-title">Education</span>
      <span class="rb-sec-toggle">▾</span>
    </div>
    <div class="rb-section-body">
      <div id="rb-edu-list"></div>
      <button class="rb-add-btn" id="rb-add-edu">+ Add Education</button>
    </div>
  </div>

  <!-- Skills -->
  <div class="rb-section-card" data-section="skills">
    <div class="rb-section-header">
      <button class="rb-move-btn rb-move-up" title="Move up">↑</button>
      <button class="rb-move-btn rb-move-dn" title="Move down">↓</button>
      <span class="rb-sec-title">Skills</span>
      <span class="rb-sec-toggle">▾</span>
    </div>
    <div class="rb-section-body">
      <div class="rb-tags-input">
        <input type="text" id="rb-skill-input" placeholder="e.g. JavaScript">
        <button id="rb-skill-add">Add</button>
      </div>
      <div id="rb-tags-wrap"></div>
    </div>
  </div>

  <!-- Languages -->
  <div class="rb-section-card" data-section="languages">
    <div class="rb-section-header">
      <button class="rb-move-btn rb-move-up" title="Move up">↑</button>
      <button class="rb-move-btn rb-move-dn" title="Move down">↓</button>
      <span class="rb-sec-title">Languages</span>
      <span class="rb-sec-toggle">▾</span>
    </div>
    <div class="rb-section-body">
      <div class="rb-tags-input">
        <input type="text" id="rb-lang-input" placeholder="e.g. English (Native)">
        <button id="rb-lang-add">Add</button>
      </div>
      <div id="rb-lang-tags-wrap"></div>
    </div>
  </div>

</div>

Live Preview