code of conduct bits for the community website

gistfile1.txt

conduct:
    title: Code of Conduct
    about: >-
      Openness and inclusivity are fundamental principles for the Ansible community.<br />
      We abide by a code of conduct that asks everyone to be respectful and welcoming at all times.
  conduct_url: https://docs.ansible.com/ansible/latest/community/code_of_conduct.html
  
<div class="community-conduct">
        <h3>{{ homepage.community.conduct.title }}</h3>
        <p>{{ homepage.community.conduct.about }}</p>
        <div class="learn-more-button">
          <a class="btn" href="{{ conduct_url }}" role="button">{{ homepage.labels.learn_more }}</a>
        </div>
      <div class="community-conduct-left">
      </div>
      <div class="community-conduct-right">
      </div>
    </div>
    
  .community-conduct {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  h3 {
    font-size: 1.1rem;
    font-weight: bold;
  }
  p {
    font-size: 0.9rem;
  }
  .learn-more-button {
    a {
      background-color: $navy;
      color: $white;
      font-size: 0.9rem;
      font-weight: bold;
      &:hover {
        background-color: $white;
        color: $navy;
      }
    }
    .btn {
      border-width: 1px;
      border-radius: 5px;
      border-color: $navy;
      width: fit-content;
      padding: 0px 10px;
    }
  }
}