Vote-2878: Template for Info Card Component

[clmedders]

Jira ticket

Vote-2878

Description

Creating a twig template for the new Info Card component and adding a .scss file for class as well

Screen shots of mobile and desktop

Deployment and testing

Post-deploy steps

1. run lando retune
2. cd into the votegov theme and run npm run build

QA/Testing instructions

1. Review figma design and ensure that base fields are added and correct naming is added
2. Can add the following code to the voter guide template this will add the component to check the styles and can visit any voter guide to see component

  {% include '@votegov/component/info-card.html.twig' with {
  'heading': 'Register or update registration online',
  'body': 'Alabama offers online registration. This is often the fastest way to register to vote or update your registration, including changing your name or address, and for some states, political party.'
} %}

4. Also can update the component code to the following to have the button render to check styles as well

<div class="vote-info-card">
   <div class="vote-info-card__container">
       <h2 class="vote-info-card__header">
           {{ heading }}
       </h2>
       {% if body %}
           <div class="vote-info-card__body">
               {{ body }}
           </div>
       {% endif %}
       <div class="vote-info-card__button">
           {% include '@votegov/component/button.html.twig' with {
               'label': 'Register or update registration on Alabama website',
           } %}
       </div>
   </div>
</div>

Checklist for the Developer

• A link to the JIRA ticket has been included above.
• No merge conflicts exist with the target branch.
• Automated tests have passed on this PR.
• A reviewer has been designated.
• Deployment and testing steps have been documented above, if applicable.

Checklist for the Peer Reviewers

• The file changes are relevant to the task objective.
• Code is readable and includes appropriate commenting.
• Code standards and best practices are followed.
• QA/Test steps were successfully completed, if applicable.
• Applicable logs are free of errors.