Uses CSS Grid to lay out sections, Flexbox to lay out content within sections, and SASS mixins to keep code DRY
HTMLStarter
storage-site — HTML Starter Template
By liam-mcallister
A self-storage information website template that supports querying unit sizes, obtaining storage quotes, and displaying a Google Map with location markers.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-14View source
What stands out
A quick read of the recorded project description.
Vanilla JavaScript implements storage size tabs, an FAQ accordion, and a clickable strikethrough storage checklist
Integrates the Google Maps JavaScript API to display locations with location markers on a map
Uses the Poppins font from Google Fonts, with Gulp as the build tool
The README does not explain how storage quotes are calculated or where the data comes from
Template Details
This template is a website built by Liam McAllister for "The Storage Nook", intended to let users query information, browse different storage unit sizes, and obtain storage quotes. The README states that the project does not use Bootstrap but is written from scratch: CSS Grid is used to lay out sections, Flexbox to arrange content within sections, and SASS mixins to reduce repetitive code. The interactive parts are implemented with vanilla JavaScript, including a tabbed section showing different storage sizes, an FAQ accordion, and a storage checklist that adds a strikethrough to item text when clicked. The project also uses the Google Maps JavaScript API to display locations with location markers on a map. The tech stack is HTML, SCSS, and JavaScript, with the Poppins font from Google Fonts, Google Maps API for maps, and Gulp as the build tool. Installation steps are to clone the repository and then run npm install; the README does not provide build, run, or deployment commands, nor does it explain the quote logic, data sources, or how to configure the map key.
HTMLLauncher
Is it right for your project?
Use Cases
- Building information display and quote inquiry pages for a self-storage company
- Static sites that need vanilla JavaScript interactions such as tabs, accordions, and checklist toggles
- Embedding a Google Map with location markers in a page
Suitable For
- Front-end learners who want to reference layouts handwritten with CSS Grid and SASS without using Bootstrap
- Developers who need structure and interaction examples for a self-storage website
- Readers who want to understand vanilla JavaScript implementations of tabs, accordions, and checklist interactions
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Clone the repository: git clone https://github.com/liam-mcallister/storage-site.git
- 2
Install dependencies: npm install
- 3
The README does not provide build, start, or deployment commands
- 4
The README does not explain how to configure the Google Maps API key
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis 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
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- 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.
- Displaying maps with the Google Maps JavaScript API requires an external service; an API key is usually required and may incur fees or quota limits.
- The project depends on the Google Maps API as an external service; before use, you must configure your own key and comply with its terms of service.
- Fonts are loaded via the external Google Fonts service; deployment must consider this external dependency along with its licensing and availability.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
I thought that this project would be a great fit for utilizing the Google Maps JavaScript API so that I could display a map with a pin on a location.
Original README
- [Google Maps API](https://developers.google.com/maps/documentation/javascript/overview) - Web mapping platform
Original README
https://github.com/liam-mcallister/storage-site/blob/master/LICENSEhttps://github.com/liam-mcallister/storage-site/blob/master/README.md- [Google Fonts](https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap) - Poppins
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-14. 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 · 65 / 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
- 2022-12-07
- Screenshot last checked
- 2026-10-14
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.
Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15
Inspect the recorded source material
SHA-256: f4c6e5b21bd19f534122eb45ae5eb5cac12073d26ae817cd2d3edf255be674f2
2026-10-14T22:07:41.250Z
Source file / repository# The Storage Nook Website ## Table of Contents 1. Description 2. Tech 3. Installation 4. Links 5. Author ## 1. Description A website that allows users to look up information, explore the various unit sizes and get a storage quote. On this project, I decided to ditch Bootstrap and attempt to create an entire website from scratch. I settled on using CSS Grid to layout each section and utilizing SASS mixins in order to keep my code DRY. I also used Flexbox to layout the content contained within each section. I had a lot of fun using vanilla JavaScript on this website. I decided that I would challenge myself by creating a tabbed section for displaying the different storage sizes, an FAQ accordion and a storage checklist which strikethroughs the item text when an item is clicked. I thought that this project would be a great fit for utilizing the Google Maps JavaScript API so that I could display a map with a pin on a location.  ## 2. Tech This website uses the following technologies: - [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML) - Markup language for web pages - [SCSS](https://sass-lang.com/) - CSS preprocessor - [Javascript](https://www.javascript.com/) - Programming language that conforms to the ECMAScript specification - [Google Fonts](https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap) - Poppins - [Google Maps API](https://developers.google.com/maps/documentation/javascript/overview) - Web mapping platform - [Gulp](http://gulpjs.com) - Streaming build system ## 3. Installation 1. Clone the repo `git clone https://github.com/liam-mcallister/storage-site.git` 2. Install NPM packages `npm install` ## 4. Links - [Live Site](https://liam-mcallister.github.io/storage-site/) - [GitHub Repo](https://github.com/liam-mcallister/storage-site) ## 5. Author Liam McAllister - [LinkedIn](https://www.linkedin.com/in/liam-mcallister-598268192/) / [Portfolio](http://www.liamsportfolio.site/)
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