Instructions - Pexora HTML Ecommerce Website Template

1. What You Have

This is a hand-coded HTML template. There is no build step, no framework and no dependencies to install: open any of the .html files in a browser and it works. To publish it, upload the whole folder to any static host.

2. The Folder

Everything is where its name says it is.

pexora-html/
  index.html            about.html          service.html
  project.html          pricing.html        blog.html
  contact.html          checkout.html       401.html  404.html
  blog-*.html           project-*.html      product-*.html
  assets/
    css/styles.css      one stylesheet, four sections
    js/main.js          the whole runtime
    fonts/              three self-hosted families
    images/             every picture the pages use

3. Editing Content

Every page is plain, indented HTML that a person can read. Text, links and images are edited directly in the file; the blog posts, projects and plans are ordinary pages too (blog-*.html, project-*.html, product-*.html), so adding one means copying the nearest existing page and editing it.

4. Colours, Type and Spacing

The design system lives in CSS custom properties at the top of assets/css/styles.css. Changing --color--black, --color--bright-lilac or any of the --_typography---* and --_responsive---* values re-themes the whole template at once, exactly as the original design system intended. The style guide page shows every one of them in use.

5. Fonts

Three families are self-hosted as woff2 in assets/fonts/, and all three are SIL Open Font License 1.1: Jersey 10 for display, Figtree for body copy and EB Garamond for the accent style. Nothing is requested from Google at runtime. To swap a family, replace the files and edit the @font-face blocks in assets/fonts/fonts.css, then point the matching --_typography---font-family--* variable at the new name.

6. Motion

All of it is in assets/js/main.js and section 4 of the stylesheet: the scroll reveals, the hover states, the four scroll-driven sequences on the home, about and service pages, the sliders, the accordion and the navigation. It is vanilla JavaScript with no libraries. Everything is disabled automatically for readers who have asked their system for reduced motion.

7. The Cart and the Forms Are Demos

The cart, the checkout pages and the 401 password page run entirely in the browser: the basket is kept in localStorage under pexora:cart, no payment is taken and the demo password is pexora. The contact form does not send anything. Connect them to your own backend, or to a form service, before going live.

6. Still Confused?

If you still have any confusion or need clarification on anything, feel free to reach out to us directly. You can contact us via email at contact@kaziehsan.com.We’re happy to help!