Heading 1

Heading 2

Heading 3

Body text with standard line height. The quick brown fox jumps over the lazy dog.

Bold text and italic text for emphasis.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>Body text</p>
<strong>Bold</strong> <em>Italic</em>

The Cray-1 was a supercomputer designed, manufactured and marketed by Cray Research. Announced in 1975, the first Cray-1 system was installed at Los Alamos National Laboratory in 1976. It became one of the best-known and most successful supercomputers in history, designed by a team led by Seymour Cray.

Unordered:

• First item
• Second item with nested:
  • Nested item A
  • Nested item B
• Third item

Ordered:

1. Step one
2. Step two
3. Step three

Definition list:

HTML

HyperText Markup Language

CSS

Cascading Style Sheets

<ul>
    <li>Item with nested list:
        <ul>
            <li>Nested item</li>
        </ul>
    </li>
</ul>

<ol>
    <li>Step</li>
</ol>

<dl>
    <dt>Term</dt>
    <dd>Definition</dd>
</dl>

<button class="button">Default</button>
<button class="button ok">Success</button>

<div class="button-group">
    <button class="button">Left</button>
    <button class="button">Middle</button>
    <button class="button">Right</button>
</div>

<input type="text" placeholder="...">

<textarea rows="3"></textarea>

<select>
    <option>Option</option>
</select>

<input type="checkbox"> Label

<input type="radio" name="group"> Label

<nav class="nav-bar">
    <div class="button-group">
        <button class="button">Home</button>
        <button class="button">Settings</button>
    </div>
    <span class="badge ok">LIVE</span>
</nav>

<fieldset>
    <legend>Fieldset Example</legend>
    <p>Content inside a fieldset.</p>
</fieldset>

<fieldset class="fieldset-emphasis">
    <legend>Emphasized Fieldset</legend>
    <p>Content inside an emphasized fieldset.</p>
</fieldset>

<div class="tabs">
    <fieldset class="tab-panel active" id="tab1">
        <legend class="tab-legend active" data-tab="tab1">Tab 1</legend>
        <div class="tab-body">Content...</div>
    </fieldset>
    <fieldset class="tab-panel" id="tab2">
        <legend class="tab-legend" data-tab="tab2">Tab 2</legend>
        <div class="tab-body">Content...</div>
    </fieldset>
</div>

<div class="divider-label">Label</div>

<hr class="divider-single">

<hr class="divider-double">

#include <linux/module.h>
#include <linux/kernel.h>
#include <linux/init.h>

static int __init dws_init(void) {
    printk(KERN_INFO "DWS: Module loaded into kernel space\n");
    return 0;
}

static void __exit dws_exit(void) {
    printk(KERN_INFO "DWS: Module removed from kernel space\n");
}

module_init(dws_init);
module_exit(dws_exit);

MODULE_LICENSE("GPL");
MODULE_AUTHOR("DWS LLC");
MODULE_DESCRIPTION("A minimal DWS kernel component example.");
                    

• Primary Controller Sync
• Worker Node 07 Latency High
• Storage Array A I/O Error
• Global Scheduler Idle

<div class="alert-banner error">
    <strong>ERROR:</strong> Message here.
</div>

<div class="alert-banner warning">
    <strong>WARNING:</strong> Message here.
</div>

• T TLB Flush
• Vector Pipeline Reset
• C Cache Invalidation
• Memory Barrier Synchronization
• Inter-processor Interrupt
• Scalar Unit Warmup

<ul class="action-list">
    <!-- High importance item with icon -->
    <li class="action-list-item has-icon">
        <span class="icon">T</span>
        <span class="label">TLB Flush</span>
    </li>
    <!-- Standard item without icon -->
    <li class="action-list-item">
        <span class="label">Standard Action</span>
    </li>
</ul>

<div class="dropdown">
    <button class="button">Trigger</button>
    <div class="dropdown-menu">
        <ul class="action-list">
            <li class="action-list-item dropdown-trigger">
                <span class="label">Nested Menu</span>
                <div class="dropdown-menu">...</div>
            </li>
        </ul>
        <div class="dropdown-footer">...</div>
    </div>
</div>

The SPARC (Scalable Processor Architecture) is a RISC instruction set architecture (ISA) originally developed by Sun Microsystems and introduced in 1986. It was designed to allow a high degree of performance and scalability across a wide range of computer systems, from workstations to large supercomputers.

<a href="#" 
   data-popover="Popover content here." 
   data-popover-title="Title">
   Hover me
</a>

<div class="dialog-backdrop open">
    <fieldset class="dialog fieldset-emphasis">
        <legend>Dialog Title</legend>
        <p>Content goes here.</p>
        <div style="display: flex; justify-content: flex-end; gap: 1ch;">
            <button class="button">Cancel</button>
            <button class="button ok">Confirm</button>
        </div>
    </fieldset>
</div>

<div class="banner-88x31">LINUX</div>
<div class="banner-88x31 ok">UNIX</div>