SOMALI DIASPORA YOUTH
Building Bridges For a Better Tomorrow

Uncategorised

Uncategorised (6)

Friday, 10 October 2014 12:38

Block Elements

Written by

1. Boxes with Icons and Text

[row id="ROW_ID" class="ROW_CLASS"] [col class="span3"]
  • Education Centers

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

    [button type="default" size="medium" link="#"]Read More[/button]
[/col] [col class="span3"]
  • Children In Need

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

    [button type="default" size="medium" link="#"]Read More[/button]
[/col] [col class="span3"]
  • Our Solutions

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

    [button type="default" size="medium" link="#"]Read More[/button]
[/col] [col class="span3"]
  • Donate Now

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

    [button type="primary" size="medium" link="#"]Donate[/button]
[/col] [/row]

2. Images with Overlay Effect and Content

[row id="ROW_ID" class="ROW_CLASS"] [col class="span3"]
Collection Presentation

01 Collection

[button type="default" size="medium" link="#"]Browse[/button]
[/col] [col class="span3"]
Collection Presentation

03 Collection

[button type="default" size="medium" link="#"]Browse[/button]
[/col] [col class="span3"]
Collection Presentation

05 Collection

[button type="default" size="medium" link="#"]Browse[/button]
[/col] [col class="span3"]
Collection Presentation

07 Collection

[button type="default" size="medium" link="#"]Browse[/button]
[/col] [/row]

3. Icon with text block

27 Dark Angels Finale

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

$ 25 000 Black Dress

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Indigo is the new Black

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

15 type of "Winter is Coming" Coats

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

17 Ways to wear your Scarf

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

New Year's Diamonds

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


4. Images with Video in Modal (Pop-up box)

[row] [col class="span4"]
Watch: Supernatural Eventus 2012
[/col] [col class="span4"]
Watch: Supernatural Eventus 2012
[/col] [col class="span4"]
Watch: Supernatural Eventus 2012
[/col] [/row]

5. Speaker with social icons and info box

[row id="ROW_ID" class="ROW_CLASS"] [col class="span3"]

Amanda Thomas

[bubble background="#FFF" color="#666" border="1px solid #ddd" author="Amanda Thomas"]

This is my first time here on Eventus, and I'm trilled to be a speaker on such big event!

[/bubble]
[/col] [col class="span3"]

Amanda Thomas

[bubble background="#FFF" color="#666" border="1px solid #ddd" author="Amanda Thomas"]

This is my first time here on Eventus, and I'm trilled to be a speaker on such big event!

[/bubble]
[/col] [col class="span3"]

Amanda Thomas

[bubble background="#FFF" color="#666" border="1px solid #ddd" author="Amanda Thomas"]

This is my first time here on Eventus, and I'm trilled to be a speaker on such big event!

[/bubble]
[/col] [col class="span3"]

Amanda Thomas

[bubble background="#FFF" color="#666" border="1px solid #ddd" author="Amanda Thomas"]

This is my first time here on Eventus, and I'm trilled to be a speaker on such big event!

[/bubble]
[/col] [/row]
Friday, 10 October 2014 12:38

Parallax

Written by

You can use either the horizontal or the vertical simple parallax with Eventus.

Monday, 06 October 2014 15:39

Charity Home

Written by

Ongoing Charity Projects

[row id="ROW_ID" class="ROW_CLASS"] [col class="span6 uk-text-center"]africa map[/col] [col class="span6"]
Destination: Africa
Issue: Education System
Budget: $1 200 000
Solutions:

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores, ducimus qui blanditiis eos et accusamus et iusto. Et iusto odio dignissimos ducimus qui blanditiis praesentium lorem ipsum dolor.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores, ducimus qui blanditiis eos et accusamus et iusto.

[button type="primary" size="medium" link="#"]Read More[/button]

[/col] [/row]
Monday, 06 October 2014 10:41

Dummy Content

Written by

Lorem ipsum...

[sp_hide /]

Monday, 09 December 2013 12:16

Pricing Tables

Written by

4 Columns Pricing tables example:


[row] [col class="span3"]
  • Weekender
  • € 299 / 2 nights
  • Friday/ Saturday nights
  • 2 x Breakfast
  • 2 x Dinner
  • Free Shutle to the Event
  • [button type="primary" size="" link="#"]Order Now[/button]
[/col] [col class="span3"] [/col] [col class="span3"]
  • Explorer
  • € 699 / 8 nights
  • Friday/ Saturday nights
  • 2 x Breakfast
  • 2 x Dinner
  • Free: Shutle to the Event/ Coffee Vouchers
  • [button type="primary" size="" link="#"]Order Now[/button]
[/col] [col class="span3"]
  • Pathfinder
  • € 999 / 15 nights
  • Whole Event Package
  • 3 meals a day
  • Free Massage
  • Free: Shutle to the Event/ Coffee Vouchers/ Catalog
  • [button type="primary" size="" link="#"]Order Now[/button]
[/col][/row]


3 Columns Pricing tables example:


[row] [col class="span4"]
  • Weekender
  • € 299 / 2 nights
  • Friday/ Saturday nights
  • 2 x Breakfast
  • 2 x Dinner
  • Free Shutle to the Event
  • [button type="primary" size="" link="#"]Order Now[/button]
[/col] [col class="span4"] [/col] [col class="span4"]
  • Explorer
  • € 699 / 8 nights
  • Friday/ Saturday nights
  • 2 x Breakfast
  • 2 x Dinner
  • Free: Shutle to the Event/ Coffee Vouchers
  • [button type="primary" size="" link="#"]Order Now[/button]
[/col] [/row]


2 Columns Pricing tables example:


[row] [col class="span6"]
  • Weekender
  • € 299 / 2 nights
  • Friday/ Saturday nights
  • 2 x Breakfast
  • 2 x Dinner
  • Free Shutle to the Event
  • [button type="primary" size="" link="#"]Order Now[/button]
[/col] [col class="span6"] [/col] [/row]

Monday, 09 December 2013 12:07

UI Kit Elements

Written by

Buttons:

Buttons Groups:

Link
Link
Link
Link

Badges:

Success Warning Danger

Alert Messages:

To indicate success or a positive message add the .uk-alert-success class.

To indicate a message containing a warning add the .uk-alert-warning class.

To indicate an important message add the .uk-alert-danger class.

Progress Bars:

Modal Dialogs:

Click Me

Off-canvas Sidebars:

Click Me

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tooltips:

Hover me

Fade

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Scale up

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Scale down

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide top

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide bottom

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide right

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide left

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Delay

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Explore All UI KIT Examples