Dashboard
Mailbox
Cards & Widgets
UI Elements
Navigation
Charts
Forms
Tables
Maps
Utilities
Apps & Pages
Layouts
Sitemap

Memory Usage

32.3%
8,6,5,9,8,4,9,3,5,9

CPU Usage

140.05
4,3,5,7,12,10,4,5,11,7

Disk Usage

82.02%
1,2,1,3,2,10,4,12,7

Daily Traffic

62,201
3,12,7,9,2,3,4,5,2

IMG_43445

JPG Image

1.2mb

VID_6543

MP4 Video

24.8mb

Tax_Form

Word Document

5.5mb

Getting_Started

PDF Document

12.7mb

Introduction

PDF Document

7.7mb

IMG_43420

JPG Image

2.2mb

IMG_43447

JPG Image

3.2mb

VID_6545

AVI Video

14.8mb

Secret_Document

Word Document

4.5mb

Roven's 32th Birthday

2:30PM

Regular Workout Schedule

7:30PM

+ Add Event
Sound Notification

Play an alert sound everytime there is a new notification.

2 Steps Verification

Sign in using a two step verification by sending a verification code to your phone.

Location Services

Allowing us to access your location

Newsletter Subscription

Enables you to send us news and updates send straight to your email.

Your email
More Settings
Account Settings Privacy Settings

Accordion

The Bootstrap collapse plugin allows you to toggle content on your pages with a few classes thanks to some helpful javascript.

Base Accordion

The default collapse behavior to create an accordion.

A concisely coded CSS3 button set increases usability across the board, gives you a ton of options, and keeps all the code involved to an absolute minimum. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
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.
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.

Source Code

<div id="accordion" class="accordion" role="tablist" aria-multiselectable="true">
  <div class="card">
    <div class="card-header" role="tab" id="headingOne">
      <h6 class="mg-b-0">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"
        aria-expanded="true" aria-controls="collapseOne" class="tx-gray-800 transition">
          Making a Beautiful CSS3 Button Set
        </a>
      </h6>
    </div><!-- card-header -->

    <div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne">
      <div class="card-block pd-20">
        A concisely coded CSS3 button set increases...
      </div>
    </div>
  </div><!-- card -->
  <!-- ADD MORE CARD HERE -->
</div><!-- accordion -->

Class Reference

Class Values / Description
class="accordion" The base accordion class name.