1<div class="ms-CalloutExample">
2 <div class="ms-Callout is-hidden">
3 <div class="ms-Callout-main">
4 <div class="ms-Callout-header">
5 <p class="ms-Callout-title">All of your favorite people</p>
6 </div>
7 <div class="ms-Callout-inner">
8 <div class="ms-Callout-content">
9 <p class="ms-Callout-subText">Message body is optional. If help documentation is available, consider adding a link to learn more at the bottom.</p>
10 </div>
11 <div class="ms-Callout-actions">
12 <a class="ms-Link">Learn more</a>
13 </div>
14 </div>
15 </div>
16 </div>
17 <div class="ms-CalloutExample-button">
18 <button class="ms-Button">
19 <span class="ms-Button-label">Open Callout</span>
20 </button>
21 </div>
22</div>