HyperAccess Bootstrap Templates

Look at examples!

Bootstrap elements

Cards elements

Card header

Info card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at.

link

Card body

Card header

Card body

Card header

  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros

...

Card body

Card header

  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros

Card header

Card body


Primary card
Info card
Warning card

Danger card

Secondary card

Dark card

Light card

Buttons elements

Basic buttons

Outline


Button Group

ICONS

Social media
General Styled Font Awesome icons (size, color, and shadow):

Badges

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New
Example heading New
Example heading New

Progress bars

Free Space
Warning
Danger






Spinners

List Groups

Vertically

  • First item
  • Second item
  • Third item
  • Fourth item

Horizontal List Groups

The .list-group-horizontal class displays the list items horizontally instead of vertically:

  • First item
  • Second item
  • Third item
  • Fourth item

Vertically with icons / badges

  • David Copperfield
  • The Portrait of a Lady
  • The Trial
  • Crime and Punishment 10
  • A Clockwork Orange 14
  • The Age of Innocence 5

Accordion Example

Note: The data-parent attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tables in Bootstrap

Hover Rows

Dates Event Description
3 Weekends
08 & 09
15 & 16
22 & 23
Bishop`s Palce Snowdrop Weekend 'Snowdrop Celebration' in February, Walk around this magnificent garden and enjoy this delicate flower in a wonderful setting. Various nurseries with Galanthus and other early season plants for sale. 10am to 4pm
Plants include galanthus Atkinsii, Galanthus Elwesii ,Galanthus Navillis
Visit website
Sunday March 1st Forde Abbey plant and gardeneing fair Packed with inspiration and ideas for the Spring garden, Forde Abbey’s Plant and Gardening Fair is always held on the first Sunday in March, making it one of the earliest plant fairs in the South West. from 10am – 4pm.
Plants include :-Narcissi Tete TETE ,Pulmonaria Raspberry Splash, Camelia Debbie
Visit website
Saturday March 7th Sidmouth Daffodil Day Celebrating the daffodil and the arrival of spring.Held in the grounds of Kennaway House in the centre of Sidmouth. I actualy went to school here and grew up in this beautiful area so love to come back and enjoy the daffodil walks the society have provided for everyone to enjoy, for free. We will have a large range of potted daffodils including "Sailboat" along with perennials and seasonal plants for sale
Plants include :-Narcissi Tete TETE Narcissi Sailboat Narcissi Visit Website
Sunday March 15th Tavistock Plant Fair-Plant Heritage Held in the Tavistock pannier market with a diverse group of nurseries from across the south west of england. We will have a range of potted spring bulbs, alpines, perennials,shrubs & climbers
Plants include :- Narcissi Sailboat Pulmonaria Raspberry Splash Brunnera Jack Frost Visit Website

The .table-hover class enables a hover state (grey background on mouse over) on table rows:

Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com

Bordered Table

The .table-bordered class adds borders on all sides of the table and the cells:

Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com