https://github.com/mrnko/modern-html5-starter-template

A minimalistic and modern template for a quick start HTML5-based web project. Includes basic structure with clean and semantic code, adaptive markup, support for modern standards and ready-to-use tools for fast development. Ideal for creating one-page websites, prototypes or training projects.
https://github.com/mrnko/modern-html5-starter-template

css css-framework html html-starter html-starter-template javascript js sass sass-framework

Last synced: about 1 month ago
JSON representation

A minimalistic and modern template for a quick start HTML5-based web project. Includes basic structure with clean and semantic code, adaptive markup, support for modern standards and ready-to-use tools for fast development. Ideal for creating one-page websites, prototypes or training projects.

• Host: GitHub
• URL: https://github.com/mrnko/modern-html5-starter-template
• Owner: mrnko
• License: mit
• Created: 2023-09-16T13:24:00.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-05-19T23:35:15.000Z (about 1 year ago)
• Last Synced: 2025-06-20T06:38:06.238Z (12 months ago)
• Topics: css, css-framework, html, html-starter, html-starter-template, javascript, js, sass, sass-framework
• Language: SCSS
• Homepage: https://mrnko.github.io/modern-html5-starter-template/
• Size: 3.63 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# Modern HTML5 Starter Template

[![mrnko - modern-html5-starter-template](https://img.shields.io/static/v1?label=mrnko&message=modern-html5-starter-template&color=blue&logo=github)](https://github.com/mrnko/modern-html5-starter-template "Go to GitHub repo")

[![stars - modern-html5-starter-template](https://img.shields.io/github/stars/mrnko/modern-html5-starter-template?style=social)](https://github.com/mrnko/modern-html5-starter-template)

[![forks - modern-html5-starter-template](https://img.shields.io/github/forks/mrnko/modern-html5-starter-template?style=social)](https://github.com/mrnko/modern-html5-starter-template)

A minimalistic and modern template for a quick start HTML5-based web project. Includes basic structure with clean and semantic code, adaptive markup, support for modern standards and ready-to-use tools for fast development. Ideal for creating one-page websites, prototypes or training projects.

## Usage

1. To work with this html5 starter template in a new project, clone all the contents of the repository using the command: `git clone https://github.com/mrnko/modern-html5-starter-template.git`

2. While in the root folder of the project, run the command `npm i`, which will install all the dependencies in package.json.

3. Enjoy the development of your new project 😀

## NPM scripts

The project allows you to call the required system npm scripts via command line / terminal.

* `npm run sass-watch` — Convert SCSS style files from the `styles` folder to CSS files in the `css` folder and start watching for any changes. Whenever you modify a SCSS file, it automatically recompiles the CSS.

* `npm run dev` — Runs both SCSS watching and a local development server using serve in parallel.

* `npm run build` — Compile SCSS files from the `styles` folder into CSS in the `css` folder and produce a minified (compressed) CSS output suitable for production.