A responsive mobile friendly baseline HTML CSS JS Template

Typography

Heading H1

Paragraph Text 1 Lorem ipsum dolor sit amet, consectetur testing link adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Heading H2

Paragraph Text 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Heading H3

Paragraph Text 3 Lorem ipsum dolor testing link sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Heading H4

Heading H5
Heading H6

Code Snippets

This is an inline command or code highlight

This is a short command line...
COPY 
This is a long command line consectetur adipiscing elit. Integer nec odio. Praesent libero consectetur adipiscing elit. Integer nec odio. Praesent libero...
COPY 

            .navbar {
                justify-content: space-between;
                align-items: center;
                display: flex;
            }
            
            .navbar li a {
                color: var(--menu-link-color);
                display: flex;
                text-decoration: none;
            }
            
            .nav-links li a:hover {
                color: var(--menu-link-hover-color);
                background: none;
                font-size: calc(var(--font-size) + 2px);
            }
COPY

Unordered List

  • Item One
  • Item Two
  • Item Three

Ordered List

  1. List Item
  2. List Item
  3. List Item
    1. List Item
    2. List Item
      1. List Item
      2. List Item
      3. List Item
    3. List Item
  4. List Item
  5. List Item
    1. List Item
    2. List Item
    3. List Item
  6. List Item
  7. List Item

Contact Form

Search Box

File Upload and Buttons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Read-only Text Area