Toronto District School Board
Skip to main content

Button Text Links

Blue Button

 
Sample Text

<div class="btnBoxStandard">
<div class="btnStanBlueArrow"> </div>
<div class="btnStanBlue"><a href="/">Sample Text</a></div>
</div>

Blue Button Left

 
Sample Text
<div class="btnBoxStandard">
<div class="btnStanBlueArrowLeft"> </div>
<div class="btnStanBlue"><a href="/">Sample Text</a></div>
</div>

Blue Button Down

 
Sample Text
<div class="btnBoxStandard">
<div class="btnStanBlueArrowDown"> </div>
<div class="btnStanBlue"><a href="/">Sample Text</a></div>
</div>

Green Button

 
Sample Text
<div class="btnBoxStandard">
<div class="btnStanGreenArrow"> </div>
<div class="btnStanGreen"><a href="/">Sample Text</a></div>
</div>

Green Button Left

 
Sample Text
<div class="btnBoxStandard">
<div class="btnStanGreenArrowLeft"> </div>
<div class="btnStanGreen"><a href="/">Sample Text</a></div>
</div>

Green Button Down

 
Sample Text
<div class="btnBoxStandard">
<div class="btnStanGreenArrowDown"> </div>
<div class="btnStanGreen"><a href="/">Sample Text</a></div>
</div>

Yellow Button

 
Sample Text
<div class="btnBoxStandard">
<div class="btnStanYellowArrow"> </div>
<div class="btnStanYellow"><a href="/">Sample Text</a></div>
</div>

Yellow Button Left

 
Sample Text
<div class="btnBoxStandard">
<div class="btnStanYellowArrowLeft"> </div>
<div class="btnStanYellow"><a href="/">Sample Text</a></div>
</div>

Yellow Button Down

 
Sample Text
<div class="btnBoxStandard">
<div class="btnStanYellowArrowDown"> </div>
<div class="btnStanYellow"><a href="/">Sample Text</a></div>
</div>

Orange Button

 
Sample Text
<div class="btnBoxStandard">
<div class="btnStanOrangeArrow"> </div>
<div class="btnStanOrange"><a href="/">Sample Text</a></div>
</div>

Orange Button Left

 
Sample Text

<div class="btnBoxStandard">
<div class="btnStanOrangeArrowLeft"> </div>
<div class="btnStanOrange"><a href="/">Sample Text</a></div>
</div>

Orange Button Down

 
Sample Text

<div class="btnBoxStandard">
<div class="btnStanOrangeArrowDown"> </div>
<div class="btnStanOrange"><a href="/">Sample Text</a></div>
</div>

Big Blue Button

Sample text for the big blue button

<p style=" background-color: #CCE6FF; width: 220px; text-align: center; padding: 20px; border-radius: 10px;">
<a href="#">Sample Text</a>
</p>