GrapeJS demo

by bvotcode

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://dulieu.sohoadoanhnghiep.vn/website-builder/grapesjs/source-code-original/from-unpkg/grapes.min.css">
<script src="https://dulieu.sohoadoanhnghiep.vn/website-builder/grapesjs/source-code-original/from-unpkg/grapes.min.js"></script>
<div id="podio-content"></div>
<script>
  var html = `<div style="font-family: 'Arial', sans-serif; line-height: 1.3; color: #333; padding: 5px;">

<div style="text-align: center; margin-bottom: 1px;">
<h2 style="color: #d32f2f; margin-bottom: 1px; font-size: 1.2em;">🌟 TIÊU CHÍ SÁNG TẠO VIDEO ẤN TƯỢNG 📽️</h2>
<div style="height: 2px; background: linear-gradient(to right, transparent, #d32f2f, transparent); width: 80%; margin: auto;"></div>
</div>
</div>

<div style="text-align: center; margin-top: 10px; padding-top: 8px; border-top: 1px dashed #ccc;">
<span style="font-size: 1.05em; font-style: italic; color: #555;">✨ Ví dụ bạn có thể đặt tiêu đề video theo kiểu "<strong style="color: #d32f2f;">Vững lái an toàn – Trọn tình quê hương</strong>" ✨</span>
</div>

</div>`; // HTML từ Podio
  document.getElementById('podio-content').innerHTML = html;
</script>