Navigation components index

Feature box containing only one item: center

Type Navigation Component
Navigation pattern Direct navigation to destinations anywhere in the site
Inclusion Included on the web page by means of <!--#include virtual="....."--> syntax
Component structure
  • <table width="100%" class="featureSingle">
  • The width of the table is mandatory at 100%
Content formatting
  • Text: <p>
  • This area is used to highlight 1 item at the time. Because one item cannot be considered as a list, the tag <p> is used instead of <ul>.
Description and use
  • Used to highlight a resource or a section of the site.
  • It can contain a combination of : an image, title that acts as a link to the highlighted resource or section, short description, additional links for more information. (see example)
Position on the page center column
Conventional File name used adverbox.htm

Types of box

Link, blurb and image

Note that the Title is composed using the class="titleList" and that the images is aligned on the right using the class="floatRight".
/public/english/template1/components/feature2/link_blurb_image.htm

Link, blurb, image and a lable

Note that it is possible to place a label in the box.
/public/english/template1/components/feature2/link_blurb_image_label.htm


Alternative: Link, blurb and image

Note that the Title is composed using the class="titleListNo" and that the images is aligned on the left using the class="floatLeft".
/public/english/template1/components/feature2/link_blurb_image1.htm


Item with more links and blurb along with image

Note that the Title is composed using the class="titleList" and that the images is aligned on the right using the class="floatRight".
/public/english/template1/components/feature2/more_links_blurb_image.htm


Alternative: Item with more links and blurb along with image

Note that the Title is composed using the class="titleListNo" and that the images is aligned on the left using the class="floatLeft".
/public/english/template1/components/feature2/more_links_blurb_image1.htm



^ top