Three

Three is a simple ecommerce website template that employs the implementation of parallax and modals. All the colours, fonts, and images are customizable to your specifications. Using a Bulma CSS framework, it is responsive and looks good in various screen resolutions from mobile devices, tablets to desktops.

Three by Heksagon#

• 🔧 Easy-Installation
• ⚡️ Fast
• 📱 Responsive
• 🎨 Customizable

Preview#

Performance (Lighthouse Report)#

Click here to check out the result

To keep it optimized, in the server that you choose to host, have a suitable caching policy and properly sized images.

Support#

If you like this template, please give a star at its GitHub Page, and consider supporting me at:

Your support is greatly appreciated 😊

Installation 📥#

1. Dowload the zip folder from the link in GitHub or direct dowload by clicking here.
2. Unzip all content (inside ‘three-main’ folder) to any working folder of your choice. The general structure should look like so:

.(site root)
    ├── index.html  <-- Customizable home page
    ├── favicon.svg  <-- Browser icon
    ├── hero.webp  <-- Hero Image
    ├── 1.webp, 2.webp, 3.webp  <-- Product images
    └──  three.css  <--- Styling CSS

3. Use any text editor to edit the HTML files. You can create your own folders or store in the root folder as in this example.
4. Once you have everything ready, make your website live by uploading the files to your hosting provider. Or you can register for a new hosting provider by clicking here:

If you encounter any issues or have any questions with the template, feel free to contact us directly.

Template Guide#

1. Once downloaded from Github, you will have a three-main.zip. Extract all the folder so into one root folder or you can organize your assets in their respective folder.
2. To change the favicon, save your logo as favicon.svg in the root folder.
3. At the hero section, the social media buttons can be linked to your social media by replacing the href value.
4. In index.html & three.css, the colours, images, and fonts can be customizable for a fully responsive site. Change your product images by
   1. renaming new webp images to replace the default or
   2. creating a whole new file name and description by changing the value in three.css
5. In order to receive any contact submission from site visitors, please replace the form action in the Subscribe Section in index.html to a valid one which can be retrieved by registering for a free account in Formspree or Tiny Letter for newsletters.

<form action="{{Replace your formspree link here}}" method="POST">

Custom Installation#

If you’d like to have a custom installation and further customization, feel free to contact us to request for a quotation.