HOME  >  BLOCK PATTERN > DESIGN PATTERN

DESIGN PATTERN

  • BLOCK PATTERN

    LAYOUT PATTERN | DESIGN PATTERN | TOOL PATTERN | PAGE PATTERN

  • Block pattern(menu)

    v1 edition Free edition

    menu-4column1

    v1 edition Free edition

    menu-4column2

    v1 edition Free edition

    menu-4column-pickup

    v1 edition Free edition

    menu-3column-pickup

    v1 edition

    card-circle-4

    card-title

    text text text text text

    card-title

    text text text text text

    card-title

    text text text text text

    card-title

    text text text text text

    v1 edition

    card-circle-3

    card-title

    text text text text text

    card-title

    text text text text text

    card-title

    text text text text text

    v1 edition Free edition

    card-square-4

    card-title

    text text text text text

    card-title

    text text text text text

    card-title

    text text text text text

    card-title

    text text text text text

    v1 edition Free edition

    card-square-3

    card-title

    text text text text text

    card-title

    text text text text text

    card-title

    text text text text text

  • Block pattern(navigation)

    v1 edition Free edition

    nav-link-left

    v1 edition Free edition

    nav-link-center

    v1 edition Free edition

    nav-link-right

    v1 edition Free edition

    nav-link-w-100

    v1 edition Free edition

    nav-link-responsive

    v1 edition Free edition

    tab-link-left

    v1 edition Free edition

    tab-link-center

    v1 edition Free edition

    tab-link-right

    v1 edition Free edition

    tab-link-w-100

  • Block Pattern(pagenation)

    v1 edition

    pagenation-s

    v1 edition

    pagenation-m

  • Block pattern(sidebar / list-group)

    v1 edition Free edition

    sidebar

    THEME CONCEPT

    DOWNLOAD

    INSTALL

    HOW TO USE

    BLOCK PATTERN

    PATTERN PLUGIN

    SEO PLUGIN

    Q&A

    v1 edition Free edition

    list-group

  • Block pattern(card)

    v1 edition Free edition

    card-2-column

    card-header

    card-title

    card-text
    paragraph

    Read more: Block pattern(card)

    card-header

    card-title

    card-text
    paragraph

    Read more: Block pattern(card)
    v1 edition Free edition

    card-3-column

    card-header

    card-title

    card-text
    paragraph

    Read more: Block pattern(card)

    card-header

    card-title

    card-text
    paragraph

    Read more: Block pattern(card)

    card-header

    card-title

    card-text
    paragraph

    Read more: Block pattern(card)
    v1 edition Free edition

    card-4-column

    card-header

    card-title

    card-text
    paragraph

    Read more: Block pattern(card)

    card-header

    card-title

    card-text
    paragraph

    Read more: Block pattern(card)

    card-header

    card-title

    card-text
    paragraph

    Read more: Block pattern(card)

    card-header

    card-title

    card-text
    paragraph

    Read more: Block pattern(card)
    v1 edition Free edition

    card-group-2-column

    card-title

    card body
    card body
    card body

    Read more: Block pattern(card)

    card-title

    card body
    card body
    card body

    Read more: Block pattern(card)
    v1 edition Free edition

    card-group-3-column

    card-title

    card body
    card body
    card body

    Read more: Block pattern(card)

    card-title

    card body
    card body
    card body

    Read more: Block pattern(card)

    card-title

    card body
    card body
    card body

    Read more: Block pattern(card)
    v1 edition Free edition

    card-group-4-column

    card-title

    card body
    card body
    card body

    Read more: Block pattern(card)

    card-title

    card body
    card body
    card body

    Read more: Block pattern(card)

    card-title

    card body
    card body
    card body

    Read more: Block pattern(card)

    card-title

    card body
    card body
    card body

    Read more: Block pattern(card)
    v1 edition Free edition

    card-horizontal-w-100

    card-title

    card-text
    card-text
    card-text

    v1 edition Free edition

    card-horizontal-w-75

    card-title

    card-text
    card-text
    card-text

    v1 edition Free edition

    card-horizontal-w-50

    card-title

    card-text
    card-text
    card-text

    v1 edition Free edition

    card-group-horizontal-2-column

    card-title

    card-text
    card-text
    card-text

    card-title

    card-text
    card-text
    card-text

    v1 edition Free edition

    card-group-horizontal-3-column

    card-title

    card-text
    card-text
    card-text

    card-title

    card-text
    card-text
    card-text

    card-title

    card-text
    card-text
    card-text

  • Block pattern(box)

    v1 edition Free edition

    box-label-w-50

    box-label

    box
    box
    box

    v1 edition Free edition

    box-label-w-75

    box-label

    box
    box
    box

    v1 edition Free edition

    box-label-w-100

    box-label

    box
    box
    box

    v1 edition Free edition

    box-w-50

    box-title

    box
    box
    box

    v1 edition Free edition

    box-w-75

    box-title

    box
    box
    box

    v1 edition Free edition

    box-w-100

    box-title

    box
    box
    box

    v1 edition Free edition

    box-heading-w-75

    heading

    box
    box
    box

    v1 edition Free edition

    box-heading

    heading

    box
    box
    box

    v1 edition Free edition

    box-heading-large-w-75

    heading

    box
    box
    box

    v1 edition Free edition

    box-heading-large

    heading

    box
    box
    box

  • Block pattern(text-box)

    v1 edition

    box-memo-grey

    box

    v1 edition

    box-memo-blue

    box

    v1 edition

    box-memo-green

    box

    v1 edition

    box-memo-pink

    box

    v1 edition

    box-memo-yellow

    box

    box-clip-grey

    box

    box-clip-blue

    box

    v1 edition

    box-clip-green

    box

    v1 edition

    box-clip-pink

    box

    v1 edition

    box-clip-yellow

    box

    v1 edition

    box-sticky-grey

    box

    v1 edition

    box-sticky-blue

    box

    v1 edition

    box-sticky-green

    box

    v1 edition

    box-sticky-pink

    box

    v1 edition

    box-sticky-yellow

    box

    v1 edition Free edition

    alert-primary

    alert-primary

    v1 edition Free edition

    alert-secondary

    alert-secondary

    v1 edition Free edition

    alert-success

    alert-success

    v1 edition Free edition

    alert-info

    alert-info

    v1 edition Free edition

    alert-warning

    alert-warning

    v1 edition Free edition

    alert-danger

    alert-danger

    v1 edition Free edition

    alert-light

    alert-light

    v1 edition Free edition

    alert-dark

    alert-dark

    v1 edition

    box-icon-pink

    paragraph with icon

    v1 edition

    box-icon-yellow

    paragraph with icon

    v1 edition

    box-icon-green

    paragraph with icon

    v1 edition

    box-icon-blue

    paragraph with icon

    v1 edition

    box-icon-brown

    paragraph with icon

    v1 edition

    box-icon-grey

    alert with icon

  • Block pattern(quote-box)

    v1 edition Free edition

    quote-box-mark

    text text text text text text text text text text
    text text text text text text text text text text
    text text text text text text text text text text
    text text text text text text text text text text
    text text text text text text text text text text

    reference source

    v1 edition

    quote-box-icon

    text text text text text text text text text text
    text text text text text text text text text text
    text text text text text text text text text text
    text text text text text text text text text text
    text text text text text text text text text text

    reference source

    v1 edition

    quote-box-balloon

    text text text text text text text text text text
    text text text text text text text text text text
    text text text text text text text text text text
    text text text text text text text text text text
    text text text text text text text text text text

    reference source

  • Block pattern(balloon)

    v1 edition Free edition

    balloon-top

    balioon

    v1 edition Free edition

    balloon-bottom

    balloon

    v1 edition Free edition

    balloon-right

    balloon

    v1 edition Free edition

    balloon-left

    balloon

    v1 edition

    balloon-right-grey

    balloon

    v1 edition

    balloon-left-grey

    balloon

    v1 edition

    balloon-right-blue

    balloon

    v1 edition

    balloon-left-blue

    balloon

    v1 edition

    balloon-right-green

    balloon

    v1 edition

    balloon-left-green

    balloon

    v1 edition

    balloon-right-pink

    balloon

    v1 edition

    balloon-left-pink

    balloon

    v1 edition

    balloon-right-yellow

    balloon

    v1 edition

    balloon-left-yellow

    balloon

    v1 edition

    balloon-conversation

    chat

    balloon

    balloon

    chat

    v1 edition

    balloon-chat

    chat

    balloon

  • Block pattern(accordion)

    v1 edition Free edition

    accordion-1


    accordion-body#ac01
    accordion-body#ac01
    accordion-body#ac01
    v1 edition Free edition

    accordion-3


    accordion-body#ac001
    accordion-body#ac001
    accordion-body#ac001


    accordion-body#ac002
    accordion-body#ac002
    accordion-body#ac002


    accordion-body#ac003
    accordion-body#ac003
    accordion-body#ac003
  • Block pattern(alert)

    v1 edition Free edition

    alert-primary-close

    alert-primary-close

    v1 edition Free edition

    alert-secondary-close

    alert-secondary-close

    v1 edition Free edition

    alert-success-close

    alert-success-close

    v1 edition Free edition

    alert-info-close

    alert-info-close

    v1 edition Free edition

    alert-warning-close

    alert-warning-close

    v1 edition Free edition

    alert-danger-close

    alert-danger-close

    v1 edition Free edition

    alert-light-close

    alert-light-close

    v1 edition Free edition

    alert-dark-close

    alert-dark-close

    v1 edition

    alert-icon-pink

    alert with icon

    v1 edition

    alert-icon-yellow

    alert with icon

  • Block Pattern(table)

    v1 edition Free edition

    table

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition Free edition

    table-borderless

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition Free edition

    table-dark

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition Free edition

    table-borderless-dark

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition Free edition

    table-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition Free edition

    table-borderless-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition

    table-dark-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition

    table-borderless-dark-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition

    table-stripe-dark-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition

    table-stripe-blue-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition

    table-stripe-green-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition

    table-stripe-red-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition

    table-stripe-yellow-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition

    table-borderless-stripe-dark-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition

    table-borderless-stripe-blue-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition

    table-borderless-stripe-green-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition

    table-borderless-stripe-red-hover

    headerheaderheaderheader
    1111
    2222
    3333
    v1 edition

    table-borderless-stripe-yellow-hover

    headerheaderheaderheader
    1111
    2222
    3333
  • Block pattern(button / dropdown)

    コンテンツエリアやフッターなどに配置できるパーツも、ブロックパターンで各種ご用意しています。

    btn-primary

    btn-secondary

    btn-success

    btn-info

    btn-warning

    btn-danger

    btn-light

    btn-dark

    btn-outline-primary

    btn-outline-secondary

    btn-outline-success

    btn-outline-info

  • Block pattern(badge)

    bg-primary

    bg-primary

    bg-secondary

    bg-secondary

    bg-success

    bg-success

    bg-danger

    bg-danger

    bg-warning

    bg-warning

    bg-info

    bg-info

    bg-light

    bg-light

    bg-dark

    bg-dark

    bg-primary-rounded

    bg-primary-rounded

    bg-secondary-rounded

    bg-secondary-rounded

    bg-success-rounded

    bg-success-rounded

    bg-danger-rounded

    bg-danger-rounded

    bg-warning-rounded

    bg-warning-rounded

    bg-info-rounded

    bg-info-rounded

    bg-light-rounded

    bg-light-rounded

    bg-dark-rounded

    bg-dark-rounded

  • Block Pattern(large font)

    v1 edition Free edition

    display-1

    v1 edition Free edition

    display-2

    v1 edition Free edition

    display-3

    v1 edition Free edition

    display-4

    v1 edition Free edition

    display-5

    v1 edition Free edition

    display-6

  • Block Pattern(icons) *in preparation

    bootstrap icons

    bi-facebook

    bi-twitter

    bi-instagram

    bi-youtube

    bi-line

    bi-tiktok

    bi-linkedin

    bi-messenger

    bi-google

    bi-apple

    bi-wordpress

    bi-people-fill

    bi-laptop-fill

    bi-laptop

    bi-phone-vibrate

    bi-phone-vibrate-fill

    bi-globe

    bi-house-door-fill

    bi-link

    bi-link-45deg

    bi-list

    bi-x

    bi-search

    bi-printer-fill

    bi-download

    bi-filetype-pdf

    bi-envelope-fill

    bi-envelope

    bi-cart3

    bi-cart-check-fill

    bi-calculator

    bi-credit-card

    bi-clock-fill

    bi-rss-fill

    bi-calendar3

    bi-play-circle-fill

    bi-paperclip

    bi-book-fill

    bi-pencil-fill

    bi-pin-angle-fill

    bi-chat-dots-fill

    bi-chat-left-dots-fill

    bi-chat-left-text-fill

    bi-chat-left-quote-fill

    bi-camera-fill

    bi-camera-reels-fill

    bi-card-image

    bi-image-fill

    bi-arrow-up-circle-fill

    bi-arrow-right-circle-fill

    bi-arrow-down-circle-fill

    bi-arrow-left-circle-fill

    bi-arrow-up-square-fill

    bi-arrow-right-square-fill

    bi-arrow-down-square-fill

    bi-arrow-left-square-fill

    bi-exclamation-circle-fill

    bi-question-circle-fill

    bi-exclamation-triangle-fill

    bi-exclamation-triangle

    bi-check-square

    bi-check-square-fill

    bi-check-circle

    bi-check-circle-fill

    bi-award-fill

    bi-hand-thumbs-up-fill

    bi-bookmark-fill

    bi-bell-fill

    bi-record-circle

    bi-circle

    bi-triangle

    bi-x-lg

    bi-record-circle-fill

    bi-circle-fill

    bi-triangle-fill

    bi-x-circle-fill

    bi-emoji-laughing

    bi-emoji-smile

    bi-emoji-neutral

    bi-emoji-expressionless