Uimini
  • Documetation
  • Try new version
Development
  • Getting Started
  • Color Customize
  • Variables
Components

    Basic:

  • Grid
  • Layout
  • Color
  • Typography
  • Button
  • Data:

  • Table
  • Form
  • Notice:

    js
  • Alert
  • js
  • Message
  • js
  • MessageBox
  • Label
  • js
  • Tag
  • Navigation:

    js
  • Nav
  • js
  • Sidebar
  • Other:

  • Card

Navigation

Simple and Modern Navigation

Standart Navbar:

Uimini
  • Documetation
  • Changelog
  • Download
Example:
  
<div class="navbar">
  <div class="container">
    <div class="navbar-content"><a class="header-logo" href="index.html">Uimini</a>
      <div class="button-burger"><span class="line line-1"></span><span class="line line-2"></span><span class="line line-3"></span></div>
      <div class="navbar-list__wrapper">
        <ul class="navbar-list">
          <li class="navbar-item"><a class="navbar-link" href="get-started.html">Documetation</a></li>
          <li class="navbar-item"><a class="navbar-link" href="changelog.html">Changelog</a></li>
          <li class="navbar-item"><a class="navbar-link" href="get-started.html">Download</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
  

Black Navbar:

Uimini
  • Documetation
  • Changelog
  • Download
Example:
  
<div class="navbar navbar--black">
  <div class="container">
    <!-- ... -->
  </div>
</div>
  

Fix Navbar:

As an example this documentation.

Related Topics:
  1. 1. Layout

Example:
    
<div class="navbar navbar--black navbar--fixed">
  <div class="container">
    <!-- ... -->
  </div>
</div>


<!-- Fix padding-top -->
<div class="content-wrapper content-wrapper--fix-header">
  <!-- Content -->
</div>