JS Components

Accordion

Item 1

The sheer absence of sound and motion gave the moment an eerie tension. The dark birds and the pale landscape created a loneliness that wasn't entirely unpleasant. It made me want to sleep, to envision myself stuffed within a warm bed piled with downy quilts and pillows.

Item 2

A reformation takes place in the winter. Even house plants notice it. The ficus dropped its leaves a month ago and I have yet to collect them.

Nested Item

I wonder if there is any philosophy that understands the value of dreams and visions as fully as Hamlet's. But in the end, it doesn't really matter.


bxSlider

Popovers


Tooltips


Modal


Gijgo Datepicker


Images

Image

Rounded Image

Circle Image

Circle Image

Raised

Raised Image

Circle Raised

Thumbnail Image

Show/Hide classes & CSS Specificity

Show/Hide Classes (change screen size to see breakpoints)

i am visible from (1px) to xl -
i am visible from md (768px) to xl -
i am visible from lg (992px) to xl -
i am visible from xl (1200px) to -
i will be NOT visible from sm (576px) to xl -
i will be NOT visible from md (768px) to xl -
i will be NOT visible from lg (992px) to xl -
i will be NOT visible from xl (1200px) to -

Selector Specificity SASS

div class "parent"
div class "child" (first child)
div class "grand-child"
div class "grand-child sibling"
div class "child" (last child)
.parent {
  color:red;
  .child {
    margin-left:12px;
    color:blue;
    &:last-child {
      text-decoration:underline;
    }
    .grand-child  {
      margin-left:12px;
      color:green;
      &.sibling {
        color:purple;
      }
    }
  }
}



Responsive Table w/ Search & Sort

Search and sort this responsive table

 
# Participant Sessions Activation Year Facility
1 George Martin two 2014 Dallas, TX
2 Adam Benson one 1997 Baltimore, MD
3 Thomas Maxwell two 2011 Dallas, TX
4 James Harte two 2017 Houston, TX
5 James Latham two 2012 San Francisco, CA
6 Quincy Peebles one 2009 San Francisco, CA
7 Andrew Taylor two 2007 Seattle, WA
8 Van Benson Heinz one 2001 Modesto, CA
9 Henry Stevens three 2011 Sacramento, CA
10 Tyler Hayes three 2008 Colorado Springs, CA
11 Kim Chaiseman one 2009 Seattle, WA
12 Zachary Penmore three 2014 Tacoma, WA
13 Amy Fillmore three 2016 Albany, NY
14 Franklin Nixon Jr one 2017 Miami, FL
15 Carrie Buchanan one 1999 San Diego, CA
16 Tyler McMann three 2013 Baltimore, MD
17 Andrew Wilson three 2014 Colorado Springs, CO
18 Charles Grant two 2009 Houston, TX
 

Buttons & Colors

button styles

button sizes

button colors

Button Links


Inputs

Form Controls

Checkboxes

Radios

Toggle Buttons


Sliders



Parallax

Full-width Parallax Div/Row

Here is a short description 1

Here is a button


Tabs on Cards

Tabs with Icons on Card

"Everywhere but in Valencia people are mowing lawns, planting fences, tuning engines, counting receipts, baking bread, hanging laundry, keeping the wheel turning. Tradition, not convention, holds us here in Valencia . In the valley, the wheel does not turn. We keep it still, anchor it in the beach, in the brackish water of Vero bay. But if I choose, I could sit on my hands upon a dune and watch the sky, and when the clouds thin, I can raise my head to watch the sea terns dipping into the waves and coming forth into the sky, back into the light.

I could watch them glide inches above the sea...inches above the seatop at unfathomable speeds. The littleness of the bird, defiant and inimitable against the rushing backdrop is equally unfathomable, yet the little bird dismisses it without a sense of ego or bravado. Mass and energy, sprinting elements of wind and water exist outside the wheel where ambition and progress is overruled by freedom and instinct. If I chose to, I could watch the performance from a bluff, unconcerned with its science as the terns artfully fly undaunted by the sea's eerie and magnetic charm.

I could watch these little birds dance like ice-skating companions whose familiar touches have been practiced to extinction. I could observe this foreplay of physics, the mating of balance and gravity that is today, at this precise moment, more dynamic than ever. And then suddenly comes the peace. The serenity between the breezes, the incoming waves, the barking of the gulls. It's like stepping off a treadmill and hearing its wheels and bearings rub slowly to a stop. And everything is calm. A visual stillness comes like a meteor getting darker the deeper it moves into space.

It is like a rest in a musical score when the chorus and the orchestra stops for a beat or two and nothing plays but the space: the silent part that comes at the end of a foreign film before the credits when it is quiet and the last scene freezes upon the screen. I could see and hear that today on Tower Hill if I chose to. It is the last scene when serenity takes over and the recapitulation finally and really does surrender. The tern drags a talon along the seatop much like a lazy schoolgirl floating in a raft downstream dips her foot into the flood, dragging a toe beneath her. "

Tabs with Background on Card

"Everywhere but in Valencia people are mowing lawns, planting fences, tuning engines, counting receipts, baking bread, hanging laundry, keeping the wheel turning. Tradition, not convention, holds us here in Valencia . In the valley, the wheel does not turn. We keep it still, anchor it in the beach, in the brackish water of Vero bay. But if I choose, I could sit on my hands upon a dune and watch the sky, and when the clouds thin, I can raise my head to watch the sea terns dipping into the waves and coming forth into the sky, back into the light.

I could watch them glide inches above the sea...inches above the seatop at unfathomable speeds. The littleness of the bird, defiant and inimitable against the rushing backdrop is equally unfathomable, yet the little bird dismisses it without a sense of ego or bravado. Mass and energy, sprinting elements of wind and water exist outside the wheel where ambition and progress is overruled by freedom and instinct. If I chose to, I could watch the performance from a bluff, unconcerned with its science as the terns artfully fly undaunted by the sea's eerie and magnetic charm.

I could watch these little birds dance like ice-skating companions whose familiar touches have been practiced to extinction. I could observe this foreplay of physics, the mating of balance and gravity that is today, at this precise moment, more dynamic than ever. And then suddenly comes the peace. The serenity between the breezes, the incoming waves, the barking of the gulls. It's like stepping off a treadmill and hearing its wheels and bearings rub slowly to a stop. And everything is calm. A visual stillness comes like a meteor getting darker the deeper it moves into space.

It is like a rest in a musical score when the chorus and the orchestra stops for a beat or two and nothing plays but the space: the silent part that comes at the end of a foreign film before the credits when it is quiet and the last scene freezes upon the screen. I could see and hear that today on Tower Hill if I chose to. It is the last scene when serenity takes over and the recapitulation finally and really does surrender. The tern drags a talon along the seatop much like a lazy schoolgirl floating in a raft downstream dips her foot into the flood, dragging a toe beneath her. "


Badges & Pills

Badges

Default Primary Secondary Tertiary Warning Danger

Pills


Bars & Pagination

Progress Bars

Default
25%
Primary
60%

Pagination


Icons & Typography

Icons (Ligature Symbols)

 
Symbol Ligature Unicode Symbol Ligature Unicode
table table, cell \E127 copy copy, files \E038
cut cut, scissors \E03b backspace backspace \E010
alignleft alignleft \E005 aligncenter aligncenter \E004
alignright alignright \E006 alignadjust alignadjust \E003
italic italic \E079 bold bold \E01f
underline underline \E132 strike strike \E159
emphasis emphasis \E152 code code \E032
link link, chain \E082 quote quote \E10b
graph graph \E05b magic magic, effect \E089
brush brush \E022 color color, palette \E033
contrast contrast, adjust \E001 ink ink, water \E14a
gradation gradation, grayscale \E149 sepia sepia, grunge \E14e
invert invert \E14b paint paint \E09b
paramater paramater, param, slider \E09c crop crop \E039
check check, ok \E029 checkbox checkbox \E02a
checkboxempty checkboxempty \E02b pc pc, display, computer \E09e
keyboard keyboard \E07d mobile mobile, iphone, smartphone \E078
horizontal horizontal \E071 vertical vertical \E138
web web \E13f mail mail \E08a
shopping shopping, cart \E119 dashboard dashboard \E03c
key key \E07c sns sns, network \E11f
calendar calendar \E15e tabs tabs \E095
dailycalendar dailycalendar \E025 ban ban \E012
remove remove, close \E10f pen pen, pencil, write \E09f
eraser eraser \E148 edit edit, addnew \E041
tag tag \E128 setup setup, wrench, spanner \E117
setting setting, gear \E055 etc etc, ellipsis \E043
category category, drawer \E028 clip clip, attach \E030
bookmark bookmark \E021 book book \E020
album album \E002 user user, you, human, man \E137
friend friend, users \E051 group group \E05c
laugh laugh \E07f wink wink \E081
smile smile \E11e surprise surprise \E124
frustrate frustrate \E052 trouble trouble \E12d
male male, man \E176 female female, woman, lady \E175
globe globe, global, earth \E058 home home, house \E072
building building \E023 rss rss, feed \E113
server server \E16c sitemap sitemap \E16d
app app, application \E009 memo memo \E08d
meal meal, dish, lunch \E08c coffee coffee, cup \E146
spa spa, onsen \E177 game game \E054
college college \E174 bag bag \E173
present present, gift \E109 umbrella umbrella \E178
twinkle twinkle, spark, hot \E073 crown crown \E03a
circle circle \E02e info info, information \E075
help help \E070 refreshbutton refreshbutton \E14d
terminal terminal \E16e
 

 

Typography

Header 1Walking Through Brambles

Header 2Walking Through Brambles

Header 3Walking Through Brambles

Header 4Walking Through Brambles

Header 5Walking Through Brambles
Header 6Walking Through Brambles

Paragraph Occasionally I'll wake with a new attitude. I'll discover a new fragrance coming through the window or from the pile of old books on the nightstand or from the bed sheets recently washed by a quiet stranger still adjusting to her own independence. And then I'll question my own freedom and discover that my dreams have been indentured by change and I've embraced a new choice as though it were a long aspired goal finally reached. By nightfall I will remember what I've lost and realize that my independence was at some point compromised by a lifetime of worry, doubt and ignorance. Experience is my last reward; and time will make from it another memory that I will tuck away inside me until the dream is over and I awake to another day tapping at my window.

Quote

"Occasionally I'll wake with a new attitude. I'll discover a new fragrance coming through the window or from the pile of old books on the nightstand or from the bed sheets recently washed by a quiet stranger still adjusting to her own independence."

- GWL: Walking Through Brambles

Muted Text

Meanwhile, the town square will burst with energy as my backyard recovers from my lawnmower's scourging.

Primary Text

Meanwhile, the town square will burst with energy as my backyard recovers from my lawnmower's scourging.

Info Text

Meanwhile, the town square will burst with energy as my backyard recovers from my lawnmower's scourging.

Success Text

Meanwhile, the town square will burst with energy as my backyard recovers from my lawnmower's scourging.

Warning Text

Meanwhile, the town square will burst with energy as my backyard recovers from my lawnmower's scourging.

Danger Text

Meanwhile, the town square will burst with energy as my backyard recovers from my lawnmower's scourging.

Small Tag Header with small subtitle
Use "small" tag for the headers