Home

Components

Avatar


      <img class="nk-avatar--small" src="..." alt="">
      <img class="nk-avatar" src="..." alt="">
      <img class="nk-avatar--large" src="..." alt="">
      
    
    

Badge

badge
badge
badge
badge

Card

        
<div class="nk-card">
<img class="nk-card__image" src="..." alt="">
<div class="nk-card__body">
  ...
</div>
</div>
        
      

.nk-card

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus dolorem debitis soluta vero cum! Tenetur voluptas fugit rem corporis ut dolores, itaque ea fuga minus facere deleniti. Recusandae, quis natus explicabo laboriosam earum officia in veritatis dignissimos exercitationem ab perspiciatis!

.nk-card

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus dolorem debitis soluta vero cum! Tenetur voluptas fugit rem corporis ut dolores, itaque ea fuga minus facere deleniti. Recusandae, quis natus explicabo laboriosam earum officia in veritatis dignissimos exercitationem ab perspiciatis!

.nk-card

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus dolorem debitis soluta vero cum! Tenetur voluptas fugit rem corporis ut dolores, itaque ea fuga minus facere deleniti. Recusandae, quis natus explicabo laboriosam earum officia in veritatis dignissimos exercitationem ab perspiciatis!

Cover

nakDS

Easy and beautiful

Dimmer


      <img class="nk-dimmer--small" src="..." alt="">

    
    

Drawer


      <img class="nk-drawer--small" src="..." alt="">

    
    

Use the drawer to show sidebar menus, or aside information.

.nk-card

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus dolorem debitis.

Heading

.nk-heading--1

.nk-heading--2

.nk-heading--3

.nk-heading--4

.nk-heading--5
.nk-heading--6

List

.nk-list

.nk-list--horizontal

.nk-loader

Attribution

.nk-button

Timeline


      <img class="nk-timeline--small" src="..." alt="">

    
    

HTML/CSS

Lorem ipsum dolor sit amet consectetur.
28/10/2016-12/11/2016

PostCSS

Workshop online for...
18/04/2016-22/04/2016

CSS

Workshop online ...
18/04/2016-22/04/2016

slider


          <:section class="nk-slider">
            <:article class="nk-slider">
              ...
              <:a class="nk-slider__back" href="#0">Back<:/a>
              <:a class="nk-slider__next" href="#1">Next<:/a>
            <:/article>
          <:/section>
  
      
      

nak Slider

Next
  • List items.
  • List items.
  • List items.
  • List items.
Back Next

nakDS

Easy and beautiful

Back Next