starlight
Navigation

Donna Seay

2 minutes ago

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring.

Samantha Francis

3 hours ago

My entire soul, like these sweet mornings of spring.

Robert Walker

5 hours ago

I should be incapable of drawing a single stroke at the present moment...

Larry Smith

Yesterday, 8:34pm

When, while the lovely valley teems with vapour around me, and the meridian sun strikes...

Donna Seay

Jan 23, 2:32am

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring.

View More Messages

Suzzeth Bungaos tagged you and 18 others in a post.

October 03, 2017 8:45am

Mellisa Brown appreciated your work The Social Network

October 02, 2017 12:44am

20+ new items added are for sale in your Sale Group

October 01, 2017 10:20pm

Julius Erving wants to connect with you on your conversation with Ronnie Mara

October 01, 2017 6:08pm

Suzzeth Bungaos tagged you and 12 others in a post.

September 27, 2017 6:45am

10+ new items added are for sale in your Sale Group

September 28, 2017 11:30pm

Mellisa Brown appreciated your work The Great Pyramid

September 26, 2017 11:01am

Julius Erving wants to connect with you on your conversation with Ronnie Mara

September 23, 2017 9:19pm

##### Navigation

Navigation share general markup and styles, from the base .nav class to the active and disabled states.

###### Basic Navigation

Below is an example of a basic navigation for both light and dark.

Source Code

    <div class="pd-10 bd">
      <ul class="nav nav-gray-600 flex-column flex-sm-row" role="tablist">
        <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#" role="tab">Home</a></li>
        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#" role="tab">About</a></li>
        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#" role="tab">Features</a></li>
        <!-- more menu here -->
      </ul>
    </div><!-- pd-10 -->

###### Vertical Navigation

Below is an example of a basic navigation in a vertical mode.

Source Code

    <div class="pd-10 bd rounded">
      <ul class="nav nav-gray-600 flex-column" role="tablist">...</ul>
    </div><!-- pd-10 -->

###### Pills Navigation

Below is an example of a pill navigation in both light and dark.

Source Code

    <div class="pd-10 bd">
      <ul class="nav nav-pills flex-column flex-md-row" role="tablist">...</ul>
    </div><!-- pd-10 -->

###### Vertical Pills Navigation

Below is an example of a pill navigation in vertical mode.

Source Code

    <div class="pd-10">
    <ul class="nav nav-pills flex-column" role="tablist">...</ul>
    </div><!-- pd-10 -->

###### Horizontal Alignment

A navigation with center and right in which left is the default.

Source Code

    <div class="pd-10 bd rounded">
      <ul class="nav nav-pills flex-column flex-md-row justify-content-center" role="tablist">...</ul>
    </div><!-- pd-10 -->

    <div class="pd-10 bd rounded">
      <ul class="nav nav-pills flex-column flex-md-row justify-content-end" role="tablist">...</ul>
    </div><!-- pd-10 -->

###### Colored Bar Variations

A navigation with colored bar that wrapped the navigation.

Source Code

    <div class="pd-10 bg-teal">
      <ul class="nav nav-pills flex-column flex-md-row" role="tablist">...</ul>
    </div><!-- pd-10 -->

###### Message Preview

#### Why We Use Electoral College, Not Popular Vote

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

###### Notice

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.