Skip to content

PixelRocket-Shop/html-hexsmith-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hexsmith - HTML Bootstrap 5 SaaS Application Template

Description

The Hexsmith HTML template is an elegant, modern, and fully responsive design crafted for businesses aiming to elevate their brand's online visibility and engagement. The template's sleek, dark-themed layout is punctuated with vibrant gradients and well-organized sections that draw attention to key features and services. The homepage is designed to make a strong first impression, featuring bold headlines, a call-to-action for a free trial, and an enticing visual of a user interface in action.

This template is built using Bootstrap 5, a powerful front-end framework for faster and easier web development. It includes modern features and responsive design to help you create beautiful web pages.

Click here to view demo

Important: You are currently viewing only the starter template, which includes only the homepage. The full template is available for free to users who are registered on my website and signed up to my mailing list. Click here to download the full template

Template Image

Pages

  • Homepage
  • About Us (full version only)
  • Pricing (full version only)
  • Blog (full version only)
  • Contact Us (full version only)
  • Login (full version only)
  • Register (full version only)

1. Getting Started

NOTE: npm commands overwrite the ./public directory.

Project's source files are placed in ./src/ directory.

  • ./src/assets - default static files (eg. image placeholders). You should replace them with your own files.
  • ./src/tailwind/ - Tailwind config file used to build the theme. Variables used in Theme Customizer are located in tailwind.config.js file.

All your pages (templates) are stored in separated .pug files

  • ./src/pug/*.pug

2. Installation

Install dependencies

npm install

Run dev server with live preview (Browsersync)

npm run watch

Or make a production build

npm run build


## 3. Contact

If you have have any questions, feel free to contact me:

support@pixelrocket.store

## 4. Learn Frontend Web Development

Want to learn frontend web development so you can build templates like this one? Visit my site: https://www.pixelrocket.store for a range of frontend web development learning resources and courses.

## 5. Credits & Special thanks

Image placeholders from https://unsplash.com/
Screenshot & Logo placeholders from https://www.figma.com/community