Geneva College
Print This Page

Button Styles


  • centerPageList Example
<ul id="centerPageList"><li>
<a href="pick your link">Example Grey Bar
</a></li></ul>

  • centerPageListGold Example
<ul id="centerPageListGold"><li>
<a href="pick your link">Example Gold Bar
</a></li></ul>

  • centerPageListDark Example
<ul id="centerPageListDark"><li>
<a href="pick your link">Example Dark Grey Bar
</a></li></ul>

Box Link Example
<div id="boxlink-container">
<a class="boxlink" href="pick your link">boxLink
</a></div>

 

Button Gold
<a class="button gold" href="pick your link">
Button</a>

Button Grey
<a class="button grey" href="pick your link">
Button Grey</a>

Button Black
<a class="button black" href="pick your link">
Button Black</a>

biglinkdark
<a class="biglinkdark" href="pick your link">
biglinkdark</a>

biglink
<a class="biglink" href="pick your link">
biglink</a>

plainlink
<a class="plainlink" href="pick your link">
plainlink</a>

site://geneva.edu/webdev/style-guide/button-styles

Geneva College | 3200 College Ave., Beaver Falls, PA 15010