HTMLStarter

scroll-nav — HTML Starter Template

By orbitthemes

A free and open-source scrolling navigation landing page template based on Bootstrap 4, offering a responsive layout and a three-column structure, with code written in HTML5 and SEO semantic markup.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided previewTop of page

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-12View source

What stands out

A quick read of the recorded project description.

01

Scrolling navigation landing page template built on Bootstrap 4

02

Responsive design with a three-column layout

03

Uses HTML5 elements, with code organized according to SEO semantics

04

Basic usage requires only editing HTML and CSS, preview by opening index.html directly in a browser

05

Advanced usage provides a Gulp workflow, including SCSS compilation, CSS/JS minification, and BrowserSync live refresh

06

MIT license, allowing free use, modification, commercial use, and distribution

Template Details

Scroll Nav is a free and open-source landing page template released by Orbit Themes, targeting Bootstrap 4, with scrolling navigation as the core interaction. The template provides a responsive design and a three-column layout, uses HTML5 elements, and emphasizes SEO semantic markup; the README states that its design considers progressive enhancement.

There are two usage paths: for basic usage, simply edit the HTML and CSS files in the downloaded package in a text editor and open index.html directly in a browser to preview; for advanced usage, a Node.js and npm environment is required, run npm install and then gulp dev, which opens a preview via BrowserSync and automatically refreshes on save. Gulp tasks cover SCSS compilation, CSS minification, JS concatenation and minification, dependency export, and cleanup.

The template is released under the MIT license, allowing free use, modification, commercial use, and distribution, provided that the copyright notice and license notice are retained when distributing. Demo images are from Pexels; third-party assets such as fonts and icons require checking their respective licenses; external services such as domains and hosting are not covered by the free scope. The repository was last updated in 2018, and the materials do not state its subsequent maintenance status.

HTMLLauncher

Is it right for your project?

Use Cases

  • Creating a single-page landing page with scrolling navigation
  • Serving as a starting page structure for a Bootstrap 4 project
  • Product or event showcase pages that require a three-column content layout
  • Small front-end projects that want to manage SCSS and JS builds with Gulp

Suitable For

  • Developers familiar with HTML/CSS who can directly edit template files
  • Front-end projects using the Bootstrap 4 technology stack
  • Individuals or teams needing an MIT-licensed, commercially usable template
  • Users willing to configure Node.js and Gulp to use the development workflow

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Basic usage: after downloading, edit the HTML and CSS files and preview by opening index.html in a browser.

  2. 2

    Advanced usage: first install Node.js and npm, run npm install, then run gulp dev to start the preview and live refresh.

  3. 3

    It can also be installed via npm i scroll-nav-template, or by git clone the repository and entering the directory.

  4. 4

    Common Gulp tasks include gulp (default build), gulp dev, gulp css, gulp js, gulp export, and gulp clean.

  5. 5

    Demo images are from Pexels; third-party assets such as fonts and icons must be checked against their respective licenses before use.

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

  • Permits free use, modification, commercial use, and distribution of this version's code.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
  • Custom builds are a paid service: if you need Orbit Themes to customize a template or develop from scratch, you must contact them via their contact page for paid engagement; the free scope does not include custom development.
  • The free scope is limited to the free Bootstrap templates and themes released by Orbit Themes; other paid products or services under the organization are not covered by the free scope.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

You can hire Orbit Themes to create a custom build of any template

Original README

Orbit Themes is an open source library of free Bootstrap templates and themes.

Original README
https://github.com/orbitthemes/scroll-nav/blob/master/LICENSEhttps://github.com/orbitthemes/scroll-nav/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-12. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 56 / 100
Technologies
HTML
Website type
Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2018-06-13
Screenshot last checked
2026-10-12

No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: 6a2cc8b4cafba4d5d125ee6f71e23f9efc1a2e92a4262eb52bc464a2b632b4bd

2026-10-12T19:19:12.981Z

Source file / repository
# [Orbit Themes - Scroll Nav Landing Page Template](https://orbitthemes.com/preview/scroll-nav/)

[Scroll Nav](https://orbitthemes.com/downloads/scroll-nav/) is a **Free** and **Open Source** scrolling navigation landing page template for [Bootstrap](https://getbootstrap.com/) with responsive and high quality UI created by [Orbit Themes](https://orbitthemes.com/).


<strong><a href="https://orbitthemes.com/preview/scroll-nav/">View Demo</a> | <a href="https://github.com/orbitthemes/scroll-nav/archive/master.zip">Download ZIP</a></strong>

[![scroll-nav Page Template Preview](https://raw.githubusercontent.com/orbitthemes/Orbit-Themes/master/assets/scroll-nav.png)](https://orbitthemes.com/preview/scroll-nav/)


**[View Live Preview](https://orbitthemes.com/preview/scroll-nav/)**

## Status
[![GitHub package version](https://img.shields.io/github/package-json/v/badges/shields.svg)](https://github.com/orbitthemes/scroll-nav)
[![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/orbitthemes/scroll-nav/master/LICENSE)
[![npm](https://img.shields.io/npm/v/npm.svg)](https://www.npmjs.com/package/scroll-nav-template)
[![Build Status](https://travis-ci.org/orbitthemes/scroll-nav.svg?branch=master)](https://travis-ci.org/orbitthemes/scroll-nav)
[![dependencies Status](https://david-dm.org/orbitthemes/scroll-nav/status.svg)](https://david-dm.org/orbitthemes/scroll-nav)
[![devDependencies Status](https://david-dm.org/orbitthemes/scroll-nav/dev-status.svg)](https://david-dm.org/orbitthemes/scroll-nav?type=dev)

## Features

- Responsive Design.
- Developed With Bootstrap 4.
- SEO Semantic Code.
- Three Column Layout.
- Simple and Easy To Use.
- HTML5 ready. Use the new elements with confidence.
- Designed with progressive enhancement in mind.

## Download and Installation

To begin using this template, choose one of the following options to get started:
* [Download the latest release on Orbit Themes](https://orbitthemes.com/downloads/scroll-nav/)
* Install via npm: `npm i scroll-nav-template`
* Clone the repository: `git clone https://github.com/orbitthemes/scroll-nav.git`
```sh
    # clone the repository
    $ git clone https://github.com/orbitthemes/scroll-nav.git

    # go into the directory
    $ cd scroll-nav

    # install all dependencies
    $ npm install

    #For Development Options
    $ gulp dev
```

* [Fork, Clone, or Download on GitHub](https://github.com/orbitthemes/scroll-nav)

## Usage


### Basic Usage

After downloading, simply edit the HTML and CSS files included with the template in your favorite text editor to make changes. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the `index.html` file in your web browser.

### Advanced Usage

After installation, run `npm install` and then run `gulp dev` which will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved. You can view the `gulpfile.js` to see which tasks are included with the dev environment.

#### Gulp Tasks

- `gulp` the default task that builds everything.
- `gulp dev` browserSync opens the project in your default browser and live reloads when changes are made.
- `gulp css:compile` compiles the SCSS into CSS file.
- `gulp css:minify` minifies the compiled CSS file.
- `gulp css` compiles SCSS files into CSS and minify the css.
- `gulp js` Combines all js scripts to one file named `main.js`, Minify the file, and save it as `main.min.js`.
- `gulp export` copies dependencies from node_modules to the dist directory.
- `gulp clean` Removes all the directories inside dist, minified js files and all compiled css files.

## Bugs and Issues

Have a bug or an issue with this template? [Open a new issue](https://github.com/orbitthemes/scroll-nav/issues) on GitHub or leave a comment on the [template overview page at Orbit Themes](https://orbitthemes.com/downloads/scroll-nav/).

## Custom Builds

You can hire Orbit Themes to create a custom build of any template, or create something from scratch using Bootstrap. For more information, visit the **[Contact Page](https://orbitthemes.com/contact/)**.

## Other Templates

- [Album Plus](https://orbitthemes.com/downloads/album-plus) - Album Plus is a Simple Photography and Magazine template for Bootstrap 4.
- [Blog](https://orbitthemes.com/downloads/blog) - Blog Is The Beautiful Blogger Template For Bootstrap 4.
- [Blog Post](https://orbitthemes.com/downloads/blog-post) - Beautiful Blog Post Template for Bootstrap 4.
- [My Shop](https://orbitthemes.com/downloads/my-shop) - My Shop is a Simple E-Commerce template for Bootstrap 4.
- [Carousel Plus](https://orbitthemes.com/downloads/carousel-plus) - Clean and Responsive Bootstrap 4 slideshow Template.
- [Checkout Plus](https://orbitthemes.com/downloads/checkout-plus) - Simple, Clean and Stylish Bootstrap 4 Checkout Page Template.
- [Cover Plus](https://orbitthemes.com/downloads/cover-plus) - Cover Plus Is The Beautiful One Page Template for Bootstrap 4.
- [Dashboard](https://orbitthemes.com/downloads/dashboard) - Free and Responsive admin dashboard template for bootstrap 4.
- [Healthy](https://orbitthemes.com/downloads/healthy) - Clean Responsive Fitness Landing Page For Bootstrap 4.
- [Kreative](https://orbitthemes.com/downloads/kreative) - Kreative Business Landing Page Template.
- [Pricing Plus](https://orbitthemes.com/downloads/pricing-plus) - Clean and Responsive Pricing Page Template With High Quality UI.
- [Jumbotron](https://orbitthemes.com/downloads/jumbotron) - Jumbotron Simple and Clean Marketing Landing Page.
- [Register](https://orbitthemes.com/downloads/register) - Simple and Clean Signup Template For Bootstrap 4.
- [SignIn](https://orbitthemes.com/downloads/signin) - Simple and Clean SignIn Template For Bootstrap 4.

<!-- ## Useful Links -->
<!-- OrbitThemes Blog Post Links Related To the Template. -->

## How to contribute

To contribute, please ensure that you have stable Node.js and npm installed.
Test if Gulp CLI is installed by running `gulp --version`. If the command isn't found, run `npm install -g gulp`. For more information about installing Gulp, see the [Gulp's Getting Started!](https://gulpjs.org/getting-started).

To have all gulp dependencies run `npm install`

If gulp is installed, follow the steps below.

* Fork and clone the repository.
* Run `gulp dev`, this will open Template on your default browser.
* Now you can code, code and code!
* Submit a pull request.

## About

Orbit Themes is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Orbit Themes are released under the MIT license, which means you can use them for any purpose, even for commercial projects.

* Web: https://orbitthemes.com
* Twitter: https://twitter.com/orbitthemes
* Facebook: https://www.facebook.com/orbitthemes/
* Google Plus: https://plus.google.com/+orbitthemes
* Github: https://github.com/orbitthemes
* Behance: https://www.behance.net/orbitthemes
* Dribble: https://dribbble.com/orbitthemes
* Pinterest: https://www.pinterest.com/orbitThemes/
* Reddit: https://www.reddit.com/user/orbitthemes
* Instagram: https://www.instagram.com/orbitthemes/
* LinkedIn: https://www.linkedin.com/company/orbit-themes/

Orbit Themes was created by and is maintained by **[Sandeep Prasad Bhatt](http://sandeepbhatt.com.np/)** .

* http://sandeepbhatt.com.np
* https://twitter.com/_MeSandy
* https://github.com/sandy100

Orbit Theme Templates and Themes are based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).


## Credits

* [node.js](http://nodejs.org/)
* [gulp](http://gulpjs.com/)
* [jQuery](http://jquery.com/)
* [Bootstrap](http://getbootstrap.com/)
* [SASS](https://sass-lang.com/)
* [Pexels](https://www.pexels.com/)

## Copyright and License

Copyright 2018 Orbit Themes. Code released under the [MIT](https://raw.githubusercontent.com/orbitthemes/scroll-nav/master/LICENSE).

## Visit Website: https://www.orbitthemes.com
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

startbootstrap-simple-sidebar

startbootstrap-simple-sidebar

A Bootstrap off-canvas sidebar navigation HTML starter template from Start Bootstrap. It provides directly editable HTML and CSS in the dist directory, while the source uses Pug, SCSS, and JavaScript with npm build scripts for live preview and compilation.

HTML · Starter

adminkit

adminkit

AdminKit is a free, MIT-licensed HTML admin and dashboard template built on Bootstrap 5. The free version includes 15 demo pages, 1 plugin, and 1 color scheme, with hundreds of UI components, forms, tables, charts, and icons.

HTML · Admin dashboard

Landing-Page

Landing-Page

A general-purpose landing page HTML template maintained by Tailwind Toolbox, written in pure HTML and loading the complete Tailwind CSS via CDN.

HTML · Corporate Website

light-bootstrap-dashboard

light-bootstrap-dashboard

Light Bootstrap Dashboard is a free, MIT-licensed admin dashboard template from Creative Tim, built on Bootstrap with a responsive static HTML structure.

HTML · Admin dashboard

sing-app

sing-app

Sing App Lite is a free, open-source admin dashboard template from Flatlogic, built with Bootstrap 4.5 and SCSS. It provides a responsive layout, dashboard examples, typography, tables, notifications, basic charts, icons, maps, and a hover sidebar, along with styled Bootstrap components.

HTML · Admin dashboard

startbootstrap-modern-business

startbootstrap-modern-business

Modern Business is a multipurpose Bootstrap full-site HTML template from Start Bootstrap with 17 standalone pages covering home, about, services, portfolio, pricing, blog, FAQ, and contact.

HTML · Starter