https://github.com/hhlitval/quickstart-web-template

A minimal HTML, SCSS and JavaScript frontend template. Perfect for quick start projects, landing pages, and simple websites.
https://github.com/hhlitval/quickstart-web-template

html javascript landing-page minimal-frontend responsive scss starter-kit starter-template web-starter web-template

Last synced: 2 months ago
JSON representation

A minimal HTML, SCSS and JavaScript frontend template. Perfect for quick start projects, landing pages, and simple websites.

• Host: GitHub
• URL: https://github.com/hhlitval/quickstart-web-template
• Owner: hhlitval
• Created: 2024-11-05T20:02:54.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-06T22:16:02.000Z (over 1 year ago)
• Last Synced: 2025-01-14T07:34:05.963Z (over 1 year ago)
• Topics: html, javascript, landing-page, minimal-frontend, responsive, scss, starter-kit, starter-template, web-starter, web-template
• Language: CSS
• Homepage: https://hhlitval.github.io/quickstart-web-template/
• Size: 906 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Quickstart Web Template

![Quickstart Web Template](preview.png)

## Description

The **Quickstart Web Template** is a minimal web template designed for simple or mini web projects, and landing pages. It provides a clean, organized front-end setup with an SCSS structure, reusable components, and basic JavaScript functions for common web interactions. Perfect for quickly starting a web project without the hassle of setting up from scratch.

## Prerequisites

- Basic knowledge of HTML, SCSS and JavaScript.

## Features

- **Organized HTML and SCSS Structure**: Easily maintainable folder setup with separate sections for reusable elements and common styles.

- **Pre-designed Components**: Includes buttons, burger menu, section-specific and global styles (variables, mixins, reset).

- **Basic JavaScript for Interactivity**: Scripts for a fixed navbar, mobile navigation, and scroll-to-top button.

- **No packages and build tools**: Just essentials to get started.

## Getting Started

To use this template, follow the steps below.

1. **Clone the Repository**:

   ```bash

   git clone https://github.com/hhlitval/quickstart-web-template.git

   ```

2. **You need to have a SCSS compiler installed if you want to compile SCSS to CSS (e.g. Live Sass Compiler Extension for VS Code)**

3. **Start working** - Begin modifying the template.

## Live Preview

Check out the live preview of the Quickstart Web Template [here](https://hhlitval.github.io/quickstart-web-template).