Bloque de información que se construye con otros elementos de un articulo.

<div class="callout">
  <p>Add in your content here.</p>
</div>
Bloque informativo

Ejemplos # 

<div class="callout">
  <div class="callout-content">
    <h2>Engaging title here</h2>
    <p>Add in your content here.</p>
    <a class="btn btn-primary" href="#link">Click Me!</a>
  </div>
</div>
Bloque informativo con titulo y botón
<div class="callout">
  <img class="alignright" src="example.png" loading="lazy"/>
  <div class="callout-content">
    <h2>Engaging title here</h2>
    <p>Add in your content here.</p>
    <a class="btn btn-primary" href="#link">Click Me!</a>
  </div>
</div>
Bloque informativo con imagen, título y botón