Const<!-- Basic section intro -->
<umd-element-section-intro>
<h2 slot="headline">Our Mission</h2>
<p>We are committed to excellence in education and research.</p>
</umd-element-section-intro>
<!-- With actions and separator -->
<umd-element-section-intro data-has-separator>
<h2 slot="headline">Get Started</h2>
<p>Join our community of innovators and leaders.</p>
<div slot="actions">
<a href="/apply">Apply Now</a>
<a href="/info">Learn More</a>
</div>
</umd-element-section-intro>
<!-- Dark theme with animation -->
<umd-element-section-intro data-theme="dark" data-animation="true">
<h2 slot="headline">Research Excellence</h2>
<p>Discover groundbreaking research across multiple disciplines.</p>
<a slot="actions" href="/research">Explore Research</a>
</umd-element-section-intro>
Section Introduction (Small)
A compact section introduction component that provides a headline, descriptive text, and optional action buttons. Designed for introducing content sections with minimal space usage. Supports animation on scroll and optional visual separator.
Custom Element
<umd-element-section-intro>Slots
headline- Section headline/titleactions- Call-to-action buttons or linksAttributes
data-theme- Theme options:dark- Dark background with light textdata-has-separator- Adds visual separator linedata-animation- Enable scroll-triggered animations:true- Enables entrance animations