• Stars
    star
    378
  • Rank 113,272 (Top 3 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created about 10 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A simple, one page, Bootstrap HTML website template created by Start Bootstrap

Start Bootstrap - One Page Wonder

One Page Wonder is a basic one page template for Bootstrap created by Start Bootstrap.

Preview

One Page Wonder Preview

View Live Preview

Status

GitHub license npm version

Download and Installation

To begin using this template, choose one of the following options to get started:

Usage

Basic Usage

After downloading, simply edit the HTML and CSS files included with dist directory. 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

Clone the source files of the theme and navigate into the theme's root directory. Run npm install and then run npm start 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 package.json file to see which scripts are included.

npm Scripts

  • npm run build builds the project - this builds assets, HTML, JS, and CSS into dist
  • npm run build:assets copies the files in the src/assets/ directory into dist
  • npm run build:pug compiles the Pug located in the src/pug/ directory into dist
  • npm run build:scripts brings the src/js/scripts.js file into dist
  • npm run build:scss compiles the SCSS files located in the src/scss/ directory into dist
  • npm run clean deletes the dist directory to prepare for rebuilding the project
  • npm run start:debug runs the project in debug mode
  • npm start or npm run start runs the project, launches a live preview in your default browser, and watches for changes made to files in src

You must have npm installed in order to use this build environment.

Bugs and Issues

Have a bug or an issue with this template? Open a new issue here on GitHub or leave a comment on the template overview page at Start Bootstrap.

About

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

Start Bootstrap was created by and is maintained by David Miller.

Start Bootstrap is based on the Bootstrap framework created by Mark Otto and Jacob Thorton.

Copyright and License

Copyright 2013-2023 Start Bootstrap LLC. Code released under the MIT license.

More Repositories

1

startbootstrap-sb-admin-2

A free, open source, Bootstrap admin theme created by Start Bootstrap
HTML
9,768
star
2

startbootstrap-sb-admin

A free, open source, Bootstrap admin theme created by Start Bootstrap
Pug
3,224
star
3

startbootstrap-freelancer

A flat design, one page, MIT licensed Bootstrap portfolio theme created by Start Bootstrap
Pug
2,574
star
4

startbootstrap-clean-blog-jekyll

A Jekyll version of the Clean Blog theme by Start Bootstrap
HTML
2,094
star
5

startbootstrap-resume

A Bootstrap 4 resume/CV theme created by Start Bootstrap
Pug
2,043
star
6

startbootstrap-creative

A one page HTML theme for creatives by Start Bootstrap
Pug
2,034
star
7

startbootstrap-agency

A one page HTML theme for agencies created by Start Bootstrap
Pug
1,988
star
8

startbootstrap-simple-sidebar

An off canvas sidebar navigation Bootstrap HTML template created by Start Bootstrap
JavaScript
1,975
star
9

startbootstrap-clean-blog

A clean Bootstrap blog theme created by Start Bootstrap
Pug
1,783
star
10

startbootstrap-landing-page

A responsive, Bootstrap landing page template created by Start Bootstrap
Pug
1,607
star
11

startbootstrap-grayscale

A multipurpose one page Bootstrap theme created by Start Bootstrap
Pug
1,314
star
12

startbootstrap-new-age

A web app landing page theme created by Start Bootstrap
Pug
1,111
star
13

startbootstrap-modern-business

A multipurpose Bootstrap full website template created by Start Bootstrap
Pug
1,026
star
14

startbootstrap-stylish-portfolio

A stylish, one page, Bootstrap portfolio theme created by Start Bootstrap
JavaScript
882
star
15

startbootstrap-scrolling-nav

An unstyled Bootstrap HTML template for creating smooth scrolling, one page websites - created by Start Bootstrap
JavaScript
683
star
16

startbootstrap-shop-homepage

A shop homepage Bootstrap HTML template created by Start Bootstrap
Pug
464
star
17

startbootstrap-coming-soon

A coming soon theme with a video background for Bootstrap 4
JavaScript
384
star
18

startbootstrap-business-casual

A Bootstrap HTML theme for business websites - created by Start Bootstrap
Pug
347
star
19

startbootstrap-bare

A bare Bootstrap HTML starter template for rapid development - created by Start Bootstrap
JavaScript
311
star
20

startbootstrap-blog-home

A Bootstrap HTML template for blog homepages - created by Start Bootstrap
Pug
297
star
21

startbootstrap-blog-post

A Bootstrap HTML template for blog posts - created by Start Bootstrap
Pug
253
star
22

startbootstrap-business-frontpage

A Bootstrap HTML business homepage template created by Start Bootstrap
Pug
230
star
23

startbootstrap-small-business

A Bootstrap HTML template for creating marketing websites for small businesses - created by Start Bootstrap
JavaScript
223
star
24

sb-admin-angular

A free, open source, Angular admin dashboard template, created by Start Bootstrap
TypeScript
199
star
25

startbootstrap-full-slider

A full page image slider Bootstrap HTML template created by Start Bootstrap
HTML
192
star
26

startbootstrap-heroic-features

A Bootstrap HTML homepage template with feature boxes - created by Start Bootstrap
JavaScript
176
star
27

startbootstrap-thumbnail-gallery

A Bootstrap thumbnail gallery template created by Start Bootstrap
HTML
162
star
28

startbootstrap-shop-item

A shop item Bootstrap HTML template created by Start Bootstrap
Pug
135
star
29

startbootstrap-the-big-picture

A full screen background image Bootstrap template with a fixed bottom navigation created by Start Bootstrap
JavaScript
114
star
30

startbootstrap-personal

A Bootstrap theme for personal resume websites
Pug
111
star
31

startbootstrap-full-width-pics

A Bootstrap HTML template with full width image sections - created by Start Bootstrap
JavaScript
107
star
32

sb-clean-blog-angular

Open sourced Bootstrap themed Angular 9 starter project.
TypeScript
105
star
33

freelancer-jekyll

A Jekyll version of the Freelancer theme by Start Bootstrap
HTML
84
star
34

startbootstrap-3-col-portfolio

A three column Bootstrap HTML portfolio template - created by Start Bootstrap
HTML
82
star
35

startbootstrap-logo-nav

A Bootstrap navigation template with a logo in the navigation bar - created by Start Bootstrap
HTML
66
star
36

startbootstrap-1-col-portfolio

A one column Bootstrap HTML portfolio template - created by Start Bootstrap
HTML
60
star
37

startbootstrap-portfolio-item

A Bootstrap portfolio item page template created by Start Bootstrap
HTML
56
star
38

startbootstrap-full

A full page image background Bootstrap HTML template created by Start Bootstrap
HTML
54
star
39

startbootstrap-half-slider

A half page image slider Bootstrap HTML template created by Start Bootstrap
HTML
49
star
40

sb-clean-blog-node

Open sourced Nodejs backend built with Typescript, Fastify, and TypeORM.
TypeScript
49
star
41

startbootstrap-2-col-portfolio

A two column Bootstrap HTML portfolio template - created by Start Bootstrap
HTML
42
star
42

startbootstrap-4-col-portfolio

A four column Bootstrap HTML portfolio template - created by Start Bootstrap
HTML
42
star
43

startbootstrap-round-about

A Bootstrap HTML template for creating about pages - created by Start Bootstrap
HTML
37
star
44

pro-feedback

11
star
45

pro-angular-combined-styles

Simple example of how to combine the sb-admin-pro-angular and sb-ui-kit-pro-angular styles into one project.
SCSS
2
star
46

sb-clean-blog-shared-types

shared types for sb-clean-blog-node and sb-clean-blog-angular
TypeScript
1
star
47

typescript-node

TypeScript
1
star