gitcoinco/code_fund_ads

<%= render CardComponent.new do %>
  <%= render Card::HeaderComponent.new do %>
    <%= render(Card::TitleComponent.new) { "Social Profiles" } %>
    <%= render(Card::SubtitleComponent.new) { "Where can we find you out in the wild?" } %>
  <% end %>
  <%= render Card::BodyComponent.new do %>
    <div class="d-flex flex-column">
      <div class="list-group-item px-0">
        <div class="list-group-item-figure">
          <div class="tile tile-md bg-twitter">
            <i class="fab fa-twitter"></i>
          </div>
        </div>
        <div class="list-group-item-body">
          <%= f.text_field :twitter_username, class: "form-control", placeholder: "Twitter username" %>
        </div>
      </div>
      <div class="list-group-item px-0">
        <div class="list-group-item-figure">
          <div class="tile tile-md bg-github">
            <i class="fab fa-github"></i>
          </div>
        </div>
        <div class="list-group-item-body">
          <%= f.text_field :github_username, class: "form-control", placeholder: "GitHub username" %>
        </div>
      </div>
      <div class="list-group-item px-0">
        <div class="list-group-item-figure">
          <div class="tile tile-md bg-linkedin">
            <i class="fab fa-linkedin"></i>
          </div>
        </div>
        <div class="list-group-item-body">
          <%= f.text_field :linkedin_username, class: "form-control", placeholder: "LinkedIn username" %>
        </div>
      </div>
    </div>
  <% end %>
<% end %>