hil

Blockquote Code

<section style="text-align: center;">
    <h3 class="underline-hover">Blockquote Example</h3>
    <blockquote>
        "This is a blockquote. It's great for highlighting a key takeaway or a quote from a source. It stands out from the rest of the text in a clean, professional way."
    </blockquote>
</section>

CTA Button Code

<section style="text-align: center;">
    <a class="cta-button" href="https://www.abc.com" target="_blank" rel="noopener noreferrer">
        🚀 Example CTA Button
    </a>
</section>

Floating CTA Code

<div id="floating-cta" class="floating-cta">
    <div class="floating-cta-inner">
        <div class="floating-cta-text">
            <p>Sample</p>
        </div>
        <a id="cta-button" class="cta-button-float" href="https://www.abc.com" target="_blank" rel="noopener noreferrer">
            Button X
        </a>
        <button id="toggle-cta-button" class="close-cta-button" aria-label="Collapse Notification">
            <span class="icon-toggle">▼</span>
        </button>
    </div>
</div>

Video Youtube

<div class="youtube-container" onclick="this.innerHTML = '<iframe src=\'https://www.youtube.com/embed/Pancong?autoplay=1&rel=0\' frameborder=\'0\' allow=\'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\' allowfullscreen></iframe>';">
  <img alt="Thumbnail Video" src="https://img.youtube.com/vi/uKTEl4uL1h0/hqdefault.jpg">
  <div class="play-button"></div>
</div>