Remark: HTML/Head structure should have the structure like in this page. It contains the lastUpdate variable for the last update date of this page.

Remark: The bread crums can be used to navigate. Each page should have bread crums.

Theme and Test

A H1 heading with class pagetitle

Remark: Main navigation buttons. Only applicable when there is no usefull page.

If the page has usefull content, it will have the following structure.

Remark: Buttons related to the page pointing to important other sources like documentation.

Remark: Product buttons, often on this site.

This page shows a default page - the website Theme.

Development

Some data for developing this website,

Website development links

This website is leveraging the following frameworks:


Short notation of this website is:
http://bit.ly/fJST1S

Using

The names take here using are always in lower case.

This Website - Theme

These are the standards and formats used in this website. All are examples.

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

H1- Standard and Formats

In the source the Hx labels should be preceeded by 2 blank lines and followed by 1 blank line.

H2- Standard and Formats

This is a standard H2 heading.

H3- Standard and Formats

This is a standard H3 heading.

H3- Standard and Formats

This is a standard H3 heading.

H2- Standard and Formats

This is a standard H2 heading.

H3- Standard and Formats

This is a standard H3 heading.

H1- Standard and Formats

In the source the Hx labels should be preceeded by 2 blank lines and followed by 1 blank line.

H2- Standard and Formats

This is a standard H2 heading.

Layout

The layout should be in line with this page. See this page as a template for new pages or enhanced pages.

Installation

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Files

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Elements

Buttons

BVL5 - Link to a page of this website
www.ibm.com - Link to IBM / Bluemix / DeveloperWorks
Google - Link to External.

Multiple buttons are grouped together:

BVL5 www.ibm.com Google

Links

Default link
Home Page - Site Link
www.ibm.com - IBM Link
www.google.com - External Link, or bread crums

Well

When possible the tool should have a quick line as description, direct following the bread cumbs and an empty line.

 

The Rational Quality Manager is the Jazz based tool for test- and testlab-management.

Alerts

A Must See message is shown as (class alert alert-danger):

Must see! These pages are provided as-is basis. Please refer to latest software and latest documentation for up-to-date information.

A Warning/Note is shown as (class alert alert-warning):

Note! At this moment in time I'm not concered about the formatting. It's the data I want to access.

A tip is shown as (class alert alert-info):

Tip! You can use Ctrl-S to save.

Hello, this is a test.

The following graphic is used to elaborate with a personal touch (alert alert-info why):

Effective Test Managment

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Code is shown, leveraging a fixed font.

cd C:\RFTTest
copy /Y source.txt target.txt
dir > output.txt
call wait 10

A image/figure should have a description:

Figure: Being able to add your own hardware

Question: this is a span-class question
This is the answer.

Some span-definitions in the scenario's.

Colors

Structure of panels (with colors):

Tile Class Header

Class: hot

Some text here.

To show that the Glyphicons are transparent.

Class: bggray - AAAAAA

Class: bgwhite

Class: bgred - FFAAAA

Class: bggreen - AAFFAA

Class: bgblue - AAAAFF

Class: bgyellow - FFFFAA

Class: bgpurple - FFAAFF

Class: bgsea - AAFFFF

Class: bgorange - FFBB00

Class: bgorange2 - FF00BB

Class: bgapple - BBFF00

Class: bgapple2 - BB00FF

Class: bgxxx - 00FFBB

Class: bgxxx2 - 00BBFF

Glyphicons

Complete list

Used Glyphicons are

Other Souces

Remark: Other Sources are always the last topic of a page with links to other pages.

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Test environement

Modal

Some test

Press Command (⌘)-Shift-3.

Remark: Closing is done using script as in this page.

@