Hero Component - Copy this Angular, Css Component to your project
Generate better this code <div class="views row first"> <div class="views row__hero image loading"> <div class="usa hero" style="background image: url('/images/Web_CDCW_banner.jpg')"> <div class="grid container"> <div class="usa hero__callout"> <h1 id="c98394" class="usa hero__heading" > <span class="usa hero__heading alt"> USCIS Celebrará el Día de la Constitución y el Día de la Ciudadanía </span> </h1> <div class="usa hero__description"> <p> USCIS celebrará el Día de la Constitución y el Día de la Ciudadanía de 2024 dando la bienvenida a más de 17,000 nuevos ciudadanos en más de 400 ceremonias de naturalización entre el 14 y el 23 de septiembre. </p> </div> <a class="usa button usa hero__callout__button btn btn anchor" aria describedby="c98394" href="https://www.uscis.gov/newsroom/news releases/uscis to celebrate constitution day and citizenship day"> Más Información </a> </div> <button type="button" class="pause slider" title="Pause Slider" aria label="Pause" slider="" style="background: none;position: relative;top: 6px;border: none;padding: 5px;width: 25px;height: 25px;min width: 25px;max width: 100%;"> <img src="images/mzBNl7Wxr1SL.svg" alt="Pause Slider"> </button> </div> </div> </div> </div> <div class="views row"> <div class="views row__hero image loading"> <div class="usa hero" style="background image: url('/images/99QJMJyJj8Q7.jpg')"> <div class="grid container"> <div class="usa hero__callout"> <h1 class="usa hero__heading" id="c98224"><span class="usa hero__heading alt">Suspensión Administrativa de Manteniendo a las Familias Unidas (KFT)</span></h1> <div class="usa hero__description"> <p> El 26 de agosto de 2024, el Tribunal de Distrito para el Distrito del Este de Texas suspendió administrativamente que DHS otorgue el permiso de permanencia temporal en el país bajo KFT por 14 días. Luego, extendió la suspensión hasta el 23 de sept. de 2024. USCIS puede continuar aceptando Formularios I 131F. </p> </div> <a class="usa button usa hero__callout__button btn btn anchor" aria describedby="c98224" href="https://www.uscis.gov/es/manteniendofamiliasunidas">Más Información </a> </div><button type="button" class="pause slider" title="Pause Slider" aria label="Pause" slider="" style="background: none;position: relative;top: 6px;border: none;padding: 5px;width: 25px;height: 25px;min width: 25px;max width: 100%;"><img src="images/mzBNl7Wxr1SL.svg" alt="Pause Slider"></button> </div> </div> </div> </div>
