Página de servicios tipo acordeón

Voy a realizar una página que permita mostrar algunos servicios que se prestan en una empresa, donde cada ítem sea tipo acordeón, como ya he visto varios cursos de html, terminal y Linux en Platzi, he separado el código de html, css y js, ya que me parece mejor.

Lo primero que realizamos es la estructura html, usando cards para las presentaciones de los servicios y como es tipo acordeón le colocamos la clase:

Luego le damos estilos a los textos y a las cards. También, usamos diseño tipo responsivo:

Con el fin de que se muestre o se oculte algún contenido en nuestras cards, debemos usar js para que realice esta función.

El resultado es el siguiente: