With the ArcticIndex Widget you can add company and person badges to your site with ease.

Getting the ArticIndex widgets

There are 4 different widgets for different purposes:

• New Companies
• New People
• Specific Company
• Specific Person

New Companies

Just copy and paste the following code to your HTML-page:

	<script type="text/javascript" src="http://arcticindex.com/widget/companies"></script>
<style type="text/css">
  .arcticIndexWidget a{text-decoration:none;
	color: #6699cc;}
  .arcticIndexWidget {
	border: 1px solid #eee;
	font: 12px/18px "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	padding: 5px 20px;
	min-height:200px;
	}
  .arcticIndexWidget h2 {
	background: #F8F8EE;
	border: 1px solid #eee;
	color: #000;
	font-size: 18px;
}
   .arcticIndexWidget p {
	font-size:12px;
}

</style>

New People

Just copy and paste the following code to your HTML-page:

	<script type="text/javascript" src="http://arcticindex.com/widget/people"></script>
<style type="text/css">
  .arcticIndexWidget a{text-decoration:none;
	color: #6699cc;}
  .arcticIndexWidget {
	border: 1px solid #eee;
	font: 12px/18px "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	padding: 5px 20px;
	min-height:200px;
	}
  .arcticIndexWidget h2 {
	background: #F8F8EE;
	border: 1px solid #eee;
	color: #000;
	font-size: 18px;
}
   .arcticIndexWidget p {
	font-size:12px;
}

</style>

Specific Company Widget

You can modify the style as you want. Replace the company id in the code (http://arcticindex.com/widge/company/ID) with id you want. You can find company ID's as follows:

• 1. Browse to the company you want in ArcticIndex.com
• 2. Find the id in the url:
  
• 3. Replace the ID in the code
• 4. Copy and paste the code into your HTML page
• 5. You're done!

Code for the company widget:

<script type="text/javascript" src="http://arcticindex.com/widget/company/1"></script>
<style type="text/css">
  .arcticIndexWidget a{text-decoration:none;
	color: #6699cc;}
  .arcticIndexWidget {
	border: 1px solid #eee;
	font: 12px/18px "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	padding: 5px 20px;
	min-height:200px;
	}
  .arcticIndexWidget h2 {
	background: #F8F8EE;
	border: 1px solid #eee;
	color: #000;
	font-size: 18px;
}
   .arcticIndexWidget p {
	font-size:12px;
}
</style>

Specific Person Widget

As with the company widget you can modify the style as you want. Replace the person id in the code (http://arcticindex.com/widge/person/ID) with id you want. You can find person ID as follows:

• 1. Browse to the person you want in ArcticIndex.com
• 2. Find the id in the url:
  
• 3. Replace the ID in the code
• 4. Copy and paste the code into your HTML page
• 5. You're done!

Code for the person widget:

<script type="text/javascript" src="http://arcticindex.com/widget/person/1">
<style type="text/css">
  .arcticIndexWidget a{text-decoration:none;
	color: #6699cc;}
  .arcticIndexWidget {
	border: 1px solid #eee;
	font: 12px/18px "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	padding: 5px 20px;
	min-height:200px;
	}
  .arcticIndexWidget h2 {
	background: #F8F8EE;
	border: 1px solid #eee;
	color: #000;
	font-size: 18px;
}
   .arcticIndexWidget p {
	font-size:12px;
}
</style>