- Insertar el contenido principal de nuestra nueva página al proyecto.
- Tener instalado Visual Studio Code.
Nuestra página habla un poco acerca del costo del servicio. Por ello, debemos crear nuestro código para que el resultado se vea así:
TIP: Al ser este un caso común, Bootstrap tiene clases utilitarias que pueden ayudar a desarrollar rápidamente estos elementos, o puedes optar por diseñarlos a mano.
Posible solución
Podemos insertar un elemento con un contenedor, para tener la posibilidad de controlar el acomodo de los diversos elementos que tiene este diseño.
<main class="header">
<article>
<h1>Free During COVID-19</h1>
<p>
Matcha is on a mission to make your blog the biggest asset for your
business’ growth, especially in today’s context. That’s why we’re
making the Matcha Platform free forever to all new users who sign up
during COVID-19.
</p>
</article>
</main>