Responsive Grid

Columns

One Half

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

One Half

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

<div class="row">

<div class="col-md-6">
<h4>One Half</h4>
<p>Donec sed odio dui...</p>
</div> 

<div class="col-md-6"> 
<h4>One Half</h4>
<p>Donec sed odio dui...</p>
</div> 

</div>


One Third

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis.

One Third

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis.

One Third

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis.

<div class="row">

<div class="col-md-4"> 
<h4>One Third</h4>
<p>Donec sed odio dui..</p>
</div> 

<div class="col-md-4"> 
<h4>One Third</h4>
<p>Donec sed odio dui..</p>
</div> 

<div class="col-md-4"> 
<h4>One Third</h4>
<p>Donec sed odio dui..</p>
</div>

</div>


One Fourth

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut.

One Fourth

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut.

One Fourth

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut.

One Fourth

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut.

<div class="row">

<div class="col-md-3"> 
<h4>One Fourth</h4>
<p>Donec sed odio dui..</p>
</div> 

<div class="col-md-3"> 
<h4>One Fourth</h4>
<p>Donec sed odio dui..</p>
</div> 

<div class="col-md-3"> 
<h4>One Fourth</h4>
<p>Donec sed odio dui..</p>
</div>

<div class="col-md-3"> 
<h4>One Fourth</h4>
<p>Donec sed odio dui..</p>
</div>

</div>


One Third

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut. Lorem ipsum dolor sit amet, consectetur adipisicing.

Two Thirds

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, doloribus, tempora, numquam repellendus maiores facere a atque reiciendis voluptatibus hic veritatis ratione reprehenderit.

<div class="row">

<div class="col-md-4"> 
<h4>One Third</h4>
<p>Donec sed odio dui...</p>
</div> 

<div class="col-md-8"> 
<h4>Two Thirds</h4>
<p>Donec sed odio dui...</p>
</div> 

</div>


Two Thirds

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, doloribus, tempora, numquam repellendus maiores facere a atque reiciendis voluptatibus hic veritatis ratione reprehenderit.

One Third

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut. Lorem ipsum dolor sit amet, consectetur adipisicing.

<div class="row">

<div class="col-md-8"> 
<h4>Two Thirds</h4>
<p>Donec sed odio dui...</p>
</div> 

<div class="col-md-4"> 
<h4>One Third/h4>
<p>Donec sed odio dui...</p>
</div> 

</div>


One Fourth

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut.

Three Fourths

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, doloribus, tempora, numquam repellendus maiores facere a atque reiciendis voluptatibus hic veritatis ratione reprehenderit.

<div class="row">

<div class="col-md-3"> 
<h4>One Fourth</h4>
<p>Donec sed odio dui...</p>
</div> 

<div class="col-md-9"> 
<h4>Three Fourths</h4>
<p>Donec sed odio dui...</p>
</div> 

</div>


Three Fourths

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, doloribus, tempora, numquam repellendus maiores facere a atque reiciendis voluptatibus hic veritatis ratione reprehenderit.

One Fourth

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut.

<div class="row">

<div class="col-md-9"> 
<h4>Three Fourths</h4>
<p>Donec sed odio dui...</p>
</div>

<div class="col-md-3"> 
<h4>One Fourth</h4>
<p>Donec sed odio dui...</p>
</div> 

</div>


Caledon Chamber of Commerce

The Caledon Chamber of Commerce provides an opportunity for those people who create local jobs and drive the local economy to work with government and the public to build a better community.

The Community Chamber works closely with the Municipal and Regional governments. The Provincial Chamber acts as an umbrella organization to lobby the provincial government on issues of mutual concern to all Chambers, and the Canadian Chamber serves a similar role at a national level.

Cleaning carpets, tiles, grout, furniture and mattresses