Buttons

Default Buttons

Micro Buttons

Labels

Primary Label Success Label Warning Label Danger Label

Form Elements

Input Field Style

Input Field With Notification

PIN details invalid.

Check Boxes

Radio Buttons

Typography

  • h1

  • h2

  • h3

  • h4

  • h5

  • h6

Meta Content

Paragraph

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab alias aspernatur cupiditate deleniti dicta dolores, eligendi exercitationem fugiat magnam praesentium, quia quidem sit voluptates. Alias cupiditate expedita impedit sapiente? Consequuntur. Aperiam at deserunt iste magni molestias. Ea, hic, laboriosam. Ad, excepturi officiis. Cupiditate eius magni quos? Animi aperiam aspernatur, est expedita labore, magnam maiores maxime nobis reiciendis, rem sit ut!

Accusamus aperiam autem beatae consectetur culpa distinctio excepturi fuga minima mollitia neque nihil non optio provident, quaerat repellat reprehenderit sit sunt tempora tempore voluptas. Blanditiis ea facere facilis numquam voluptas. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut deleniti dolor, minus obcaecati qui sed tempora. Alias deleniti doloremque et fugiat, fugit nulla quis similique sit sunt suscipit voluptas

Alerts









Navigation Bar

Master Navigation

Blue Navigation

Side Navigation

Navigation with logo

Navigation without logo

Accordion

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Tabs

Option 1

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic.

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Option 2

Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic.

Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Option 3 (Code Tab Dark Theme)


    @font-face {
    font-family: Chunkfive; src: url('Chunkfive.otf');
    }

    body, .usertext {
    color: #F0F0F0; background: #600;
    font-family: Chunkfive, sans;
    }

    @import url(print.css);
    @media print {
    a[href^=http]::after {
    content: attr(href)
    }
    }



    string appMsg;
    appMsg = (string)(Application["Message"]);
    if (Application["Message"] == null)
    Response.Write("No such value in application state.");


    public class Factorial
    {
    public static void main(String[] args)
    {
    final int NUM_FACTS = 100;
    for(int i = 0; i < NUM_FACTS; i++)
    System.out.println( i + "! is " + factorial(i));
    }

    public static int factorial(int n)
    {
    int result = 1;
    for(int i = 2; i <= n; i++)
    result *= i;
    return result;
    }
    }

Option 4 (Code Tab Light Theme)


    package main

    import "fmt"

    func main() {
    ch := make(chan float64)
    ch <- 1.0e10 // magic number
    x, ok := <- ch
    defer fmt.Println(`exitting now\`)
    go println(len("hello world!"))
    return
    }



    function $initHighlight(block, cls) {
    try {
    if (cls.search(/\bno\-highlight\b/) != -1)
    return process(block, true, 0x0F) +
    ' class=""';
    } catch (e) {

    }
    for (var i = 0 / 2; i < classes.length; i++) {
    if (checkCondition(classes[i]) === undefined)
    return /\d+[\s/]/g;
    }
    }


    CREATE TABLE "topic" (
    "id" serial NOT NULL PRIMARY KEY,
    "forum_id" integer NOT NULL,
    "subject" varchar(255) NOT NULL
    );
    ALTER TABLE "topic"
    ADD CONSTRAINT forum_id FOREIGN KEY ("forum_id")
    REFERENCES "forum" ("id");

    -- Initials
    insert into "topic" ("forum_id", "subject")
    values (2, 'D''artagnian');

Content Card

Modals

Tables

Table Option A

First Name Last Name Username
Emma Oto @oto
Emma Oto @oto
Emma Oto @oto
Emma Oto @oto

Table Option B

First Name Last Name Username
Emma Oto @oto
Emma Oto @oto
Emma Oto @oto
Emma Oto @oto

DropDown

Bordered Dropdown