HeaderText

TopicText

HeaderText NOTE!!!! Place above both Div so it is centered over both of them!!!

TEXT HERE

CENTER Column 1

Numbered Outline
Line 2

CENTER text in the Div

Div with a picture in it.

This Div has a background-image set to one of my pictures
This Div has a background-image set to one of my pictures
This Div has a background-image set to one of my pictures

The Div background-color names can be found here: https://www.w3schools.com/colors/colors_names.asp

Classes

Center Text class="uk-text-center"

This is centered text with class="uk-text-center"

Small Text

This is <small>Small Text</small> and this is back to normal

uk-article-lead

This is uk-article-lead text using <p class="uk-article-lead">

tm-text-uppercase

This is uppercase text using <p class="tm-text-uppercase">

Color Div backgrounds with color names

Go here: https://www.w3schools.com/colors/colors_names.asp

Using Div Grid

A Single Div

This container has a number of Divs in it. It has the class="uk-grid data-uk-grid-margin"

This is Div has the class="uk-width-1-1"
ad lkfjasdlkfasdkl sad sad flksadf asdlk fsad f asdfd fja sdf dl fsdlkf sdkl flakd fad fasd fklad fla df df ad lkfjasdlkfasdkl sad sad flksadf asdlk fsad f asdfd fja sdf dl fsdlkf sdkl flakd fad fasd fklad fla df df ad lkfjasdlkfasdkl sad sad flksadf asdlk fsad f asdfd fja sdf dl fsdlkf sdkl flakd fad fasd fklad fla df df

Two Panels 1-2 - class="uk-width-medium-1-2"

This is Div has the class="uk-width-medium-1-2 uk-grid-margin"
ad lkfjasdlkfasdkl sad sad flksadf asdlk fsad f asdfd fja sdf dl fsdlkf sdkl flakd fad fasd fklad fla df df

Three Panels - class="uk-width-medium-2-5 2-5 1-5"

This is Div has the class="uk-width-medium-2-5"
ad lkfjasdlkfasdkl sad sad flksadf asdlk fsad f asdfd fja sdf dl fsdlkf sdkl flakd fad fasd fklad fla df df

This is Div has the class="uk-width-medium-1-5"
ad lkfjasdlkfasdkl sad sad flksadf asdlk fsad f asdfd fja sdf dl fsdlkf sdkl flakd fad fasd fklad fla df df

Three Panels - class="uk-width-medium-3-10"

This is Div #1 and has the class="uk-width-medium-3-10"
ad lkfjasdlkfasdkl sad sad flksadf asdlk fsad f asdfd fja sdf dl fsdlkf sdkl flakd fad fasd fklad fla df df d jaflkd alk dlkf aldsk jflksd flksd jf;l asdf jsdfl; dsf;l asdflk sdf jsadlfkj sdlkf j

This is Div #2 and has the class="uk-width-medium-3-10"
ad lkfjasdlkfasdkl sad sad flksadf asdlk fsad f asdfd fja sdf dl fsdlkf sdkl flakd fad fasd fklad fla df df d jaflkd alk dlkf aldsk jflksd flksd jf;l asdf jsdfl; dsf;l asdflk sdf jsadlfkj sdlkf j

This is Div #3 and has the class="uk-width-medium-3-10"
ad lkfjasdlkfasdkl sad sad flksadf asdlk fsad f asdfd fja sdf dl fsdlkf sdkl flakd fad fasd fklad fla df df d jaflkd alk dlkf aldsk jflksd flksd jf;l asdf jsdfl; dsf;l asdflk sdf jsadlfkj sdlkf j

Two Colored Panels - class="uk-width-medium-5-10"

This is Div #1 and has the class="uk-width-medium-3-10"
I tried to get a space between the colored Divs, but neight margin: 0 10 0 10 or padding: 0 10 0 10 work. Not sure what else to do. ad lkfjasdlkfasdkl sad sad flksadf asdlk fsad f asdfd fja sdf dl fsdlkf sdkl flakd fad fasd fklad fla df df d jaflkd alk dlkf aldsk jflksd flksd jf;l asdf jsdfl; dsf;l asdflk sdf jsadlfkj sdlkf j

This is Div #2 and has the class="uk-width-medium-3-10"
I tried to get a space between the colored Divs, but neight margin: 0 10 0 10 or padding: 0 10 0 10 work. Not sure what else to do. df df d jaflkd alk dlkf aldsk jflksd flksd jf;l asdf jsdfl; dsf;l asdflk sdf jsadlfkj sdlkf j

Three Colored Panels - class="uk-width-medium-3-10"

This is Div #3 and has the class="uk-width-medium-3-10"
I tried to get a space between the colored Divs, but neight margin: 0 10 0 10 or padding: 0 10 0 10 work. Not sure what else to do. df df d jaflkd alk dlkf aldsk jflksd flksd jf;l asdf jsdfl; dsf;l asdflk sdf jsadlfkj sdlkf j

BOXES

Textured Boxes

Title for Panel is class="uk-panel-title"

<div class="uk-align-center uk-text-center uk-width-1-1">
<div id="tm-top-a" class="uk-block tm-block-top-a uk-block-muted tm-block-padding-large tm-block-texture">
<h3 class="uk-panel-title" style="color:#000;">Title for Panel is class="uk-panel-title"</h3>
<p class="uk-margin-large-bottom" style="color:#000;">This textured div has the following coding <br />
<div id="tm-top-a" class="uk-block tm-block-top-a uk-block-muted <br>
tm-block-padding-large tm-block-texture">
</p>
</div>
</div>

<div class="uk-container uk-container-center">
<p class="uk-margin-large-bottom" style="color:#000;">This is in a div with class="uk-block uk-block-primary tm-block-padding-large tm-block-texture"</p>
</div>

</div>

<div class="uk-block uk-block-secondary tm-block-padding-large tm-block-texture">
<div class="uk-container uk-container-center">
<p class="uk-margin-large-bottom" style="color:#000;">This is in a div with class="uk-block uk-block-secondary tm-block-padding-large tm-block-texture"</p>
</div>
</div>