Skip to content

JustAGuyCoding/spotlight

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spotlight - HTML - Template
By Just A Guy Coding

Spotlight


A simple, elegant HTML blog template built on Bootstrap 4. Released under the Apache 2.0. The template is provided free of charge with no guarantee or warranty.

[TOC]

Overview

Spotlight is a HTML blog template provided free of charge, released under the Apache 2.0 License.

Demo

View the template online at https://justaguycoding.com/free/templates/spotlight_html

Design
Fonts

The Montserrat and Raleway fonts are used for an easily readable, light and modern, feel.

Colours

The colour palette is simply dark-grey and white, with a little blue thrown in for links.

Features

The site-name "Spotlight" is displayed in the top-left; to the right is the navigation bar which collapses to a hamburger menu for smaller devices. A search input box is provided to the top right.

The main feature is provided using a Jumbotron, displaying a banner image, accompanying Call to Action text and a link to the main content; two minor features are tucked underneath using Card Posts, showing small images and text for secondary Call to Action items.

Responsive

Being Bootstrap based, the template is fully responsive and will resize to fit smaller screens automatically.

Dependencies

All of Bootstrap's default dependencies are included.

Although only the Grid, Navigation, Dropdown and Collapse are used.

To reduce the overall dependency footprint consider using the associated Spotlight Webpack Starter Kit to rebuild the template with your preferred mix of dependencies.

Webpack Starter Kit

This repository contains the HTML and CSS produced by the Spotlight Webpack Starter Kit (https://github.com/JustAGuyCoding/spotlight-webpack) using the npm run build-template option.

The kit is available as a separate repository for those who wish to optimise or configure the template using the npm run build-optimise option.

Pictures

All photographs are sourced from Unsplash (https://unsplash.com/) which has a bespoke but permissive license you can find at https://unsplash.com/license. The license includes permission for free and commercial use.

Photographer and designer attribution is included in the template's text.

Icons

The Social Media icons are by SimpleIcons (https://simpleicons.org/), a project started by Dan Leech, and are licensed under the Creative Commons Zero v1.0 Universal license (https://creativecommons.org/publicdomain/zero/1.0/).

Roadmap

No future enhancements are planned at this time. Although other variations of this template which are planned include: Blogger, Umbraco and WordPress template variants

If you require help or new features please get in touch.

Contributions

Feature suggestions, enhancements, pull requests or other contributions are all welcome.

Sponsorship

If you'd like to say thanks, or encourage the creation of more templates in the future, then why not buy me a coffee? You can use PayPal at https://www.paypal.me/justaguycoding or consider becoming a Patron on Patreon at https://www.patreon.com/justaguycoding where I post additional articles and information on Spotlight for my sponsors.