Skip to content
The basic modern website. No build process. Minimal config. Host on Netlify, GitHub Pages or (probably) any server
HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
.gitignore
404.html
LICENSE
README.md
_redirects
dev.robots.txt
favicon.png
index.html
live.robots.txt
netlify.toml

README.md

Simple website

The basic modern website. No build process. Minimal config. Host on Netlify, GitHub Pages or (probably) any server.

Demo and examples

simple.wesort.co.ukwesort.co.uk/simple

Features

  • Static site with no dependencies or build process
  • Lightweight, fast, responsive
  • Apply any styles. Choices of typeface and colour go a long way to expressing a brand identity
  • Shallow learning curve
  • Widest possible options for hosting
  • Search and social optimisable
  • Custom 404 error page with meta-refresh to homepage after 3 seconds
  • All external links open in new tab / window (uses vanilla javascript)

Setup

  • Clone or download this repo
  • Open index.html in a browser

Customise

  • Visible page content: everything within .wrap div
    • You'll likely want to explain what you do, how you do it, and why you're the best at doing it. This might include links to lead visitors to more information.
    • A few social icons are ready to use (via Simple Icons)
    • For the sake of typography, you could add a   (none breaking space) in the final space (between two short words) in each paragrah. This is done to avoid widows
  • Styles: font-family, background-color, color, hyperlink styles
    • CSS is set as a <style> tag within index.html for simplicity. However, these could be moved to an external stylesheet if multiple pages are being created. A <link> tag is included but commented out.
    • Be sure to adjust styles in 404.html and within the each social icon file being used
  • Favicon / Icons: either supply one or use something like favicon.io
  • Meta tags for search & social optimisation
    • A tool like megatags.co can be useful
    • Create an image for social media rich cards (1280 × 640px is a good size)
  • Google Analytics: setup account and tracking code, insert into bottom of index.html
  • If you are including video embed, fitvidsjs will be very useful and will need to be installed

Deploy to Netlify

  • Start a Netlify.com account (free)
  • Create a new site by connecting to GitHub: app.netlify.com/start
  • Configure the domain:
    • Set the subdomain to something suitable for the project
    • Configure your custom domain (help doc) NB. You may need to wait 5 minutes from setting the custom domain in Netlify until the SSL certificate is ready to be provisioned.
  • Robots: Netlify will rename live.robots.txt to robots.txt automatically with a build command in netlify.toml
  • Redirect: _redircts file allows for legacy or vanity URLs to be redirected appropriately

Deploy to GitHub Pages

Deploy on own server

You can’t perform that action at this time.