Influential Women Badge

HTML Code

Copy the code below and paste it into your website where you want the badge to appear:

<style>
  .badge-outer img {
  width: 180px;
  display: block;
  margin: 0 auto;
  }
  .client-name {
  text-align: center;
  font-size: 16px;
  font-family: Cambria, Times, serif;
  color: {{ badge_text_color }};
  margin-top: 8px;
  }
  .client-name a {
  color: {{ badge_link_color }};
  text-decoration: none;
  }
  .client-name a:hover {
  text-decoration: underline;
  }
  </style>
  <div class="badge-outer">
  <div class="badge-inner">
  <a class="badge-link" href="https://influentialwomen.com/" target="_blank">
  <img class="badge-img" src="https://cdn.bmapinc.com/configurations/config_68454009b3957.png" alt="Influential Women Badge" />
  </a>
  </div>
  <div class="client-name"><a href="https://influentialwomen.com/profile/holly-rivera" target="_blank">Holly Rivera</a></div>
  </div>

Implementation Guide

Copy the HTML code from the textarea above
Paste it into your website's HTML where you want the badge to display
The badge automatically links back to your Influential Women profile
The badge is fully responsive and adapts to different screen sizes
No additional CSS or JavaScript is required

Influential Women Badge

Badge Preview

HTML Code

Implementation Guide