colorme.vn
Open in
urlscan Pro
52.222.236.79
Public Scan
Submitted URL: http://colorme.vn/
Effective URL: https://colorme.vn/
Submission Tags: tranco_l324
Submission: On April 12 via api from DE — Scanned from DE
Effective URL: https://colorme.vn/
Submission Tags: tranco_l324
Submission: On April 12 via api from DE — Scanned from DE
Form analysis 3 forms found in the DOM
<form method="" action="" onsubmit="validateLogin(event)" class="w-100 form-login">
<div class="form-group">
<input name="email" type="text" placeholder="Tên đăng nhập/Email" class="form-control">
</div>
<div class="form-group">
<input name="password" type="password" placeholder="Mật khẩu" class="form-control">
</div>
<button id="submitLoginBtn" class="form-group btn btn-success w-100 p-3" disabled="">Đăng nhập</button>
</form>Name: form_create —
<form onsubmit="return createAccout(event)" name="form_create" id="form-create" class="w-100 form-login needs-validation" novalidate="" oninput="validateConfirmPassword()">
<div class="form-group">
<input id="validationServerUsername" width="100%" type="text" name="name" placeholder="Họ và tên" required="" class="form-control">
<div id="validationServerUsernameFeedback" class="invalid-feedback"> Vui lòng nhập họ và tên </div>
</div>
<div class="form-group">
<input id="validationServerEmail" width="100%" name="email" type="email" placeholder="Email" required="" class="form-control">
<div id="validationServerEmailFeedback" class="invalid-feedback"> Vui lòng nhập Email theo đúng định dạng </div>
</div>
<div class="form-group">
<input width="100%" type="password" name="password" id="password" placeholder="Mật khẩu" class="form-control" required="">
<div class="invalid-feedback"> Vui lòng nhập mật khẩu </div>
</div>
<div class="form-group">
<input width="100%" type="password" name="confirm_password" id="confirm_password" placeholder="Nhập lại mật khẩu" required="" class="form-control">
<div id="invalidConfirmPassword" class="invalid-feedback"> Vui lòng nhập lại mật khẩu </div>
</div>
<div class="form-group">
<input width="100%" type="text" name="phone" placeholder="Số điện thoại" required="" class="form-control">
<div class="invalid-feedback"> Vui lòng nhập số điện thoại liên lạc </div>
</div>
<!---->
<p class="text-secondary">Bằng việc bấm vào nút "Tạo tài khoản" bên dưới, bạn đã đồng ý với <a style="color: #007bff" target="_blank" href="../blog/dieu-khoan-va-quy-dinh-tai-colorme-47589">Điều
khoản và quy định</a> của ColorME</p>
<div style="display: none" id="error-create" class="alert alert-danger" role="alert">
</div>
<button type="submit" class="btn btn-success w-100 my-2 p-3"> Tạo tài khoản </button>
</form><form id="form-uploadProduct" class="px-4 py-2" novalidate="novalidate">
<div class="modal-body px-sm-2 px-lg-5 py-md-4">
<ul class="nav nav-pills mb-3" role="tablist">
<li>
<a id="btn-avatarIsImage" href="#avatar-image" class="btn btn-tab-gradient btn-round active outline-0 border-0" data-bs-toggle="pill" role="tab" aria-controls="avatar-image" aria-selected="true" title="Chọn ảnh làm ảnh đại diện cho bài viết">
Ảnh đại diện</a>
</li>
<li>
<a id="btn-avatarIsVideo" href="#avatar-video" class="btn btn-tab-gradient btn-round outline-0 border-0" data-bs-toggle="pill" role="tab" aria-controls="avatar-video" aria-selected="false" title="Chọn video làm ảnh đại diện cho bài viết">
Video đại diện</a>
</li>
</ul>
<div id="pills-tabContent" style="min-height: 340px">
<div class="tab-pane fade show active" id="avatar-image" role="tabpanel" aria-labelledby="pills-home-tab">
<p class="mt-4">Chọn ảnh đại diện cho bài viết</p>
<div id="open-mainImageInputProduct" class="form-group mt-1 mb-0 w-100">
<div style="min-height: 300px" class="card-upload-img d-flex align-items-center justify-content-center rounded-10">
<span id="for-inputImageProduct" style="display: block">Chọn ảnh đại diện</span>
</div>
</div>
</div>
<div class="tab-pane fade" id="avatar-video" role="tabpanel" aria-labelledby="pills-profile-tab">
<div class="form-group mt-1 mb-0 w-100">
<div class="form-group">
<input id="insert-urlAvatarVideo" type="text" class="form-control" placeholder="Dán URL video từ Youtube ( Nhấn enter để xác nhận )">
</div>
</div>
<div id="videoUploaded">
<img style="max-height: 300px" onclick="document.getElementById('insert-urlAvatarVideo').focus()" class="w-100" src="https://d1j8r0kxyu9tj8.cloudfront.net/files/16444004566in4A9hgHPLF0y2.png" alt="avatar-is-video">
</div>
</div>
</div>
<input name="mainImageInputProduct" accept="image/*" type="file" id="mainImageInputProduct" aria-label="image" style="opacity: 0; height: 0; width: 0">
<div class="form-group mb-3">
<label>Tiêu đề</label>
<input name="title" id="title-product" class="form-control">
<small class="form-text text-muted">Gợi ý: Ghi tiêu đề rõ sẽ giúp bài của bạn dễ được tìm thấy</small>
</div>
<p class="mb-2">Mô tả chi tiết</p>
<div id="editorProduct" class="editor-tool fr-box fr-basic fr-top" role="application">
<div class="fr-toolbar fr-desktop fr-top fr-basic">
<div class="fr-btn-grp fr-float-left"><button id="bold-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Bold (Ctrl+B)" class="fr-command fr-btn" data-cmd="bold"><svg class="fr-svg" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path
d="M15.25,11.8h0A3.68,3.68,0,0,0,17,9a3.93,3.93,0,0,0-3.86-4H6.65V19h7a3.74,3.74,0,0,0,3.7-3.78V15.1A3.64,3.64,0,0,0,15.25,11.8ZM8.65,7h4.2a2.09,2.09,0,0,1,2,1.3,2.09,2.09,0,0,1-1.37,2.61,2.23,2.23,0,0,1-.63.09H8.65Zm4.6,10H8.65V13h4.6a2.09,2.09,0,0,1,2,1.3,2.09,2.09,0,0,1-1.37,2.61A2.23,2.23,0,0,1,13.25,17Z">
</path>
</svg><span class="fr-sr-only">Bold</span></button><button id="italic-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Italic (Ctrl+I)" class="fr-command fr-btn" data-cmd="italic"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M11.76,9h2l-2.2,10h-2Zm1.68-4a1,1,0,1,0,1,1,1,1,0,0,0-1-1Z"></path>
</svg><span class="fr-sr-only">Italic</span></button><button id="underline-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Underline (Ctrl+U)" class="fr-command fr-btn" data-cmd="underline"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M19,20v2H5V20Zm-3-6.785a4,4,0,0,1-5.74,3.4A3.75,3.75,0,0,1,8,13.085V5.005H6v8.21a6,6,0,0,0,8,5.44,5.851,5.851,0,0,0,4-5.65v-8H16ZM16,5v0h2V5ZM8,5H6v0H8Z"></path>
</svg><span class="fr-sr-only">Underline</span></button><button id="moreText-1" data-group-name="moreText-1" type="button" tabindex="-1" role="button" title="More Text" class="fr-command fr-btn" data-cmd="moreText"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M13.55,19h2l-5-14h-2l-5,14h2l1.4-4h5.1Zm-5.9-6,1.9-5.2,1.9,5.2Zm12.8,4.5a1.5,1.5,0,1,1-1.5-1.5A1.5,1.5,0,0,1,20.45,17.5Zm0-4a1.5,1.5,0,1,1-1.5-1.5A1.5,1.5,0,0,1,20.45,13.5Zm0-4A1.5,1.5,0,1,1,18.95,8,1.5,1.5,0,0,1,20.45,9.5Z">
</path>
</svg><span class="fr-sr-only">More Text</span></button></div>
<div class="fr-btn-grp fr-float-left"><button id="alignLeft-1" type="button" tabindex="-1" role="button" title="Align Left" class="fr-command fr-btn" data-cmd="alignLeft"><svg class="fr-svg" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path d="M3,18h6v-2H3V18z M3,11v2h12v-2H3z M3,6v2h18V6H3z"></path>
</svg><span class="fr-sr-only">Align Left</span></button><button id="alignCenter-1" type="button" tabindex="-1" role="button" title="Align Center" class="fr-command fr-btn" data-cmd="alignCenter"><svg class="fr-svg" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path d="M9,18h6v-2H9V18z M6,11v2h12v-2H6z M3,6v2h18V6H3z"></path>
</svg><span class="fr-sr-only">Align Center</span></button><button id="formatOLSimple-1" type="button" tabindex="-1" role="button" title="Ordered List" class="fr-command fr-btn" data-cmd="formatOLSimple"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5,16h2v.5h-1v1h1V18h-2v1h3V15h-3Zm1-7h1V5h-2V6h1Zm-1,2H4.3L2.5,13.1V14h3V13H3.7l1.8-2.1V10h-3Zm5-5V8h14V6Zm0,12h14V16H7.5Zm0-5h14V11H7.5Z"></path>
</svg><span class="fr-sr-only">Ordered List</span></button><button id="moreParagraph-1" data-group-name="moreParagraph-1" type="button" tabindex="-1" role="button" title="More Paragraph" class="fr-command fr-btn"
data-cmd="moreParagraph"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.682,5a4.11,4.11,0,0,0-4.07,3.18,4,4,0,0,0,3.11,4.725h0l.027.005a3.766,3.766,0,0,0,.82.09v6h2V7h2V19h2V7h2V5ZM5.532,9a2,2,0,0,1,2-2v4A2,2,0,0,1,5.532,9Zm14.94,8.491a1.5,1.5,0,1,1-1.5-1.5A1.5,1.5,0,0,1,20.472,17.491Zm0-4a1.5,1.5,0,1,1-1.5-1.5A1.5,1.5,0,0,1,20.472,13.491Zm0-4a1.5,1.5,0,1,1-1.5-1.5A1.5,1.5,0,0,1,20.472,9.491Z">
</path>
</svg><span class="fr-sr-only">More Paragraph</span></button></div>
<div class="fr-btn-grp fr-float-left"><button id="insertLink-1" type="button" tabindex="-1" role="button" title="Insert Link (Ctrl+K)" class="fr-command fr-btn" data-cmd="insertLink" data-popup="true"><svg class="fr-svg" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path d="M11,17H7A5,5,0,0,1,7,7h4V9H7a3,3,0,0,0,0,6h4ZM17,7H13V9h4a3,3,0,0,1,0,6H13v2h4A5,5,0,0,0,17,7Zm-1,4H8v2h8Z"></path>
</svg><span class="fr-sr-only">Insert Link</span></button><button id="insertImage-1" type="button" tabindex="-1" role="button" title="Insert Image (Ctrl+P)" class="fr-command fr-btn" data-cmd="insertImage" data-popup="true"><svg
class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.2,11l3.8,5H6l3-3.9l2.1,2.7L14,11H14.2z M8.5,11c0.8,0,1.5-0.7,1.5-1.5S9.3,8,8.5,8S7,8.7,7,9.5C7,10.3,7.7,11,8.5,11z M22,6v12c0,1.1-0.9,2-2,2H4c-1.1,0-2-0.9-2-2V6c0-1.1,0.9-2,2-2h16C21.1,4,22,4.9,22,6z M20,8.8V6H4v12h16V8.8z">
</path>
</svg><span class="fr-sr-only">Insert Image</span></button><button id="insertVideo-1" type="button" tabindex="-1" role="button" title="Insert Video" class="fr-command fr-btn" data-cmd="insertVideo" data-popup="true"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M15,8v8H5V8H15m2,2.5V7a1,1,0,0,0-1-1H4A1,1,0,0,0,3,7V17a1,1,0,0,0,1,1H16a1,1,0,0,0,1-1V13.5l2.29,2.29A1,1,0,0,0,21,15.08V8.91a1,1,0,0,0-1.71-.71Z"></path>
</svg><span class="fr-sr-only">Insert Video</span></button><button id="moreRich-1" data-group-name="moreRich-1" type="button" tabindex="-1" role="button" title="More Rich" class="fr-command fr-btn" data-cmd="moreRich"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5,13h-6v6h-2V13h-6V11h6V5h2v6h6Zm5,4.5A1.5,1.5,0,1,1,20,16,1.5,1.5,0,0,1,21.5,17.5Zm0-4A1.5,1.5,0,1,1,20,12,1.5,1.5,0,0,1,21.5,13.5Zm0-4A1.5,1.5,0,1,1,20,8,1.5,1.5,0,0,1,21.5,9.5Z"></path>
</svg><span class="fr-sr-only">More Rich</span></button></div>
<div class="fr-btn-grp fr-float-right"><button id="undo-1" type="button" tabindex="-1" role="button" aria-disabled="true" title="Undo (Ctrl+Z)" class="fr-command fr-btn fr-disabled" data-cmd="undo"><svg class="fr-svg" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path d="M10.4,9.4c-1.7,0.3-3.2,0.9-4.6,2L3,8.5v7h7l-2.7-2.7c3.7-2.6,8.8-1.8,11.5,1.9c0.2,0.3,0.4,0.5,0.5,0.8l1.8-0.9 C18.9,10.8,14.7,8.7,10.4,9.4z"></path>
</svg><span class="fr-sr-only">Undo</span></button><button id="redo-1" type="button" tabindex="-1" role="button" aria-disabled="true" title="Redo (Ctrl+Shift+Z)" class="fr-command fr-btn fr-disabled" data-cmd="redo"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M13.6,9.4c1.7,0.3,3.2,0.9,4.6,2L21,8.5v7h-7l2.7-2.7C13,10.1,7.9,11,5.3,14.7c-0.2,0.3-0.4,0.5-0.5,0.8L3,14.6 C5.1,10.8,9.3,8.7,13.6,9.4z"></path>
</svg><span class="fr-sr-only">Redo</span></button><button id="moreMisc-1" data-group-name="moreMisc-1" type="button" tabindex="-1" role="button" title="More Misc" class="fr-command fr-btn" data-cmd="moreMisc"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.5,17c0,0.8-0.7,1.5-1.5,1.5s-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5S13.5,16.2,13.5,17z M13.5,12c0,0.8-0.7,1.5-1.5,1.5 s-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5S13.5,11.2,13.5,12z M13.5,7c0,0.8-0.7,1.5-1.5,1.5S10.5,7.8,10.5,7s0.7-1.5,1.5-1.5 S13.5,6.2,13.5,7z">
</path>
</svg><span class="fr-sr-only">More Misc</span></button></div>
<div class="fr-newline"></div>
<div class="fr-more-toolbar" data-name="moreText-1"><button id="strikeThrough-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Strikethrough (Ctrl+S)" class="fr-command fr-btn" data-cmd="strikeThrough"><svg
class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M3,12.20294H21v1.5H16.63422a3.59782,3.59782,0,0,1,.34942,1.5929,3.252,3.252,0,0,1-1.31427,2.6997A5.55082,5.55082,0,0,1,12.20251,19a6.4421,6.4421,0,0,1-2.62335-.539,4.46335,4.46335,0,0,1-1.89264-1.48816,3.668,3.668,0,0,1-.67016-2.15546V14.704h.28723v-.0011h.34149v.0011H9.02v.11334a2.18275,2.18275,0,0,0,.85413,1.83069,3.69,3.69,0,0,0,2.32836.67926,3.38778,3.38778,0,0,0,2.07666-.5462,1.73346,1.73346,0,0,0,.7013-1.46655,1.69749,1.69749,0,0,0-.647-1.43439,3.00525,3.00525,0,0,0-.27491-.17725H3ZM16.34473,7.05981A4.18163,4.18163,0,0,0,14.6236,5.5462,5.627,5.627,0,0,0,12.11072,5,5.16083,5.16083,0,0,0,8.74719,6.06213,3.36315,3.36315,0,0,0,7.44006,8.76855a3.22923,3.22923,0,0,0,.3216,1.42786h2.59668c-.08338-.05365-.18537-.10577-.25269-.16064a1.60652,1.60652,0,0,1-.65283-1.30036,1.79843,1.79843,0,0,1,.68842-1.5108,3.12971,3.12971,0,0,1,1.96948-.55243,3.04779,3.04779,0,0,1,2.106.6687,2.35066,2.35066,0,0,1,.736,1.83258v.11341h2.00317V9.17346A3.90013,3.90013,0,0,0,16.34473,7.05981Z">
</path>
</svg><span class="fr-sr-only">Strikethrough</span></button><button id="subscript-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Subscript" class="fr-command fr-btn" data-cmd="subscript"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M10.4,12l3.6,3.6L12.6,17L9,13.4L5.4,17L4,15.6L7.6,12L4,8.4L5.4,7L9,10.6L12.6,7L14,8.4L10.4,12z M18.31234,19.674 l1.06812-1.1465c0.196-0.20141,0.37093-0.40739,0.5368-0.6088c0.15975-0.19418,0.30419-0.40046,0.432-0.617 c0.11969-0.20017,0.21776-0.41249,0.29255-0.6334c0.07103-0.21492,0.10703-0.43986,0.10662-0.66621 c0.00297-0.28137-0.04904-0.56062-0.1531-0.82206c-0.09855-0.24575-0.25264-0.46534-0.45022-0.6416 c-0.20984-0.18355-0.45523-0.32191-0.72089-0.40646c-0.63808-0.19005-1.3198-0.17443-1.94851,0.04465 c-0.28703,0.10845-0.54746,0.2772-0.76372,0.49487c-0.20881,0.20858-0.37069,0.45932-0.47483,0.73548 c-0.10002,0.26648-0.15276,0.54838-0.15585,0.833l-0.00364,0.237H17.617l0.00638-0.22692 c0.00158-0.12667,0.01966-0.25258,0.05377-0.37458c0.03337-0.10708,0.08655-0.20693,0.15679-0.29437 c0.07105-0.08037,0.15959-0.14335,0.25882-0.1841c0.22459-0.08899,0.47371-0.09417,0.7018-0.01458 c0.0822,0.03608,0.15559,0.08957,0.21509,0.15679c0.06076,0.07174,0.10745,0.15429,0.13761,0.24333 c0.03567,0.10824,0.05412,0.22141,0.05469,0.33538c-0.00111,0.08959-0.0118,0.17881-0.0319,0.26612 c-0.02913,0.10428-0.07076,0.20465-0.124,0.29893c-0.07733,0.13621-0.1654,0.26603-0.26338,0.38823 c-0.13438,0.17465-0.27767,0.34226-0.42929,0.50217l-2.15634,2.35315V21H21v-1.326H18.31234z">
</path>
</svg><span class="fr-sr-only">Subscript</span></button><button id="superscript-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Superscript" class="fr-command fr-btn" data-cmd="superscript"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M10.4,12,14,15.6,12.6,17,9,13.4,5.4,17,4,15.6,7.6,12,4,8.4,5.4,7,9,10.6,12.6,7,14,8.4Zm8.91234-3.326,1.06812-1.1465c.196-.20141.37093-.40739.5368-.6088a4.85745,4.85745,0,0,0,.432-.617,3.29,3.29,0,0,0,.29255-.6334,2.11079,2.11079,0,0,0,.10662-.66621,2.16127,2.16127,0,0,0-.1531-.82206,1.7154,1.7154,0,0,0-.45022-.6416,2.03,2.03,0,0,0-.72089-.40646,3.17085,3.17085,0,0,0-1.94851.04465,2.14555,2.14555,0,0,0-.76372.49487,2.07379,2.07379,0,0,0-.47483.73548,2.446,2.446,0,0,0-.15585.833l-.00364.237H18.617L18.62338,5.25a1.45865,1.45865,0,0,1,.05377-.37458.89552.89552,0,0,1,.15679-.29437.70083.70083,0,0,1,.25882-.1841,1.00569,1.00569,0,0,1,.7018-.01458.62014.62014,0,0,1,.21509.15679.74752.74752,0,0,1,.13761.24333,1.08893,1.08893,0,0,1,.05469.33538,1.25556,1.25556,0,0,1-.0319.26612,1.34227,1.34227,0,0,1-.124.29893,2.94367,2.94367,0,0,1-.26338.38823,6.41629,6.41629,0,0,1-.42929.50217L17.19709,8.92642V10H22V8.674Z">
</path>
</svg><span class="fr-sr-only">Superscript</span></button><button id="fontFamily-1" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-fontFamily-1" aria-expanded="false" aria-haspopup="true" title="Font Family"
class="fr-command fr-btn fr-dropdown fr-selection" data-cmd="fontFamily"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M16,19h2L13,5H11L6,19H8l1.43-4h5.14Zm-5.86-6L12,7.8,13.86,13Z"></path>
</svg><span class="fr-sr-only">Font Family</span></button>
<div id="dropdown-menu-fontFamily-1" class="fr-dropdown-menu" role="listbox" aria-labelledby="fontFamily-1" aria-hidden="true">
<div class="fr-dropdown-wrapper" role="presentation">
<div class="fr-dropdown-content" role="presentation">
<ul class="fr-dropdown-list" role="presentation"></ul>
</div>
</div>
</div><button id="fontSize-1" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-fontSize-1" aria-expanded="false" aria-haspopup="true" title="Font Size" class="fr-command fr-btn fr-dropdown fr-selection"
data-cmd="fontSize"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M20.75,19h1.5l-3-10h-1.5l-3,10h1.5L17,16.5h3Zm-3.3-4,1.05-3.5L19.55,15Zm-5.7,4h2l-5-14h-2l-5,14h2l1.43-4h5.14ZM5.89,13,7.75,7.8,9.61,13Z"></path>
</svg><span class="fr-sr-only">Font Size</span></button>
<div id="dropdown-menu-fontSize-1" class="fr-dropdown-menu" role="listbox" aria-labelledby="fontSize-1" aria-hidden="true">
<div class="fr-dropdown-wrapper" role="presentation">
<div class="fr-dropdown-content" role="presentation">
<ul class="fr-dropdown-list" role="presentation"></ul>
</div>
</div>
</div><button id="textColor-1" type="button" tabindex="-1" role="button" title="Text Color" class="fr-command fr-btn" data-cmd="textColor" data-popup="true"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M15.2,13.494s-3.6,3.9-3.6,6.3a3.65,3.65,0,0,0,7.3.1v-.1C18.9,17.394,15.2,13.494,15.2,13.494Zm-1.47-1.357.669-.724L12.1,5h-2l-5,14h2l1.43-4h2.943A24.426,24.426,0,0,1,13.726,12.137ZM11.1,7.8l1.86,5.2H9.244Z"></path>
</svg><span class="fr-sr-only">Text Color</span></button><button id="backgroundColor-1" type="button" tabindex="-1" role="button" title="Background Color" class="fr-command fr-btn" data-cmd="backgroundColor" data-popup="true"><svg
class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M9.91752,12.24082l7.74791-5.39017,1.17942,1.29591-6.094,7.20747L9.91752,12.24082M7.58741,12.652l4.53533,4.98327a.93412.93412,0,0,0,1.39531-.0909L20.96943,8.7314A.90827.90827,0,0,0,20.99075,7.533l-2.513-2.76116a.90827.90827,0,0,0-1.19509-.09132L7.809,11.27135A.93412.93412,0,0,0,7.58741,12.652ZM2.7939,18.52772,8.41126,19.5l1.47913-1.34617-3.02889-3.328Z">
</path>
</svg><span class="fr-sr-only">Background Color</span></button><button id="inlineClass-1" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-inlineClass-1" aria-expanded="false" aria-haspopup="true"
title="Inline Class" class="fr-command fr-btn fr-dropdown" data-cmd="inlineClass"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M9.9,13.313A1.2,1.2,0,0,1,9.968,13H6.277l1.86-5.2,1.841,5.148A1.291,1.291,0,0,1,11.212,12h.426l-2.5-7h-2l-5,14h2l1.43-4H9.9Zm2.651,6.727a2.884,2.884,0,0,1-.655-2.018v-2.71A1.309,1.309,0,0,1,13.208,14h3.113a3.039,3.039,0,0,1,2,1.092s1.728,1.818,2.964,2.928a1.383,1.383,0,0,1,.318,1.931,1.44,1.44,0,0,1-.19.215l-3.347,3.31a1.309,1.309,0,0,1-1.832.258h0a1.282,1.282,0,0,1-.258-.257l-1.71-1.728Zm2.48-3.96a.773.773,0,1,0,.008,0Z">
</path>
</svg><span class="fr-sr-only">Inline Class</span></button>
<div id="dropdown-menu-inlineClass-1" class="fr-dropdown-menu" role="listbox" aria-labelledby="inlineClass-1" aria-hidden="true">
<div class="fr-dropdown-wrapper" role="presentation">
<div class="fr-dropdown-content" role="presentation">
<ul class="fr-dropdown-list" role="presentation">
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="inlineClass" data-param1="fr-class-code" title="Code">Code</a></li>
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="inlineClass" data-param1="fr-class-highlighted" title="Highlighted">Highlighted</a></li>
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="inlineClass" data-param1="fr-class-transparency" title="Transparent">Transparent</a></li>
</ul>
</div>
</div>
</div><button id="inlineStyle-1" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-inlineStyle-1" aria-expanded="false" aria-haspopup="true" title="Inline Style" class="fr-command fr-btn fr-dropdown"
data-cmd="inlineStyle"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M11.88,15h.7l.7-1.7-3-8.3h-2l-5,14h2l1.4-4Zm-4.4-2,1.9-5.2,1.9,5.2ZM15.4,21.545l3.246,1.949-.909-3.637L20.72,17H16.954l-1.429-3.506L13.837,17H10.071l2.857,2.857-.779,3.637Z"></path>
</svg><span class="fr-sr-only">Inline Style</span></button>
<div id="dropdown-menu-inlineStyle-1" class="fr-dropdown-menu" role="listbox" aria-labelledby="inlineStyle-1" aria-hidden="true">
<div class="fr-dropdown-wrapper" role="presentation">
<div class="fr-dropdown-content" role="presentation">
<ul class="fr-dropdown-list" role="presentation">
<li role="presentation"><span style="font-size: 20px; color: red; display:block;"
role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="inlineStyle" data-param1="font-size: 20px; color: red;" title="Big Red">Big Red</a></span></li>
<li role="presentation"><span style="font-size: 14px; color: blue; display:block;"
role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="inlineStyle" data-param1="font-size: 14px; color: blue;" title="Small Blue">Small Blue</a></span></li>
</ul>
</div>
</div>
</div><button id="clearFormatting-1" type="button" tabindex="-1" role="button" title="Clear Formatting" class="fr-command fr-btn" data-cmd="clearFormatting"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M11.48,10.09l-1.2-1.21L8.8,7.41,6.43,5,5.37,6.1,8.25,9,4.66,19h2l1.43-4h5.14l1.43,4h2l-.89-2.51L18.27,19l1.07-1.06L14.59,13.2ZM8.8,13l.92-2.56L12.27,13Zm.56-7.15L9.66,5h2l1.75,4.9Z"></path>
</svg><span class="fr-sr-only">Clear Formatting</span></button>
</div>
<div class="fr-more-toolbar" data-name="moreParagraph-1"><button id="alignRight-1" type="button" tabindex="-1" role="button" title="Align Right" class="fr-command fr-btn" data-cmd="alignRight"><svg class="fr-svg" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path d="M15,18h6v-2h-6V18z M9,11v2h12v-2H9z M3,6v2h18V6H3z"></path>
</svg><span class="fr-sr-only">Align Right</span></button><button id="alignJustify-1" type="button" tabindex="-1" role="button" title="Align Justify" class="fr-command fr-btn" data-cmd="alignJustify"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M3,18h18v-2H3V18z M3,11v2h18v-2H3z M3,6v2h18V6H3z"></path>
</svg><span class="fr-sr-only">Align Justify</span></button>
<div class="fr-btn-wrap"><button id="formatOL-1" type="button" tabindex="-1" role="button" title="Ordered List" class="fr-command fr-btn" data-cmd="formatOL"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5,16h2v.5h-1v1h1V18h-2v1h3V15h-3Zm1-7h1V5h-2V6h1Zm-1,2H4.3L2.5,13.1V14h3V13H3.7l1.8-2.1V10h-3Zm5-5V8h14V6Zm0,12h14V16H7.5Zm0-5h14V11H7.5Z"></path>
</svg><span class="fr-sr-only">Ordered List</span></button> <button id="formatOLOptions-1" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-formatOLOptions-1" aria-expanded="false" aria-haspopup="true"
title="Ordered List" class="fr-command fr-btn fr-dropdown fr-options" data-cmd="formatOLOptions"></button>
<div id="dropdown-menu-formatOLOptions-1" class="fr-dropdown-menu" role="listbox" aria-labelledby="formatOLOptions-1" aria-hidden="true">
<div class="fr-dropdown-wrapper" role="presentation">
<div class="fr-dropdown-content" role="presentation">
<ul class="fr-dropdown-list" role="presentation">
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="formatOL" data-param1="default" title="Default">Default</a></li>
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="formatOL" data-param1="lower-alpha" title="Lower Alpha">Lower Alpha</a></li>
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="formatOL" data-param1="lower-greek" title="Lower Greek">Lower Greek</a></li>
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="formatOL" data-param1="lower-roman" title="Lower Roman">Lower Roman</a></li>
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="formatOL" data-param1="upper-alpha" title="Upper Alpha">Upper Alpha</a></li>
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="formatOL" data-param1="upper-roman" title="Upper Roman">Upper Roman</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="fr-btn-wrap"><button id="formatUL-1" type="button" tabindex="-1" role="button" title="Unordered List" class="fr-command fr-btn" data-cmd="formatUL"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M4,10.5c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S4.8,10.5,4,10.5z M4,5.5C3.2,5.5,2.5,6.2,2.5,7 S3.2,8.5,4,8.5S5.5,7.8,5.5,7S4.8,5.5,4,5.5z M4,15.5c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5s1.5-0.7,1.5-1.5S4.8,15.5,4,15.5z M7.5,6v2h14V6H7.5z M7.5,18h14v-2h-14V18z M7.5,13h14v-2h-14V13z">
</path>
</svg><span class="fr-sr-only">Unordered List</span></button> <button id="formatULOptions-1" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-formatULOptions-1" aria-expanded="false" aria-haspopup="true"
title="Unordered List" class="fr-command fr-btn fr-dropdown fr-options" data-cmd="formatULOptions"></button>
<div id="dropdown-menu-formatULOptions-1" class="fr-dropdown-menu" role="listbox" aria-labelledby="formatULOptions-1" aria-hidden="true">
<div class="fr-dropdown-wrapper" role="presentation">
<div class="fr-dropdown-content" role="presentation">
<ul class="fr-dropdown-list" role="presentation">
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="formatUL" data-param1="default" title="Default">Default</a></li>
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="formatUL" data-param1="circle" title="Circle">Circle</a></li>
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="formatUL" data-param1="disc" title="Disc">Disc</a></li>
<li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="formatUL" data-param1="square" title="Square">Square</a></li>
</ul>
</div>
</div>
</div>
</div><button id="paragraphFormat-1" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-paragraphFormat-1" aria-expanded="false" aria-haspopup="true" title="Paragraph Format"
class="fr-command fr-btn fr-dropdown fr-selection" data-cmd="paragraphFormat"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M10.15,5A4.11,4.11,0,0,0,6.08,8.18,4,4,0,0,0,10,13v6h2V7h2V19h2V7h2V5ZM8,9a2,2,0,0,1,2-2v4A2,2,0,0,1,8,9Z"></path>
</svg><span class="fr-sr-only">Paragraph Format</span></button>
<div id="dropdown-menu-paragraphFormat-1" class="fr-dropdown-menu" role="listbox" aria-labelledby="paragraphFormat-1" aria-hidden="true">
<div class="fr-dropdown-wrapper" role="presentation">
<div class="fr-dropdown-content" role="presentation">
<ul class="fr-dropdown-list" role="presentation">
<li role="presentation">
<p style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="N" title="Normal">Normal</a></p>
</li>
<li role="presentation">
<h2 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H2" title="Heading 2">Heading 2</a></h2>
</li>
<li role="presentation">
<h3 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H3" title="Heading 3">Heading 3</a></h3>
</li>
<li role="presentation">
<h4 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H4" title="Heading 4">Heading 4</a></h4>
</li>
<li role="presentation">
<pre style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="PRE" title="Code">Code</a></pre>
</li>
</ul>
</div>
</div>
</div><button id="paragraphStyle-1" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-paragraphStyle-1" aria-expanded="false" aria-haspopup="true" title="Paragraph Style" class="fr-command fr-btn fr-dropdown"
data-cmd="paragraphStyle"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M4,9c0-1.1,0.9-2,2-2v4C4.9,11,4,10.1,4,9z M16.7,20.5l3.2,1.9L19,18.8l3-2.9h-3.7l-1.4-3.5L15.3,16h-3.8l2.9,2.9l-0.9,3.6 L16.7,20.5z M10,17.4V19h1.6L10,17.4z M6.1,5c-1.9,0-3.6,1.3-4,3.2c-0.5,2.1,0.8,4.2,2.9,4.7c0,0,0,0,0,0h0.2C5.5,13,5.8,13,6,13v6 h2V7h2v7h2V7h2V5H6.1z">
</path>
</svg><span class="fr-sr-only">Paragraph Style</span></button>
<div id="dropdown-menu-paragraphStyle-1" class="fr-dropdown-menu" role="listbox" aria-labelledby="paragraphStyle-1" aria-hidden="true">
<div class="fr-dropdown-wrapper" role="presentation">
<div class="fr-dropdown-content" role="presentation">
<ul class="fr-dropdown-list" role="presentation">
<li role="presentation"><a class="fr-command fr-text-gray" tabindex="-1" role="option" data-cmd="paragraphStyle" data-param1="fr-text-gray" title="Gray">Gray</a></li>
<li role="presentation"><a class="fr-command fr-text-bordered" tabindex="-1" role="option" data-cmd="paragraphStyle" data-param1="fr-text-bordered" title="Bordered">Bordered</a></li>
<li role="presentation"><a class="fr-command fr-text-spaced" tabindex="-1" role="option" data-cmd="paragraphStyle" data-param1="fr-text-spaced" title="Spaced">Spaced</a></li>
<li role="presentation"><a class="fr-command fr-text-uppercase" tabindex="-1" role="option" data-cmd="paragraphStyle" data-param1="fr-text-uppercase" title="Uppercase">Uppercase</a></li>
</ul>
</div>
</div>
</div><button id="lineHeight-1" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-lineHeight-1" aria-expanded="false" aria-haspopup="true" title="Line Height" class="fr-command fr-btn fr-dropdown"
data-cmd="lineHeight"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M6.25,7h2.5L5.25,3.5,1.75,7h2.5V17H1.75l3.5,3.5L8.75,17H6.25Zm4-2V7h12V5Zm0,14h12V17h-12Zm0-6h12V11h-12Z"></path>
</svg><span class="fr-sr-only">Line Height</span></button>
<div id="dropdown-menu-lineHeight-1" class="fr-dropdown-menu" role="listbox" aria-labelledby="lineHeight-1" aria-hidden="true">
<div class="fr-dropdown-wrapper" role="presentation">
<div class="fr-dropdown-content" role="presentation">
<ul class="fr-dropdown-list" role="presentation">
<li role="presentation"><a class="fr-command Default" tabindex="-1" role="option" data-cmd="lineHeight" data-param1="" title="Default">Default</a></li>
<li role="presentation"><a class="fr-command Single" tabindex="-1" role="option" data-cmd="lineHeight" data-param1="1" title="Single">Single</a></li>
<li role="presentation"><a class="fr-command 1.15" tabindex="-1" role="option" data-cmd="lineHeight" data-param1="1.15" title="1.15">1.15</a></li>
<li role="presentation"><a class="fr-command 1.5" tabindex="-1" role="option" data-cmd="lineHeight" data-param1="1.5" title="1.5">1.5</a></li>
<li role="presentation"><a class="fr-command Double" tabindex="-1" role="option" data-cmd="lineHeight" data-param1="2" title="Double">Double</a></li>
</ul>
</div>
</div>
</div><button id="outdent-1" type="button" tabindex="-1" role="button" title="Decrease Indent (Ctrl+[)" class="fr-command fr-btn" data-cmd="outdent"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M3,12l3,3V9L3,12z M3,19h18v-2H3V19z M3,7h18V5H3V7z M9,11h12V9H9V11z M9,15h12v-2H9V15z"></path>
</svg><span class="fr-sr-only">Decrease Indent</span></button><button id="indent-1" type="button" tabindex="-1" role="button" title="Increase Indent (Ctrl+])" class="fr-command fr-btn" data-cmd="indent"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M3,9v6l3-3L3,9z M3,19h18v-2H3V19z M3,7h18V5H3V7z M9,11h12V9H9V11z M9,15h12v-2H9V15z"></path>
</svg><span class="fr-sr-only">Increase Indent</span></button><button id="quote-1" type="button" tabindex="-1" role="button" aria-controls="dropdown-menu-quote-1" aria-expanded="false" aria-haspopup="true" title="Quote"
class="fr-command fr-btn fr-dropdown" data-cmd="quote"><svg class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M10.31788,5l.93817,1.3226A12.88271,12.88271,0,0,0,8.1653,9.40125a5.54242,5.54242,0,0,0-.998,3.07866v.33733q.36089-.04773.66067-.084a4.75723,4.75723,0,0,1,.56519-.03691,2.87044,2.87044,0,0,1,2.11693.8427,2.8416,2.8416,0,0,1,.8427,2.09274,3.37183,3.37183,0,0,1-.8898,2.453A3.143,3.143,0,0,1,8.10547,19,3.40532,3.40532,0,0,1,5.375,17.7245,4.91156,4.91156,0,0,1,4.30442,14.453,9.3672,9.3672,0,0,1,5.82051,9.32933,14.75716,14.75716,0,0,1,10.31788,5Zm8.39243,0,.9369,1.3226a12.88289,12.88289,0,0,0-3.09075,3.07865,5.54241,5.54241,0,0,0-.998,3.07866v.33733q.33606-.04773.63775-.084a4.91773,4.91773,0,0,1,.58938-.03691,2.8043,2.8043,0,0,1,2.1042.83,2.89952,2.89952,0,0,1,.80578,2.10547,3.42336,3.42336,0,0,1-.86561,2.453A3.06291,3.06291,0,0,1,16.49664,19,3.47924,3.47924,0,0,1,13.742,17.7245,4.846,4.846,0,0,1,12.64721,14.453,9.25867,9.25867,0,0,1,14.17476,9.3898,15.26076,15.26076,0,0,1,18.71031,5Z">
</path>
</svg><span class="fr-sr-only">Quote</span></button>
<div id="dropdown-menu-quote-1" class="fr-dropdown-menu" role="listbox" aria-labelledby="quote-1" aria-hidden="true">
<div class="fr-dropdown-wrapper" role="presentation">
<div class="fr-dropdown-content" role="presentation">
<ul class="fr-dropdown-list" role="presentation">
<li role="presentation"><a class="fr-command fr-title fr-active increase" tabindex="-1" role="option" data-cmd="quote" data-param1="increase" title="Increase (Ctrl+')">Increase</a></li>
<li role="presentation"><a class="fr-command fr-title fr-active decrease" tabindex="-1" role="option" data-cmd="quote" data-param1="decrease" title="Decrease (Ctrl+Shift+')">Decrease</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="fr-more-toolbar" data-name="moreRich-1"><button id="insertTable-1" type="button" tabindex="-1" role="button" title="Insert Table" class="fr-command fr-btn" data-cmd="insertTable" data-popup="true"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M20,5H4C2.9,5,2,5.9,2,7v2v1.5v3V15v2c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2v-2v-1.5v-3V9V7C22,5.9,21.1,5,20,5z M9.5,13.5v-3 h5v3H9.5z M14.5,15v2.5h-5V15H14.5z M9.5,9V6.5h5V9H9.5z M3.5,7c0-0.3,0.2-0.5,0.5-0.5h4V9H3.5V7z M3.5,10.5H8v3H3.5V10.5z M3.5,17 v-2H8v2.5H4C3.7,17.5,3.5,17.3,3.5,17z M20.5,17c0,0.3-0.2,0.5-0.5,0.5h-4V15h4.5V17z M20.5,13.5H16v-3h4.5V13.5z M16,9V6.5h4 c0.3,0,0.5,0.2,0.5,0.5v2H16z">
</path>
</svg><span class="fr-sr-only">Insert Table</span></button><button id="emoticons-1" type="button" tabindex="-1" role="button" title="Emoticons" class="fr-command fr-btn" data-cmd="emoticons" data-popup="true"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M11.991,3A9,9,0,1,0,21,12,8.99557,8.99557,0,0,0,11.991,3ZM12,19a7,7,0,1,1,7-7A6.99808,6.99808,0,0,1,12,19Zm3.105-5.2h1.503a4.94542,4.94542,0,0,1-9.216,0H8.895a3.57808,3.57808,0,0,0,6.21,0ZM7.5,9.75A1.35,1.35,0,1,1,8.85,11.1,1.35,1.35,0,0,1,7.5,9.75Zm6.3,0a1.35,1.35,0,1,1,1.35,1.35A1.35,1.35,0,0,1,13.8,9.75Z">
</path>
</svg><span class="fr-sr-only">Emoticons</span></button><button id="specialCharacters-1" type="button" tabindex="-1" role="button" title="Special Characters" class="fr-command fr-btn" data-cmd="specialCharacters" data-popup="true"><svg
class="fr-svg" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M15.77493,16.98885a8.21343,8.21343,0,0,0,1.96753-2.57651,7.34824,7.34824,0,0,0,.6034-3.07618A6.09092,6.09092,0,0,0,11.99515,5a6.13347,6.13347,0,0,0-4.585,1.79187,6.417,6.417,0,0,0-1.756,4.69207,6.93955,6.93955,0,0,0,.622,2.97415,8.06587,8.06587,0,0,0,1.949,2.53076H5.41452V19h5.54114v-.04331h-.00147V16.84107a5.82825,5.82825,0,0,1-2.2052-2.2352A6.40513,6.40513,0,0,1,7.97672,11.447,4.68548,4.68548,0,0,1,9.07785,8.19191a3.73232,3.73232,0,0,1,2.9173-1.22462,3.76839,3.76839,0,0,1,2.91241,1.21489,4.482,4.482,0,0,1,1.11572,3.154,6.71141,6.71141,0,0,1-.75384,3.24732,5.83562,5.83562,0,0,1-2.22357,2.25759v2.11562H13.0444V19h5.54108V16.98885Z">
</path>
</svg><span class="fr-sr-only">Special Characters</span></button><button id="insertFile-1" type="button" tabindex="-1" role="button" title="Upload File" class="fr-command fr-btn" data-cmd="insertFile" data-popup="true"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7,3C5.9,3,5,3.9,5,5v14c0,1.1,0.9,2,2,2h10c1.1,0,2-0.9,2-2V7.6L14.4,3H7z M17,19H7V5h6v4h4V19z"></path>
</svg><span class="fr-sr-only">Upload File</span></button><button id="insertHR-1" type="button" tabindex="-1" role="button" title="Insert Horizontal Line" class="fr-command fr-btn" data-cmd="insertHR"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M5,12h14 M19,11H5v2h14V11z"></path>
</svg><span class="fr-sr-only">Insert Horizontal Line</span></button></div>
<div class="fr-more-toolbar" data-name="moreMisc-1"><button id="fullscreen-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Fullscreen" class="fr-command fr-btn" data-cmd="fullscreen"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M7,14H5v5h5V17H7ZM5,10H7V7h3V5H5Zm12,7H14v2h5V14H17ZM14,5V7h3v3h2V5Z"></path>
</svg><span class="fr-sr-only">Fullscreen</span></button><button id="print-1" type="button" tabindex="-1" role="button" title="Print" class="fr-command fr-btn" data-cmd="print"><svg class="fr-svg" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path
d="M16.1,17c0-0.6,0.4-1,1-1c0.6,0,1,0.4,1,1s-0.4,1-1,1C16.5,18,16.1,17.6,16.1,17z M22,15v4c0,1.1-0.9,2-2,2H4 c-1.1,0-2-0.9-2-2v-4c0-1.1,0.9-2,2-2h1V5c0-1.1,0.9-2,2-2h7.4L19,7.6V13h1C21.1,13,22,13.9,22,15z M7,13h10V9h-4V5H7V13z M20,15H4 v4h16V15z">
</path>
</svg><span class="fr-sr-only">Print</span></button><button id="getPDF-1" type="button" tabindex="-1" role="button" title="Download PDF" class="fr-command fr-btn" data-cmd="getPDF"><svg class="fr-svg" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path
d="M7,3C5.9,3,5,3.9,5,5v14c0,1.1,0.9,2,2,2h10c1.1,0,2-0.9,2-2V7.6L14.4,3H7z M17,19H7V5h6v4h4V19z M16.3,13.5 c-0.2-0.6-1.1-0.8-2.6-0.8c-0.1,0-0.1,0-0.2,0c-0.3-0.3-0.8-0.9-1-1.2c-0.2-0.2-0.3-0.3-0.4-0.6c0.2-0.7,0.2-1,0.3-1.5 c0.1-0.9,0-1.6-0.2-1.8c-0.4-0.2-0.7-0.2-0.9-0.2c-0.1,0-0.3,0.2-0.7,0.7c-0.2,0.7-0.1,1.8,0.6,2.8c-0.2,0.8-0.7,1.6-1,2.4 c-0.8,0.2-1.5,0.7-1.9,1.1c-0.7,0.7-0.9,1.1-0.7,1.6c0,0.3,0.2,0.6,0.7,0.6c0.3-0.1,0.3-0.2,0.7-0.3c0.6-0.3,1.2-1.7,1.7-2.4 c0.8-0.2,1.7-0.3,2-0.3c0.1,0,0.3,0,0.6,0c0.8,0.8,1.2,1.1,1.8,1.2c0.1,0,0.2,0,0.3,0c0.3,0,0.8-0.1,1-0.6 C16.4,14.1,16.4,13.9,16.3,13.5z M8.3,15.7c-0.1,0.1-0.2,0.1-0.2,0.1c0-0.1,0-0.3,0.6-0.8c0.2-0.2,0.6-0.3,0.9-0.7 C9,15,8.6,15.5,8.3,15.7z M11.3,9c0-0.1,0.1-0.2,0.1-0.2S11.6,9,11.5,10c0,0.1,0,0.3-0.1,0.7C11.3,10.1,11,9.5,11.3,9z M10.9,13.1 c0.2-0.6,0.6-1,0.7-1.5c0.1,0.1,0.1,0.1,0.2,0.2c0.1,0.2,0.3,0.7,0.7,0.9C12.2,12.8,11.6,13,10.9,13.1z M15.2,14.1 c-0.1,0-0.1,0-0.2,0c-0.2,0-0.7-0.2-1-0.7c1.1,0,1.6,0.2,1.6,0.6C15.5,14.1,15.4,14.1,15.2,14.1z">
</path>
</svg><span class="fr-sr-only">Download PDF</span></button><button id="selectAll-1" type="button" tabindex="-1" role="button" title="Select All" class="fr-command fr-btn" data-cmd="selectAll"><svg class="fr-svg" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path
d="M5,7h2V5C5.9,5,5,5.9,5,7z M5,11h2V9H5V11z M9,19h2v-2H9V19z M5,11h2V9H5V11z M15,5h-2v2h2V5z M17,5v2h2C19,5.9,18.1,5,17,5 z M7,19v-2H5C5,18.1,5.9,19,7,19z M5,15h2v-2H5V15z M11,5H9v2h2V5z M13,19h2v-2h-2V19z M17,11h2V9h-2V11z M17,19c1.1,0,2-0.9,2-2h-2 V19z M17,11h2V9h-2V11z M17,15h2v-2h-2V15z M13,19h2v-2h-2V19z M13,7h2V5h-2V7z M9,15h6V9H9V15z M11,11h2v2h-2V11z">
</path>
</svg><span class="fr-sr-only">Select All</span></button><button id="html-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Code View" class="fr-command fr-btn" data-cmd="html"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M9.4,16.6,4.8,12,9.4,7.4,8,6,2,12l6,6Zm5.2,0L19.2,12,14.6,7.4,16,6l6,6-6,6Z"></path>
</svg><span class="fr-sr-only">Code View</span></button><button id="help-1" type="button" tabindex="-1" role="button" title="Help (Ctrl+/)" class="fr-command fr-btn" data-cmd="help" data-modal="true"><svg class="fr-svg"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M11,17h2v2h-2V17z M12,5C9.8,5,8,6.8,8,9h2c0-1.1,0.9-2,2-2s2,0.9,2,2c0,2-3,1.7-3,5v1h2v-1c0-2.2,3-2.5,3-5 C16,6.8,14.2,5,12,5z"></path>
</svg><span class="fr-sr-only">Help</span></button></div>
</div>
<div class="fr-wrapper show-placeholder" dir="auto">
<div class="fr-element fr-view" dir="auto" contenteditable="true" aria-disabled="false" spellcheck="true">
<p><br></p>
</div><span class="fr-placeholder" style="font-size: 14px; line-height: 22.4px; margin-top: 0px; padding-top: 20px; padding-left: 20px; margin-left: 0px; padding-right: 20px; margin-right: 0px; text-align: left;">Nhập nội dung (nhấp chuột vào
hình ảnh để căn chỉnh chi tiết hình ảnh)</span>
</div>
<div class="second-toolbar"><span class="fr-counter" style="bottom: 1px; margin-right: 0px;">Characters : 0</span></div>
</div>
<label id="for-content-product" style="color: red"></label>
<small class="form-text text-muted">Đưa thêm nội dung chi tiết của bài đăng này</small>
<div class="form-group mt-2"><label>Tags</label>
<input name="tag" id="tag-product" class="form-control" onkeyup="convertToTag(this.value, 'print-tag-product')">
<small class="form-text text-muted mb-2">Các tag cách nhau bằng dấu phẩy (,) </small>
<div id="print-tag-product">
<div class="btn btn-round btn-sm btn-light me-2 mb-2">#</div>
</div>
</div>
<div class="group-topic">
<div class="d-flex flex-md-nowrap flex-wrap">
<div class="form-group navbar-nav me-2 display-inline-block mt-2">
<div class="dropdown dropdown-select-groups">
<button data-value="0" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="form-item btn btn-light btn-sm dropdown-toggle btn-round pe-3 print">
<img src="https://d1j8r0kxyu9tj8.cloudfront.net/files/1627102286F7RSPanjazT8Pok.png" class="rounded-circle logo me-2"> <span>Chọn nhóm lớp</span>
</button>
<ul class="dropdown-menu modal-list-users-group overflow-scroll" style="max-height: 400px" x-placement="top-start">
<li class="d-flex justify-content-center" style="width: 280px">
<div class="loading-group lds-ellipsis">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</li>
</ul>
</div>
</div>
<div class="form-group navbar-nav display-inline-block mt-2">
<div class="dropdown dropdown-select-topics">
<button data-value="0" id="changeDropdownTopic" type="button" data-bs-toggle="dropdown" aria-haspopup="true" value="" aria-expanded="false" for="topicId" style="max-width: 200px"
class="form-item btn text-limit btn-light btn-sm dropdown-toggle btn-round px-3" disabled=""><span>Vui lòng chọn nhóm lớp trước</span>
</button>
<ul id="printDropdownTopic" class="dropdown-menu overflow-scroll" style="max-height: 400px; max-width: 400px" x-placement="top-start">
<li class="d-flex justify-content-center" style="width: 280px">
<div class="loading-topics lds-ellipsis">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="onSubmitSubject" class="formGroup bg-gray rounded-10 p-4" style="display: none">
<p class="fw-bold">Nộp bài tập về nhà, chủ đề:</p>
<div class="d-flex align-items-center">
<img class="col-xl-4 col-md-5 col-sm-4 col-5 me-2 rounded-10" src="" alt="topic-image">
<div>
<div class="topic-title"></div>
</div>
</div>
</div>
<div class="form-group text-end mt-3">
<button type="button" class="btn btn-light text-black" data-bs-dismiss="modal">
<i class="fas fa-times me-2"></i>Hủy </button>
<button id="btn-uploadProduct" type="button" class="btn btn-gradient text-white"><i class="fas fa-fire me-2"></i>Đăng bài</button>
</div>
</div>
</form>Text Content
Chương trình học toàn diện Mới Thiết Kế Đồ Họa Đa Phương Tiện 50.000.000đ 60.000.000đ 2 ngày 07 giờ 25 phút 57 giây Tìm hiểu ngay Giới thiệu Giảng viên Talents Học Online Creative quiz Thư việnMỚI QuizMỚI Tiếng Việt (VI) Tiếng Việt (VI) Tiếng Anh (EN) Tìm kiếm Đăng nhập * Việc làm * Khóa học Ưu đãi tuyển sinh 2d : 20h : 25m : 57s Chương trình học thiết kế đồ họa và đa phương tiện toàn diện (GM) THIẾT KẾ ĐỒ HỌA ĐA PHƯƠNG TIỆN Tìm hiểu ngay KHÓA HỌC NGẮN HẠN | 1 THÁNG Thành thạo công cụ - Tối ưu thời gian Photoshop 8 Buổi · 1,500,000 đ Illustrator 8 Buổi · 1,500,000 đ Premiere 8 Buổi · 1,500,000 đ After Effects 8 Buổi · 1,500,000 đ UI - UX 8 Buổi · 1,500,000 đ Photography 8 Buổi · 1,500,000 đ PowerPoint 8 Buổi · 1,500,000 đ InDesign 8 Buổi · 1,500,000 đ KHÓA HỌC NGẮN HẠN | 2 THÁNG Thành thạo công cụ - Tối ưu thời gian Digital Painting - Sài Gòn 16 Buổi · 3,300,000 đ Digital Painting - Hà Nội 16 Buổi · 3,300,000 đ Thiết kế 3D 16 Buổi · 5,000,000 đ KHOÁ HỌC TRUNG HẠN Xây chắc nền tảng - Nâng cao kỹ năng Thiết kế chuyên sâu 72 Buổi · 12,900,000 đ UI UX Nâng cao 24 Buổi · 8,000,000 đ Digital Painting Completed 32 Buổi · 12,000,000 đ KHOÁ DÀI HẠN Hành trang cho một công việc chuyên nghiệp Khoá Thiết Kế Đồ Họa Đa Phương Tiện 4 học kỳ - 18 tháng COMBO KHÓA HỌC Đa dạng hoá kỹ năng với học phí lý tưởng Trọn bộ kỹ năng 64 Buổi · 4,500,000 đ Birthday Buddy 24 Buổi · 3,499,000 đ Bạn cần tư vấn thêm? Hãy để ColorME giúp bạn tìm khoá học phù hợp * Blog * Học viên * Giảng viên * Talents * Đăng nhập HỌC THIẾT KẾ CÙNG COLORME ColorME cung cấp các khóa học thiết kế, nhiếp ảnh, dựng phim từ cơ bản đến nâng cao. Tìm hiểu thêm Danh sách khóa học COLORME CUNG CẤP CÁC KHÓA HỌC THIẾT KẾ, ĐỒ HỌA, NHIẾP ẢNH, DỰNG PHIM TỪ CƠ BẢN ĐẾN NÂNG CAO NHƯ: PHOTOSHOP, DESIGN, ILLUSTRATOR, AFTER AFFECTS, PREMIERE, UI-UX, INDESIGN, THIẾT KẾ 3D, DIGITAL PAINTING,... CHƯƠNG TRÌNH HỌC TOÀN DIỆN MỚI Mở tuyển sinh | Ưu đãi đăng kí sớm THIẾT KẾ ĐỒ HỌA ĐA PHƯƠNG TIỆN Chương trình học thiết kế đồ hoạ và đa phương tiện toàn diện đến từ colorME 4 học kì 1,5 năm Lộ trình toàn diện ƯU ĐÃI HỌC PHÍ 2d : 20h : 25m : 57s 50,000,000đ 60,000,000đ Tìm hiểu thêm COMBO KHÓA HỌC TRỌN BỘ KỸ NĂNG 64 buổi Sở hữu trọn bộ 8 khóa học cơ bản của COLORME: Từ thiết kế hình ảnh, web, video, tạo chuyển động đến quay, chụp và hơn thế nữa. 4,500,000đ BIRTHDAY BUDDY 24 buổi Combo 3 khóa được cá nhân hóa theo nhu cầu dành riêng cho bạn chỉ có trong dịp Sinh Nhật 9 Tuổi của colorME 3,499,000đ KHOÁ HỌC TRUNG HẠN THIẾT KẾ CHUYÊN SÂU 72 buổi Khoá học thiết kế từ cơ bản đến chuyên sâu cho người mới bắt đầu, kéo dài trong 6 tháng liên tục 12,900,000đ UI UX NÂNG CAO 24 buổi Khoá học cung cấp kiến thức UI UX nâng cao, giúp người học tham gia quá trình phát triển sản phẩm công nghệ 8,000,000đ DIGITAL PAINTING COMPLETED 32 buổi Khóa học vẽ máy từ cơ bản đến nâng cao giúp bạn trang bị đầy đủ kiến thức và kỹ năng liên quan đến Digital Painting trong vòng 4 tháng 12,000,000đ KHÓA HỌC NGẮN HẠN | 1 THÁNG PHOTOSHOP 8 buổi Thiết kế ấn phẩm truyền thông, chỉnh sửa ảnh, CV bằng công cụ Adobe Photoshop chỉ trong 8 buổi học. 1,500,000đ ILLUSTRATOR 8 buổi Thiết kế Logo, ấn phẩm nhận diện thương hiệu, infographics, CV bằng phần mềm Adobe Illustrator chỉ trong 8 buổi. 1,500,000đ PREMIERE 8 buổi Khóa học cung cấp kiến thức về quay dựng và chỉnh sửa video chỉ trong 8 buổi học. 1,500,000đ AFTER EFFECTS 8 buổi Xây dựng các Video chuyển động, animation, motion graphics với phần mềm Adobe After Effects chỉ trong 8 buổi. 1,500,000đ UI - UX 8 buổi Khoá học thiết kế UI UX cho người mới bắt đầu. Giúp bạn thiết kế UI cho App, Web. Phân tích hành vi người dùng... 1,500,000đ PHOTOGRAPHY 8 buổi Lớp học nhiếp ảnh cho người mới bắt đầu, có sẵn máy ảnh (không áp dụng Sài Gòn) và các dụng cụ thực hành. 1,500,000đ POWERPOINT 8 buổi Khóa học thiết kế PowerPoint nhanh - gọn - ứng dụng cao. Không chỉ tạo ra slide đẹp - độc mà còn có thể thiết kế CV, inforgraphic, Poster, Video... một cách thẩm mĩ bằng PPT qua khóa học này. 1,500,000đ INDESIGN 8 buổi Nếu bạn đang muốn thiết kế áp phích, tờ rơi, tạp chí, báo và sách… đây chính là khoá học dành cho bạn 1,500,000đ KHÓA HỌC NGẮN HẠN | 2 THÁNG DIGITAL PAINTING - SÀI GÒN 16 buổi Khóa học digital painting phù hợp cho mọi đối tượng. Giúp bạn sử dụng Wacom để vẽ chân dung, concept art, vẽ nhân vật game, concept phim... 3,300,000đ DIGITAL PAINTING - HÀ NỘI 16 buổi Khóa học Digital Painting phù hợp cho mọi đối tượng. Giúp bạn sử dụng Wacom để vẽ minh hoạ trong 16 buổi học. Khoá học trang bị sẵn Wacom. 3,300,000đ THIẾT KẾ 3D 16 buổi Khóa học Thiết kế 3D Cơ Bản giúp bạn tạo nên được các sản phẩm như: 3D low poly, Illustrator 3D character hay 3D Isometric Room. 5,000,000đ Inspiration of the day You can't use up creativity. The more you use, the more you have. Maya Angelou, author, poet, civil rights activist Từ khóa nổi bật trung tâm dạy thiết kế Học thiết kế đồ hoạ ở đâu tốt nhất? Học thiết kế ở Hà Nội Học thiết kế ở Sài Gòn Top địa chỉ học đồ họa uy tín Cách học thiết kế đồ hoạ hiệu quả nhất Top 3 khóa học thiết kế đồ họa online chất lượng lộ trình học photoshop lộ trình học digital painting Adobe xd là gì? lộ trình học Adobe xd hướng dẫn tự học thiết kế đồ hoạ cơ bản Graphic Design là gì? Adobe Illustrator là gì? moodboard là gì? After effects là gì? Visual Design là gì? layout là gì? Designer là gì? brochure là gì? InDesign là gì? key visual catalogue là gì? font việt hóa cách thêm font chữ vào powerpoint hướng dẫn sử dụng Adobe Premiere phần mềm tăng chất lượng video thiết kế logo bằng photoshop cách xóa vật thể trong photoshop app ghép ảnh tốt nhất cho ios và android ứng dụng ghép nhạc vào Video tốt nhất top phông chữ được ưa chuộng nhất ĐĂNG NHẬP Chào mừng bạn đến với colorME. Đăng nhập Tạo tài khoản Quên mật khẩu TẠO TÀI KHOẢN Chào mừng bạn đến với colorME Vui lòng nhập họ và tên Vui lòng nhập Email theo đúng định dạng Vui lòng nhập mật khẩu Vui lòng nhập lại mật khẩu Vui lòng nhập số điện thoại liên lạc Bằng việc bấm vào nút "Tạo tài khoản" bên dưới, bạn đã đồng ý với Điều khoản và quy định của ColorME Tạo tài khoản Quay lại đăng nhập * Ảnh đại diện * Video đại diện Chọn ảnh đại diện cho bài viết Chọn ảnh đại diện Tiêu đề Gợi ý: Ghi tiêu đề rõ sẽ giúp bài của bạn dễ được tìm thấy Mô tả chi tiết BoldItalicUnderlineMore Text Align LeftAlign CenterOrdered ListMore Paragraph Insert LinkInsert ImageInsert VideoMore Rich UndoRedoMore Misc StrikethroughSubscriptSuperscriptFont Family Font Size Text ColorBackground ColorInline Class * Code * Highlighted * Transparent Inline Style * Big Red * Small Blue Clear Formatting Align RightAlign Justify Ordered List * Default * Lower Alpha * Lower Greek * Lower Roman * Upper Alpha * Upper Roman Unordered List * Default * Circle * Disc * Square Paragraph Format * Normal * HEADING 2 * HEADING 3 * HEADING 4 * Code Paragraph Style * Gray * Bordered * Spaced * Uppercase Line Height * Default * Single * 1.15 * 1.5 * Double Decrease IndentIncrease IndentQuote * Increase * Decrease Insert TableEmoticonsSpecial CharactersUpload FileInsert Horizontal Line FullscreenPrintDownload PDFSelect AllCode ViewHelp Nhập nội dung (nhấp chuột vào hình ảnh để căn chỉnh chi tiết hình ảnh) Characters : 0 Đưa thêm nội dung chi tiết của bài đăng này Tags Các tag cách nhau bằng dấu phẩy (,) # Chọn nhóm lớp * Vui lòng chọn nhóm lớp trước * Nộp bài tập về nhà, chủ đề: Hủy Đăng bài Những người đã thích bài viết này CHỈNH SỬA CHI TIẾT HÌNH ẢNH Căn lề: Trái Giữa Phải Thêm caption -------------------------------------------------------------------------------- Tiêu đề: Cỡ chữ: Căn lề: Tạo nhanh Portfolio Upload các hình ảnh từ máy của bạn để tạo nhanh Portfolio của bạn tại ColorME Bạn có thể gắp thả hàng loạt các hình ảnh từ máy tính vào đây Thêm hình ảnh khác Hủy Tạo porfolio VỀ COLORME * Giới thiệu * Liên hệ * Chính sách bảo mật * Điều khoản dịch vụ * Quy chế hoạt động * Blog * Sự kiện * Các cơ sở * Khuyến mãi * Tuyển dụng * Tin tức * Việc làm * Tài nguyên KHÓA HỌC * Photoshop * Illustrator * After Effects * Photography * Premiere * InDesign * Thiết kế chuyên sâu * Digital Painting - Sài Gòn * PowerPoint * UI - UX * Digital Painting - Hà Nội * Trọn bộ kỹ năng * UI UX Nâng cao * Thiết kế 3D * Digital Painting Completed * Birthday Buddy * Khoá Thiết Kế Đồ Họa Đa Phương Tiện * GM Pre-course 1 * GM Pre-course 2 TÌM CHÚNG TÔI Hotline Hà Nội - 024 3550 0333 Hotline TP.HCM - 028 3923 2888 Facebook Fanpage Hà Nội Facebook Fanpage TP.HCM Instagram Hà Nội Instagram TP. HCM Youtube Cộng đồng thiết kế Học thiết kế Online CÔNG TY CỔ PHẦN KEE EDUCATION KEE EDUCATION COMPANY LIMITED Mã số thuế: 0106897051 Địa chỉ: Số 175, phố Chùa Láng, Phường Láng Thượng, Quận Đống Đa, Thành phố Hà Nội Đại diện pháp luật: Nguyễn Việt Hùng Ngày cấp giấy phép: 08/07/2015 Điện thoại: 024 3550 0333 Copyright © 2015 – 2024 KEE Education. All screenshots and videos © their respective owners.