National Library of Medicine Main Web Site - Coding Examples

Examples with CSS, HTML and a Generic Content Box

• Main Site Coding Examples - Divisional Branding Bar Basic Option
  • Main Site Coding Examples - Divisional Branding Bar Basic With Breadcrumbs Option

• Main Site Coding Examples - Divisional Branding Bar without Navigation Option

• Main Site Coding Examples - Divisional Branding Bar with Navigation Option
  • Main Site Coding Examples - Divisional Branding Bar with Navigation and Header Specific Breadcrumbs Option

• Main Site Coding Examples - Divisional Branding Bar with Navigation and Header Image Option
  • Main Site Coding Examples - Divisional Branding Bar with Navigation, Header Specific Breadcrumbs and Header Image Option
  • Main Site Coding Examples - Divisional Branding Bar with Navigation, Header Specific Breadcrumbs and Header Image Option - Basic

• Main Site Example with Blank Template
• Main Site Example with Footer Only Template - Changing the Face of Medicine
• Main Site Example with Mobile-friendly footer only Template - Emergency Preparedness and Response
• NLM Main Site Example without any Headers

Header File Examples

• Breadcrumb Header Example
• Division Header Example
• Division Header - Header Image - Example

Redirect for non-permanent archived page example

• This link will take you a redirect of the an accessibility page which is only being maintained on the NLM Archive-It site.

Mini WebSite Maker

• Mini WebSite Maker example site

Table Examples - Bootstrap 5

• Bootstrap 5 Table Scenarios

Video Examples

• Embedded Video Examples

Responsive Image Examples

• Responsive Images - Align Left, Centered, Right showing with 15%, 25%, 33%, 50%, 75%
• Several Centered Images Examples

• Two Centered Images with Captions on the same row using the Two Column Teamsite Component

• Responsive Images - Managing with TeamSite Components

Main Column Specific Components

• Generic Content Box Using HTML Only : TeamSite Component
• Generic Content Box Using TinyMCE : TeamSite Component
  • Generic Content Box Using TinyMCE and all Sharing icons : TeamSite Component

• List By Date, Subject, or Other Order: TeamSite Component

• Two Column Example : TeamSite Component

Main Column - Focus On TinyMCE

• TinyMCE Image Alignment Examples
• TinyMCE List Example
• TinyMCE Table Example