Interactive tutorial 🔥

Get Started With Docbox

Pellen tesque in ipsum id orci porta dapibus. Sed port titor lectus nibh. Vivamus accumsan tincidunt. Vestibulum ac diam sit amet quam vehicula elementum sed suscipit tortor Sed porttitor lectus nibh. Nulla porttitor accumsan tincidunt.

Learn the basic by building simple site

Try the Tutorial
illustration

Start using Docbox in your Website

Quick Start
illustration

Docbox Installation

Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac diam sit amet quam .

  • Local Development
  • Reference
  • Using PostCSS
  • Framework Guides
  1. Browse the Starter Library.
  2. Starters are boilerplate Gatsby sites maintained or by community.
  3. Check out docbox official default starter.
  4. Follow a more detailed guide on using docbox starters.
  5. Learn how to use the docbox CLI tool to use starters in tutorial part one.
  1. Browse the Starter Library.
  2. Starters are boilerplate Gatsby sites maintained or by community.
  3. Check out docbox official default starter.
  4. Follow a more detailed guide on using docbox starters.
  5. Learn how to use the docbox CLI tool to use starters in tutorial part one.

Welcome to docbox Router

Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac diam sit amet quam .

This is a image caption

IntelliSense for VS Code

Pellentesque in ipsum id orci porta dapibus. Curabitur non nulla sit amet nisl tempus convallis quis convallis at tellus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque velit nisi, pretium ut lacinia in,

The Managing Results

Curabitur arcu erat, accu msan id imperdiet et, porttitor at sem. Lorem ipsum dolor sit amet consectetur adipiscing elit. Vestibulum ac diam.

View Details

Responsive Design

Curabitur arcu erat, accu msan id imperdiet et, porttito msan id, consectetur adipiscing elit. Vestibulum ac diam.

View Details

Adding Custom Styles

Curabitur arcu erat, accu msan id imperdiet et, porttito msan id, consectetur adipiscing elit. Vestibulum ac diam.

View Details

Functions & Directives

Curabitur arcu erat, accu msan id imperdiet et, porttito msan id, consectetur adipiscing elit. Vestibulum ac diam.

View Details

Create your first content pages

convallis at tellus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque velit nisi, pretium ut lacinia in,

docbox-config.js
// Navbar Toggler
const navbarToggler = document.querySelector(".navbar-toggler");
const navbarMenu = document.querySelector(".navbar-wrapper");

navbarToggler.addEventListener("click", (e) => {
  navbarToggler.classList.toggle("active");
  navbarMenu.classList.toggle("active");
});

// Dropdown Menu Toggler For Mobile
const dropdownMenuToggler = document.querySelectorAll(
  ".nav-dropdown > .nav-link"
);
JS
Call To Action 📣

Keep Your Thirst On

Donec rutrum congue leo eget malesuada. Sed porttitor porta. Vivamus suscit