Skip Navigation Bar
Go to the NLM Home page

NLM Main Site Coding Examples - Division Header Example With Image

NLM Main TeamSite Component Options - All on One Page

Two Columns HTML Only Content Box - Left Column

  • Width calculated by the template based on width chosen for right column

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec at pede nec turpis scelerisque porta. Nullam leo odio, volutpat ac, imperdiet at, sagittis eget, arcu. Nam eu nunc vel lorem varius vehicula. Donec ut nunc. Sed luctus, elit eget venenatis vehicula, tortor pede aliquet mi, a dignissim est erat eu nisi. Sed rutrum nibh vel elit. Donec tempor sodales ligula. Curabitur leo nisi, condimentum sit amet, eleifend quis, vulputate vitae, odio. Sed suscipit. Curabitur sit amet turpis at libero scelerisque dapibus. Curabitur laoreet

Secondary column interaction with a 2 column component

  1. If a secondary column following a 2 column component, the secondary component will appear as a third column in the 100% width view
  2. There can only be one secondary column per page.
  3. The secondary component will always be at the top left or right of the page

Two Columns HTML Only Content Box - Right Column

  • Width 33% based on on choices in the template. calculated by template based on with chosen for right column
  • Choices are:
    • 25%
    • 33%
    • 50%
    • 66%
    • 75%

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec at pede nec turpis scelerisque porta. Nullam leo odio, volutpat ac, imperdiet at, sagittis eget, arcu. Nam eu nunc vel lorem varius vehicula. Donec ut nunc. Sed luctus, elit eget venenatis vehicula, tortor pede aliquet mi, a dignissim est erat eu nisi. Sed rutrum nibh vel elit. Donec tempor sodales ligula. Curabitur leo nisi, condimentum sit amet, eleifend quis, vulputate vitae, odio. Sed suscipit. Curabitur sit amet turpis at libero scelerisque dapibus. Curabitur laoreet

 


 

Generic Content Main Column

Paragraph One. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec at pede nec turpis scelerisque porta. Nullam leo odio, volutpat ac, imperdiet at, sagittis eget, arcu. Nam eu nunc vel lorem varius vehicula. Donec ut nunc. Sed luctus, elit eget venenatis vehicula, tortor pede aliquet mi, a dignissim est erat eu nisi. Sed rutrum nibh vel elit. Donec tempor sodales ligula. Curabitur leo nisi, condimentum sit amet, eleifend quis, vulputate vitae, odio. Sed suscipit. Curabitur sit amet turpis at libero scelerisque dapibus. Curabitur laoreet.

Paragraph Two. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec at pede nec turpis scelerisque porta. Nullam leo odio, volutpat ac, imperdiet at, sagittis eget, arcu. Nam eu nunc vel lorem varius vehicula. Donec ut nunc. Sed luctus, elit eget venenatis vehicula, tortor pede aliquet mi, a dignissim est erat eu nisi. Sed rutrum nibh vel elit. Donec tempor sodales ligula. Curabitur leo nisi, condimentum sit amet, eleifend quis, vulputate vitae, odio. Sed suscipit. Curabitur sit amet turpis at libero scelerisque dapibus. Curabitur laoreet.

 

  • Unordered List Bullet 1
  • Bullet 2
    • Bullet 2 A
    • Bullet 2 B
  • Bullet 3

 

Header Column 1Header Column 1
Data Row 1, Column 1 Data Row 1, Column 2
Data Row 2, Column 1 Data Row 2, Column 2


Two Columns

Left Column 25%

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec at pede nec turpis scelerisque porta. Nullam leo odio, volutpat ac, imperdiet at, sagittis eget, arcu. Nam eu nunc vel lorem varius vehicula. Donec ut nunc. Sed luctus, elit eget venenatis vehicula, tortor pede aliquet mi, a dignissim est erat eu nisi. Sed rutrum nibh vel elit. Donec tempor sodales ligula. Curabitur leo nisi, condimentum sit amet, eleifend quis, vulputate vitae, odio. Sed suscipit. Curabitur sit amet turpis at libero scelerisque dapibus. Curabitur laoreet.



Two Columns

Right Column 75%

Paragraph One. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec at pede nec turpis scelerisque porta. Nullam leo odio, volutpat ac, imperdiet at, sagittis eget, arcu. Nam eu nunc vel lorem varius vehicula. Donec ut nunc. Sed luctus, elit eget venenatis vehicula, tortor pede aliquet mi, a dignissim est erat eu nisi. Sed rutrum nibh vel elit. Donec tempor sodales ligula. Curabitur leo nisi, condimentum sit amet, eleifend quis, vulputate vitae, odio. Sed suscipit. Curabitur sit amet turpis at libero scelerisque dapibus. Curabitur laoreet.

Paragraph Two. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec at pede nec turpis scelerisque porta. Nullam leo odio, volutpat ac, imperdiet at, sagittis eget, arcu. Nam eu nunc vel lorem varius vehicula. Donec ut nunc. Sed luctus, elit eget venenatis vehicula, tortor pede aliquet mi, a dignissim est erat eu nisi. Sed rutrum nibh vel elit. Donec tempor sodales ligula. Curabitur leo nisi, condimentum sit amet, eleifend quis, vulputate vitae, odio. Sed suscipit. Curabitur sit amet turpis at libero scelerisque dapibus. Curabitur laoreet.

 

  • Unordered List Bullet 1
  • Bullet 2
    • Bullet 2 A
    • Bullet 2 B
  • Bullet 3

 

Header Column 1Header Column 1
Data Row 1, Column 1 Data Row 1, Column 2
Data Row 2, Column 1 Data Row 2, Column 2

 





Page TOC List

Content Above Page TOC : Field

Content Below Page TOC : Field

  • Section Header 1 : Field

    Content Below Section Header 1 : Field
    • Sub Item Header : Field 1A

      Content Below Sub Item Header : Field 1A

    • Sub Item Header : Field 1B

      Content Below Sub Item Header : Field 1B

    • Sub Item Header : Field 1C

      Content Below Sub Item Header : Field 1C

    Back To Top *

  • Section Header 2 : Field

    Content Below Section Header 2 : Field
    • Sub Item Header : Field 2A

      Content Below Sub Item Header : Field 2A

    • Sub Item Header : Field 2B

      Content Below Sub Item Header : Field 2B

    • Sub Item Header : Field 2C

      Content Below Sub Item Header : Field 2C

    Back To Top *

  • Box Item w/Gray Background - Item Text 1

    There can only be one secondary component on a page.

    Box Item w/Gray Background - Content 1

  • Box Item w/Gray Background - Item Text 2

    Box Item w/Gray Background - Content 2