Jovenca - Modern Jewelry Store HTML Template preview 1

Jovenca - Modern Jewelry Store HTML Template

bookmark

Jovenca is a modern jewelry e-commerce HTML template, suitable for building online jewelry stores. It includes complete page templates for the homepage, product listings/details, shopping cart, checkout, blog, FAQ, and more. Built on Boo...

HTMLcleandokanecommerceelectronicsfashionfurniturejewelry

Project Overview

Jovenca is a modern jewelry e-commerce HTML template, suitable for building online jewelry stores. It includes complete page templates for the homepage, product listings/details, shopping cart, checkout, blog, FAQ, and more. Built on Bootstrap 5 with a responsive layout, it's ready to use out of the box.

Tech Stack

  • Bootstrap v5.3.1
  • SCSS (source includes scss/ directory)
  • jQuery (loaded via Google CDN)
  • Font: Jost (local TTF fonts, full weight coverage)

Project Structure

text
jovencahtml-10/
├── Documentation/          # Official documentation
│   ├── index.html
│   └── assets/css/js/
├── Jovenca/               # Main template directory
│   ├── home.html          # Homepage
│   ├── shop-accordion.html    # Accordion-style product page
│   ├── shop-right-sidebar.html # Product page with right sidebar
│   ├── blog-grid.html
│   ├── blog-single.html
│   ├── cart-page.html
│   ├── checkout-page.html
│   ├── contact-us.html
│   ├── about-us.html
│   ├── faq.html
│   ├── style.css          # Main stylesheet
│   ├── css/               # Bootstrap and plugin styles
│   ├── js/
│   ├── fonts/             # Jost & icomoon fonts
│   ├── images/
│   └── scss/              # SCSS source (optional)

Key File Descriptions

  • Jovenca/home.html — Main store homepage
  • Jovenca/shop-accordion.html — Accordion layout product display page
  • Jovenca/cart-page.html — Shopping cart page
  • Jovenca/checkout-page.html — Checkout process page
  • Jovenca/style.css — Main theme stylesheet, includes Jost font definitions and global color scheme (#222 dark theme)
  • Jovenca/css/bootstrap.css — Bootstrap 5 framework styles

Quick Start

Simply open Jovenca/home.html in your browser to preview the complete template. For a local server, use any static server:

bash
# Python
python -m http.server 8000

# Node.js (npx)
npx serve Jovenca

Usage Recommendations

This template includes complete SCSS source files (scss/ directory). If you need to modify theme colors or styles, it's recommended to edit the SCSS files and recompile rather than directly modifying style.css, for better maintainability.

help_outline

FAQ