How to make use of it:

1. Download the package deal and insert the next files into the doc.

<link rel="stylesheet" href="css/style.css" />
<script src="js/plugins.js"></script>

2. Create a darkish or light top navigation bar.

<div class="navbar-theme-dark">
  ...
</div>
<div class="navbar-theme-light">
  ...
</div>

3. Create an off-canvas navigation bar with a hamburger toggle button.

<div id="sidenav" class="sidenav">
  <a href="jsvascript:void(0)" class="closebtn" onclick="closenav()">&times;</a>
  <a href="#">About</a>
  <a href="#">Services</a>
  <a href="#">Clients</a>
  <a href="#">Contact</a>
</div>
<span style="font-size:30px;cursor:pointer" onclick="opennav()">&#9776;</span>

4. Create a primary structure for the primary content.

<div class="row">
  <div class="container">
    Main Content Here
  </div>
</div>

5. Create a Jumbotron to showcase hero content.

<div class="inbox">
  Hero Content Here
</div>

6. Create info/success/warning alerts.

<div class="bar bar-warning">
  Warning Message Here
</div>
<div class="bar bar-information">
  Info Message Here
</div>
<div class="bar bar-done">
  Success Message Here
</div>

7. Attach a popover to a component.

<div class="info" onclick="info()">
  Click Me
  <span class="infotext" id="info">Popover Content Here</span>
</div>>

8. Display a snackbar on the display screen.

<div id="snackbar">Hello <strong>World</strong>!</div>

snackbar()

9. Create an input field.

<input type="focus" placeholder="Add Something...">

Minimalist Front-end Framework, Basic webpage builder Plugin/Github, most popular web frameworks, most popular web development platforms

See Demo And Download