HTMLStarter

codedesign-basic-element — HTML Starter Template

By elkindnet

Basic Element is a free one-page HTML website template published by Code/Design, built on Bootstrap with a dark layout and scroll animations, suitable as a starting point for multipurpose single-page sites.

Open Source Site Download Source ZIP

Explore the design

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

1 previews

Author preview

Visit websiteOpens in a new tab

Author-provided preview

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-02View source

What stands out

A quick read of the recorded project description.

Free one-page HTML template built on Bootstrap with a dark layout

Fixed top navigation bar that collapses on page scroll

Smooth scroll animations and Scrollspy highlighting of the current page section

Custom outlined button styles

Integration with Google Maps API using a custom Snazzy Maps skin, with map markers as replaceable PNG images

Apache-2.0 license permitting free use, modification, commercial use, and distribution

Template Details

Basic Element is a free, multipurpose one-page website theme built with HTML and Bootstrap, created and maintained by Code/Design (Jeny Elkind), with source code hosted in the GitHub repository elkindnet/codedesign-basic-element. The template uses a dark layout with smooth scroll animations and is positioned as a single-page showcase site.

The template includes a fixed top navigation bar that collapses as the page scrolls; smooth scrolling animations; Scrollspy to highlight the current section; custom outlined button styles; integration with the Google Maps API using a custom map skin from Snazzy Maps, with map markers as replaceable PNG images.

For usage, the README offers two approaches: download the latest release package from GitHub, or fork the repository. The repository uses the Apache-2.0 license, permitting free use, modification, commercial use, and distribution; distribution requires including the license, marking modified files, and retaining copyright, patent, trademark, and attribution notices; if the original project includes a NOTICE file, derivative works must retain applicable attribution notices when distributed. The license includes a contributor patent grant, but initiating related patent litigation terminates that grant, and no trademark rights are granted. The code is provided as-is.

Note that Apache-2.0 covers only the code itself; third-party assets such as demo images, fonts, and icons require separate license verification; external services such as domains and hosting may incur additional fees. The template materials do not state its production readiness or compatibility details.

HTMLLauncher

Is it right for your project?

Use Cases

Building single-page showcase websites, such as product, event, or service introduction pages
Landing pages requiring a dark visual style and scroll animations
Pages needing fixed navigation, section highlighting, and map display
As a reference template for learning Bootstrap single-page layouts and scroll interactions

Suitable For

Developers or designers needing to quickly set up a single-page site
Projects accepting a dark layout and scroll animation style
Front-end users wishing to customize a template based on Bootstrap
Single-page sites needing Google Maps integration to show location

Getting started & customization

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

1
Download the latest release package from GitHub, or fork the repository to get started
2
Using Google Maps features requires configuring the Google Maps API yourself
3
Map markers are PNG images and can be replaced as needed
4
Distribution requires including the Apache-2.0 license, marking modified files, and retaining attribution notices
5
Third-party assets such as demo images, fonts, and icons require separate license verification

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the Apache-2.0 license; the free scope applies to that version's code and does not imply that external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution are permitted; distribution requires including the Apache-2.0 license.
Modified files must prominently indicate changes and retain relevant copyright, patent, trademark, and attribution notices.
If the original project includes a NOTICE file, derivative works must retain applicable attribution notices when distributed.
The license includes an applicable contributor patent grant; initiating patent litigation as described in the license terminates that patent grant, and no trademark rights are granted.
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

The template integrates the Google Maps API; using map features requires applying for and configuring a Google Maps API key, and may be subject to Google's terms of service and billing policies; the map skin comes from third-party Snazzy Maps.
Map markers are replaceable PNG images; when replacing them, ensure the licensing compliance of the image assets used.
Apache-2.0 covers only the code; third-party assets such as demo images, fonts, and icons require separate license verification, and distribution must include the license, mark modifications, and retain attribution notices.
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 Apache-2.0 license.
External services such as domains, hosting, databases, payments, or AI may incur additional fees.

View Original Text Basis

no-charge, royalty-free, irrevocable copyright license
Original License Text

Google Maps API integration with a custom Google Maps skin by Snazzy Maps
Original README

Easy to edit custom PNG map marker
Original README

Code released under the [Apache 2.0](https://github.com/elkindnet/codedesign-basic-element/blob/gh-pages/LICENSE) license.
Original README

https://github.com/elkindnet/codedesign-basic-element/blob/gh-pages/LICENSE https://github.com/elkindnet/codedesign-basic-element/blob/gh-pages/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. 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 · 68 / 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: 2015-11-16
Screenshot last checked: 2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

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.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: b5719589cb6a483b5e422756b2462b890e343ee274ab12bf4d30df6ee45db6cb

2026-10-02T08:38:25.614Z

Source file / repository

# [Code/Design](http://http://codedesign.elkind.net/) - [Basic  Element one page website theme](http://codedesign.elkind.net/themes/basicelement/)


[Basic Element one page website theme](http://codedesign.elkind.net/themes/basicelement/) is a free HTML (Bootstrap3), multipurpose, one page website theme for [Bootstrap](http://getbootstrap.com/) created by [Code/Design](http://http://codedesign.elkind.net/).

<img src="https://raw.githubusercontent.com/elkindnet/codedesign-basic-element/gh-pages/screenshot.jpg">
###[Live Demo](http://codedesign.elkind.net/themes/basicelement/)   |   [Download](https://github.com/elkindnet/codedesign-basic-element/archive/gh-pages.zip)

## Theme Description:

Basic Element is a free HTML (Bootstrap3), multipurpose, one page website theme featuring a dark layout along with smooth scrolling page animations.

## Theme Features:

Fixed top navigation that collapses on scroll
Smooth scrolling animations
Scrollspy that highlights active page sections
Custom outline button style
Google Maps API integration with a custom Google Maps skin by Snazzy Maps
Easy to edit custom PNG map marker


## Getting Started

To use this template, choose one of the following options to get started:
* [Download](https://github.com/elkindnet/codedesign-basic-element/archive/gh-pages.zip) the latest release on Github
* [Fork](https://github.com/elkindnet/codedesign-basic-element/fork) this repository on GitHub


## Bugs and Issues

Have a bug or an issue with this template? [Open a new issue](https://github.com/elkindnet/codedesign-basic-element/issues) here on GitHub or leave a comment on the [template overview page at Code/Design](http://codedesign.elkind.net/themes/basicelement/).


## Creator

Code/Design was created by and is maintained by **Jeny Elkind**, [elkind.net](http://elkind.net/).

* https://github.com/jenyelkind
* https://elkind.net
* https://www.facebook.com/jenyelkind

Code|Design is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).


## Copyright and License

Copyright 1994-2047 elkind.net Code released under the [Apache 2.0](https://github.com/elkindnet/codedesign-basic-element/blob/gh-pages/LICENSE) license.

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

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 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

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 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 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

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