MCSS Demo Page

Download Back To CSSScript.Com

This page demonstrates the features of the MCSS classless CSS framework. It is designed for semantic HTML and supports two themes: Georgia and Verdana.


Typography

Heading 1

This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.

Heading 2

This is another paragraph with strong text and emphasized text. You can also have inline code snippets.

Heading 3

A quote within a paragraph.

Heading 4

Heading 5
Heading 6

"This is a blockquote. It is used to display long quotations. A good blockquote is visually distinct from the surrounding text."

A Wise Person
  • Unordered list item 1
  • Unordered list item 2
    • Nested item 1
    • Nested item 2
  • Unordered list item 3
  1. Ordered list item 1
  2. Ordered list item 2
    1. Nested item 1
    2. Nested item 2
  3. Ordered list item 3
Definition Term
This is the definition description.
Another Term
Description for the other term.

Forms

Personal Information Please enter your full name.
Preferences


Tables

Employee Data
Name Department Salary
John Smith Marketing $80,000
Jane Doe Engineering $120,000
Peter Jones Sales $95,000

Other Elements

This is some text with an abbr. element. You can also use Ctrl + C to copy text.

This is superscript and this is subscript.

Click to expand

Here is some content that was hidden. It is now visible because you clicked the summary.

Placeholder image
This is a caption for the figure image.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Sample Code</title>
</head>
<body>
    <h1>Hello, World!</h1>
</body>
</html>