Skip Navigation Bar
Go to the NLM Home page

Divisional Branding Bar with Navigation, Header Image, and Header Specific Breadcrumbs

NLM Main TeamSite Component Options - All on One Page - Proof of Concept NLM 2018 Redesign test

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 1 Header 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 1 Header Column 1
Data Row 1, Column 1 Data Row 1, Column 2
Data Row 2, Column 1 Data Row 2, Column 2

 



  • 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