Add Badge to Your Website
Let the community know you are a member of the Marine Industries Association of the Treasure Coast buy adding this HTML badge to your website.
Follow the instructions below, with a couple of small edits your can add this badge to your website in just a few minutes.
Copy below code
To copy code, just hover over the box below and click the “copy” button.
<a href="ADD-MIATC-PROFILE-URL-HERE" rel="noreferrer noopener" target="_blank" > <img decoding="async" src="https://miatc.org/wp-content/uploads/2024/10/MIATC-Member-logo-2024.svg" width="120" height="120" alt="Marine Industries Association of The Treasure Coast" /> </a>
Paste into text editor or notepad
For this step, you’ll need to paste the code into a basic text editor without any formatting. This is so you can make a few small edits to the code and then recopy and paste for use on your website.
Get your MIATC profile URL
The button below will open the MIACT Directory in a new tab, this way, you don’t lose your spot here.
Find your business card on the directory, right click and choose “Copy URL Address”. You can also visit your profile page and copy URL from the browser address field.
Your URL will look something like this: https://miatc.org/members/#!biz/id/66be4b56d643b5603f05ee52
Replace ADD-MIATC-PROFILE-URL-HERE
Head back to your text editor, and replace ADD-MIATC-PROFILE-URL-HERE with your business profile URL. Make sure the quotes on both sides remain.
It should look like the code below.
<a href="https://miatc.org/members/#!biz/id/66be4b56d643b5603f05ee52" rel="noreferrer noopener" target="_blank" > <img decoding="async" src="https://miatc.org/wp-content/uploads/2024/10/MIATC-Member-logo-2024.svg" width="120" height="120" alt="Marine Industries Association of The Treasure Coast" /> </a>
Add code to your website
Now, you can copy your updated code from your text editor and add to an HTML block or code widget on your website.
Badge too small?
The default size for the badge is 120px by 120px. If you like the badge to appear larger, just update the numbers between the width and height quotes in your code.
For example, the code below displays at 200px by 200px like the example on the top of this badge.
<a href="https://miatc.org/members/#!biz/id/66be4b56d643b5603f05ee52" rel="noreferrer noopener" target="_blank" > <img data-perfmatters-preload decoding="async" src="https://miatc.org/wp-content/uploads/2024/10/MIATC-Member-logo-2024.svg" width="200" height="200" alt="Marine Industries Association of The Treasure Coast" /> </a>