<div class="content-section introduction">
  <div class="feature-intro">
    <h1>RippleEffect</h1>
    <p>RippleEffect adds ripple effect to the parent host element.</p>
  </div>
  <app-demoactions>
    <div class="app-demoactions any-d-flex any-ai-end any-jc-end any-mt-3">
      <any-button id="view_on_github" icon="fa-brands:github"
        style-class="any-button-rounded any-button-text any-button-lg any-button-plain"></any-button>
    </div>
  </app-demoactions>
</div>
<div class="content-section">
  <div class="card-container any-d-flex">
    <div class="full-card primary-box">
      Default
      <any-ripple-effect></any-ripple-effect>
    </div>
    <div class="full-card styled-box-green">
      Green
      <any-ripple-effect></any-ripple-effect>
    </div>
    <div class="full-card styled-box-orange">
      Orange
      <any-ripple-effect></any-ripple-effect>
    </div>
    <div class="full-card styled-box-purple">
      Purple
      <any-ripple-effect></any-ripple-effect>
    </div>
  </div>
</div>
</div>
