Back to all Campaign Materials

Below you will find icon/button files and the code needed to place a button link on your website. To use, just copy the “HTML Code” content and paste it into your website to connect to the NextUp website.

Small

Use for content columns between 150 and 225 pixels in width.

You can adjust the img and div tag’s width from 150px to 230px in order to place this image button into a relatively small column. Edit the ‘styles width: ‘ attribute to adjust the sizes accordingly.

<a title="visit the NextUp website" href="nextup.cccco.edu" target="_blank"><img width="190" alt="nextup logo red english" src="http://nextup.jointstaging.com/wp-content/uploads/2019/07/red-button-english-new.jpg" /></a>

Medium

Use for content columns between 230 and 350 pixels in width.

You can adjust the img and div tag’s width from 230px to 350px in order to place this image button into a relatively small column. Edit the ‘styles width: ‘ attribute to adjust the sizes accordingly.

<a title="visit the NextUp website" href="nextup.cccco.edu" target="_blank"><img width="290" alt="nextup logo red english" src="http://nextup.jointstaging.com/wp-content/uploads/2019/07/red-button-english-new.jpg" /></a>

Large

Use for content columns between 350 and 530 pixels in width.

You can adjust the img and div tag’s width from 350px to 530px in order to place this image button into a relatively small column. Edit the styles ‘width:’ attribute to adjust the sizes accordingly.

<a title="visit the NextUp website" href="nextup.cccco.edu" target="_blank"><img width="530" alt="nextup logo red english" src="http://nextup.jointstaging.com/wp-content/uploads/2019/07/red-button-english-new.jpg" /></a>