🤖 Cannot save fiddle

[Ranu85]

Error code

ERRW:ST1.0

Were you logged in?

Yes

Your username (if logged in)

Ranu85

Your HTML

<section class="elementor-element elementor-element-1996285 e-con-full e-flex e-con e-parent e-lazyloaded" data-id="1996285" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-da3f0ca elementor-widget elementor-widget-heading" data-id="da3f0ca" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
                    <span class="hero-badge">
                        COMPREHENSIVE COURSE
                    </span>
                </div>
				<div class="elementor-element elementor-element-6018a74 elementor-widget elementor-widget-heading" data-id="6018a74" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="hero-head">Jadilah Profesional yang Mampu Melihat Lebih Dalam</h1>				
                </div>
				<div class="elementor-element elementor-element-1d799eb elementor-widget elementor-widget-heading" data-id="1d799eb" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<!-- <h3 class="elementor-heading-title elementor-size-default">Raih Sertifikasi Grafologi CHA</h3> -->
                     <h3 class="hero-subhead">
                        Raih Sertifikasi Grafologi CHA
                    </h3>
                </div>
				<div class="elementor-element elementor-element-5ccc65c elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor" data-id="5ccc65c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
					<p>Pelajari grafologi secara profesional untuk memahami manusia lebih mendalam dan perkuat profesi Anda dengan sertifikasi internasional Certified Handwriting Analyst (CHA).</p>
                </div>
		<div class="elementor-element elementor-element-5b2e9cc e-grid e-con-full e-con e-child" data-id="5b2e9cc" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-80ce030 e-con-full e-flex e-con e-child" data-id="80ce030" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-element elementor-element-36e10fd elementor-view-framed elementor-mobile-position-inline-start elementor-shape-circle elementor-position-block-start elementor-widget elementor-widget-icon-box" data-id="36e10fd" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-icon-box-wrapper">
					<div class="elementor-icon-box-icon">
				        <span class="elementor-icon">
				        <!-- <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24"><path d="M8.257,8.153c-.962-.462-2.13,.205-2.325,1.236l-1.29,5.612h1.583l.24-.994h2.148l.221,.994h1.667l-1.266-5.572c-.128-.584-.494-1.061-.978-1.276Zm-1.407,4.254l.646-2.678c.019-.068,.05-.122,.097-.122,.014,.01,.057,.063,.082,.176l.583,2.624h-1.407Zm4.15-2.006h2v1.6h-2v-1.6Zm3-2.4h4.55v1.715l-2.562,3.686h2.562v1.6h-4.55v-1.715l2.562-3.686h-2.562v-1.6ZM22.922,1.697c-.686-.571-1.583-.809-2.458-.647l-6.181,1.123c-.912,.166-1.705,.634-2.283,1.288-.578-.654-1.371-1.122-2.284-1.288L3.537,1.05C1.755,.679-.044,2.184,0,4.001V20.835l12,2.182,12-2.182V4.001c0-.893-.393-1.732-1.078-2.304Zm-.922,17.468l-9,1.637v-3.802h-2v3.802l-9-1.637V4.001c.113-.758,.415-1.008,1.179-.984l6.179,1.123c.952,.174,1.643,1.001,1.643,1.968v.893h2v-.893c0-.967,.69-1.794,1.642-1.967l6.181-1.124c.765-.022,1.064,.226,1.178,.984v15.164Z"></path></svg>				</span> -->
			        </div>
                    <div class="hero-feature">
                        <div class="icon">🎯</div>
                        <h4>Kuasai 100+ Traits</h4>
                        <p>
                            Kuasai lebih dari 100 indikator kepribadian yang digunakan
                            dalam analisis grafologi profesional.
                        </p>
                    </div>
		        </div>
		    </div>
		</div>
		<div class="elementor-element elementor-element-758a418 e-con-full e-flex e-con e-child" data-id="758a418" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-element elementor-element-d335f12 elementor-view-framed elementor-mobile-position-inline-start elementor-shape-circle elementor-position-block-start elementor-widget elementor-widget-icon-box" data-id="d335f12" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-icon-box-wrapper">
					<div class="elementor-icon-box-icon">
				        <span class="elementor-icon">
				        <!-- <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24"><path d="m5.5,11c1.93,0,3.5-1.57,3.5-3.5s-1.57-3.5-3.5-3.5-3.5,1.57-3.5,3.5,1.57,3.5,3.5,3.5Zm0-5c.827,0,1.5.673,1.5,1.5s-.673,1.5-1.5,1.5-1.5-.673-1.5-1.5.673-1.5,1.5-1.5Zm3.331,8.314c-.309.459-.929.582-1.388.274-.575-.386-1.247-.589-1.943-.589-1.787,0-3.282,1.337-3.479,3.11-.057.511-.49.89-.993.89-.036,0-.073-.002-.111-.006-.549-.061-.944-.556-.884-1.104.309-2.787,2.659-4.89,5.467-4.89,1.094,0,2.15.32,3.057.927.459.308.582.929.274,1.388Zm6.669-7.314c1.93,0,3.5-1.57,3.5-3.5s-1.57-3.5-3.5-3.5-3.5,1.57-3.5,3.5,1.57,3.5,3.5,3.5Zm0-5c.827,0,1.5.673,1.5,1.5s-.673,1.5-1.5,1.5-1.5-.673-1.5-1.5.673-1.5,1.5-1.5Zm1.5,8c-3.859,0-7,3.141-7,7s3.141,7,7,7,7-3.141,7-7-3.141-7-7-7Zm0,12c-2.757,0-5-2.243-5-5s2.243-5,5-5,5,2.243,5,5-2.243,5-5,5Zm3.222-6.212c.382.398.369,1.031-.029,1.414l-2.213,2.124c-.452.446-1.052.671-1.653.671s-1.203-.225-1.663-.674l-1.132-1.109c-.395-.387-.4-1.02-.014-1.414.386-.395,1.019-.401,1.414-.014l1.131,1.108c.144.142.379.139.522-.002l2.223-2.134c.397-.381,1.031-.37,1.414.029Z"></path></svg>				</span> -->
			        </div>
                    <div class="hero-feature">
                        <div class="icon">🏅</div>
                        <h4>Sertifikasi Resmi CHA</h4>
                        <p>
                            Raih sertifikasi grafologi internasional yang membuktikan kompetensi Anda sebagai Certified Handwriting Analyst.
                        </p>
                    </div>
		        </div>
			</div>
		</div>
		<div class="elementor-element elementor-element-85b1a64 e-con-full e-flex e-con e-child" data-id="85b1a64" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-element elementor-element-219c92e elementor-view-framed elementor-mobile-position-inline-start elementor-shape-circle elementor-position-block-start elementor-widget elementor-widget-icon-box" data-id="219c92e" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
				<div class="elementor-icon-box-wrapper">
					<div class="elementor-icon-box-icon">
				        <span class="elementor-icon">
				        <!-- <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" viewBox="0 0 24 24" data-name="Layer 1"><g><path d="m18 0h.001z"></path><path d="m22.445 2.067-2.587-1.552c-.561-.337-1.203-.515-1.857-.515-.552 0-1.001.448-1.001 1v10c0 .552.448 1 1 1s1-.448 1-1v-5l3.444-2.066c.705-.423.705-1.444 0-1.867z"></path></g><circle cx="8.5" cy="2.5" r="2.5"></circle><path d="m21 14h-3c-1.654 0-3 1.346-3 3v1.171c-.312-.111-.649-.171-1-.171h-3v-2.277c0-.865-.552-1.627-1.373-1.899l-1.331-.44 1.428-5.384h1.222c.543 0 1.077-.148 1.543-.428l2.026-1.215c.474-.284.627-.898.343-1.372-.283-.474-.897-.628-1.372-.343l-2.025 1.215c-.156.093-.334.143-.515.143h-4.637c-1.17 0-2.198.831-2.432 1.926l-.897 3.348c-.266 1.027.16 2.076.988 2.662l-.688 2.064h-2.28c-.552 0-1 .448-1 1s.448 1 1 1h2.279c.862 0 1.625-.549 1.897-1.367l.652-1.957 3.171 1.047v3.058c-.609.549-1 1.337-1 2.22v1h-6.999c-.552 0-1 .448-1 1s.448 1 1 1h8c.552 0 1-.448 1-1v-2c0-.551.449-1 1-1h3c.552 0 1 .449 1 1v2c0 .552.447 1 1 1s1-.448 1-1v-6c0-.551.448-1 1-1h3c.552 0 1 .449 1 1v6c0 .552.447 1 1 1s1-.448 1-1v-6c0-1.654-1.346-3-3-3zm-16.087-2.216.907-3.389c.049-.229.255-.395.489-.395h1.346l-1.262 4.756-1.15-.38c-.25-.083-.393-.346-.33-.592z"></path></svg>				</span> -->
			        </div>
                    <div class="hero-feature">
                        <div class="icon">🚀</div>
                        <h4>Keunggulan Profesional</h4>
                        <p>
                            Jadilah profesional yang melihat lebih dalam dengan keahlian yang tidak dimiliki semua orang.
                        </p>
                    </div>
		        </div>
			</div>
		</div>
		</div>
		<div class="elementor-element elementor-element-be1d723 elementor-align-center elementor-widget elementor-widget-button" data-id="be1d723" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
            <a href="#daftar" class="btn-primary">
                Daftar Sertifikasi
            </a>
		</div>
		</section>

Your JavaScript

-

Your CSS

<style>
    .hero-badge{
        display:inline-block;
        padding:10px 18px;
        background: #019e55;
        color:#fff;
        border-radius:50px;
        font-size:14px;
        letter-spacing:2px;
        margin-bottom:25px;
    }
    .hero-head{
        font-size:58px;
        font-weight:800;
        line-height:1.15;
        margin-bottom:20px;
        color:#111;
    }
    .hero-subhead{
        font-size:28px;
        font-weight:600;
        color:#555;
        margin-bottom:25px;
    }
    .icon{
        font-size:42px;
        margin-bottom:20px;
    }
    .btn-primary{
        background:#0F4C81;
        padding:16px 36px;
        border-radius:50px;
        color:white;
        font-weight:700;
        transition:.3s;
    }
    .btn-primary:hover{
        background:#08365d;
        transform:translateY(-4px);
    }
  </style>