Columns

This page includes example of columns that you can use in the content when you write your Blog or a Page. The instructions is simple place the html code that is below and add content.

100% Width Column


The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. I'm surprised you had the courage to take the responsibility yourself. The plans you refer to will soon be back in our hands.

<div class="grid-block grid-gutter">
    <div class="grid-box width100">
        <div> . . .  </div>
    </div>
</div>

50% Width Column


The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. I'm surprised you had the courage to take the responsibility yourself. The plans you refer to will soon be back in our hands.

50% Width Column


The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. I'm surprised you had the courage to take the responsibility yourself. The plans you refer to will soon be back in our hands.

<div class="grid-block grid-gutter">
    <div class="grid-box width50">
        <div> . . .  </div>
    </div>
    <div class="grid-box width50">
        <div> . . .  </div>
    </div>
</div>

33% Width Column


The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. I'm surprised you had the courage to take the responsibility yourself. The plans you refer to will soon be back in our hands.

33% Width Column


The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. I'm surprised you had the courage to take the responsibility yourself. The plans you refer to will soon be back in our hands.

33% Width Column


The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. I'm surprised you had the courage to take the responsibility yourself. The plans you refer to will soon be back in our hands.

<div class="grid-block grid-gutter">
    <div class="grid-box width33">
        <div> . . .  </div>
    </div>
    <div class="grid-box width33">
        <div> . . .  </div>
    </div>
    <div class="grid-box width33">
        <div> . . .  </div>
    </div>
</div>

25% Width Column


The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. I'm surprised you had the courage to take the responsibility yourself. The plans you refer to will soon be back in our hands.

25% Width Column


The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. I'm surprised you had the courage to take the responsibility yourself. The plans you refer to will soon be back in our hands.

25% Width Column


The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. I'm surprised you had the courage to take the responsibility yourself. The plans you refer to will soon be back in our hands.

25% Width Column


The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. I'm surprised you had the courage to take the responsibility yourself. The plans you refer to will soon be back in our hands.

<div class="grid-block grid-gutter">
    <div class="grid-box width25">
        <div> . . .  </div>
    </div>
    <div class="grid-box width25">
        <div> . . .  </div>
    </div>
    <div class="grid-box width25">
        <div> . . .  </div>
    </div>
    <div class="grid-box width25">
        <div> . . .  </div>
    </div>
</div>
You can combine different width classes to suit your needs. The available width classes are: width16, width20, width25, width33, width40, width50, width60, width66, width75, width80, width100

60% Width Column


The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. I'm surprised you had the courage to take the responsibility yourself. The plans you refer to will soon be back in our hands.

40% Width Column


The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. I'm surprised you had the courage to take the responsibility yourself.

<div class="grid-block grid-gutter">
    <div class="grid-box width60">
        <div> . . .  </div>
    </div>
    <div class="grid-box width40">
        <div> . . .  </div>
    </div>
</div>

Contact Information

Kenyan Canadian Association - KCA
Brampton | Toronto | Ottawa | Winnipeg | Calgary | Vancouver
Telephone: +1 888-448-6225
Email: This email address is being protected from spambots. You need JavaScript enabled to view it.
Website: www.kcacanada.org 
           | @kcacanada

National Head Office:
--------------------------
226 Bathurst St, Unit 250
Toronto ON M5T 2R9
Brampton Office:
---------------------
18 Regan Rd, Unit 28
Brampton ON L7A 1C2

Donate NOW