icm header logo v1

ICM Worldwide
icm header top-globe v1 

Typography2

Basic Color Listings

The ICM GREENS

100% #8dc63f 141,198,63 |X|X|X|X|X|X|X|X|
70% #afd878 175,216,120 |X|X|X|X|X|X|X|X|
50% #c6e39f 198,227,159 |X|X|X|X|X|X|X|X|
30% #ddeec5 221,238,197 |X|X|X|X|X|X|X|X|

Darker Green link text #6C9931 |X|X|X|X|X|X|X|X|

black 90% added #141414 |X|X|X|X|X|X|X|X|
black 80% added #333333 |X|X|X|X|X|X|X|X|
black 70% added #555555 |X|X|X|X|X|X|X|X|
black 50% added #858585 |X|X|X|X|X|X|X|X|
black 20% added #BABABA|X|X|X|X|X|X|X|X|

This is heading 1

Proin urna erat, egestas vel consectetur at, accumsan at purus. Donec est risus, facilisis dignissim placerat nec, euismod lacinia nisi. Nam ac sem sed quam sollicitudin condimentum et eu neque.

This is heading 2

Proin urna erat, egestas vel consectetur at, accumsan at purus. Donec est risus, facilisis dignissim placerat nec, euismod lacinia nisi. Nam ac sem sed quam sollicitudin condimentum et eu neque.

This is heading 3

Proin urna erat, egestas vel consectetur at, accumsan at purus. Donec est risus, facilisis dignissim placerat nec, euismod lacinia nisi. Nam ac sem sed quam sollicitudin condimentum et eu neque.

This is heading 4

Proin urna erat, egestas vel consectetur at, accumsan at purus. Donec est risus, facilisis dignissim placerat nec, euismod lacinia nisi. Nam ac sem sed quam sollicitudin condimentum et eu neque.

This is heading 5

Proin urna erat, egestas vel consectetur at, accumsan at purus. Donec est risus, facilisis dignissim placerat nec, euismod lacinia nisi. Nam ac sem sed quam sollicitudin condimentum et eu neque.

This is heading 6

Proin urna erat, egestas vel consectetur at, accumsan at purus. Donec est risus, facilisis dignissim placerat nec, euismod lacinia nisi. Nam ac sem sed quam sollicitudin condimentum et eu neque.

 

This is a sample info message. Use <p class="idc_info1">Your info message goes here!</p>.

 

This is a sample tips message. Use <p class="idc_tips1">Your tips goes here!</p>.

 

This is a sample warning message. Use <p class="idc_warning1">Your warning message goes here!</p>.

 

This is a sample info message. Use <p class="idc_info2">Your info message goes here!</p>.

 

This is a sample tips message. Use <p class="idc_tips2">Your tips goes here!</p>.

 

This is a sample warning message. Use <p class="idc_warning2">Your warning message goes here!</p>.

 

This is a sample email message. Use <p class="idc_email">Your email message goes here!</p>.

This is a sample feed message. Use <p class="idc_feed">Your feed goes here!</p>.

This is a sample help message. Use <p class="idc_help">Your help message goes here!</p>.

This is a sample lock message. Use <p class="idc_lock">Your webcam goes here!</p>.

This is a sample cog message. Use <p class="idc_cog">Your cog message goes here!</p>.

This is a sample cross message. Use <p class="idc_cross">Your cross message goes here!</p>.

This is a sample error message. Use <p class="idc_error">Your error message goes here!</p>.

This is a sample exclamation message. Use <p class="idc_exclamation">Your exclamation message goes here!</p>.

This is a sample information message. Use <p class="idc_information">Your information message goes here!</p>.

This is a sample accept message. Use <p class="idc_accept">Your accept goes here!</p>.

This is a sample add message. Use <p class="idc_add">Your add message goes here!</p>.

 

This is a highlight phrase. Use <span class="idc_highlight-1">Your highlight phrase goes here!</span>.

 

default unordered list

  • Element 1
  • Element 2
  • Element 3

 

default ordered list

  1. Element 1
  2. Element 2
  3. Element 3

 

<ul class="idc_bullet1">

  • Element 1
  • Element 2
  • Element 3

<ul class="idc_bullet2">

  • Element 1
  • Element 2
  • Element 3

<ul class="idc_circle1">

  • Element 1
  • Element 2
  • Element 3

<ul class="idc_square2">

  • Element 1
  • Element 2
  • Element 3

<ol class="idc_roman">

  1. Element
  2. Element
  3. Element
  4. Element

<ol class="idc_dec">

  1. Element
  2. Element
  3. Element
  4. Element

<ol class="idc_alpha">

  1. Element
  2. Element
  3. Element
  4. Element

<ol class="idc_decimalLeadingZero">

  1. Element
  2. Element
  3. Element
  4. Element


<div class="idc_number1"><p><span>here goes a number</span>and here text of element</p>

01 Element

02 Element

 

Legend

This is a sample legend note. Use <div class="idc_legend1"> <h4> Title </h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div>.

Legend

This is a sample legend note. Use <div class="idc_legend2"> <h4> Title </h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div>.

 

This is a sample text with Dropcap. Use <p> <span class="idc_Dropcap1">t</span> to make the first letter larger. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend. Vivamus ullamcorper est id libero aliquam ullamcorper. Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut..</p>.

 

Below are samples of text in which part of it is displayed in a separate block

<p> Here goes main part of the text <span class="idc_blockTextLeft">Block of text</span>rest of the text</p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut. Morbi cursus est vel velit hendrerit dictum.

<p> Here goes main part of the text <span class="idc_blockTextRight">Block of text</span>rest of the text</p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibusDonec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut. Morbi cursus est vel velit hendrerit dictum.

 

This is a sample pin note. Use <span class="idc_color-5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="idc_color-6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="idc_color-7">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample pin note. Use <span class="idc_clear-2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>