Omnira Docs v1.0.0

What’s in the download

Unzip the file you downloaded after your purchase. Inside the Omnira folder you'll find three folders.

TEXT
Omnira/
├── template/          Ready-to-use website files (open template/index.html)
│   ├── index.html     The overview page that links to every demo
│   ├── restaurant/    One folder per demo, e.g. restaurant/index.html
│   ├── real-estate/   …30 demo folders in total
│   └── assets/        Shared files every page needs
│       ├── css/       omnira.css (readable) and omnira.min.css (compressed)
│       ├── js/        omnira.js
│       ├── img/       Logo, placeholders and illustrations
│       └── vendor/    Bootstrap 5 and Bootstrap Icons
├── source/            The files the template is generated from (optional)
│   ├── src/           Settings, page files, sections, styles, scripts, images
│   ├── build.js       The build script
│   └── package.json   The list of commands (npm run build, npm run dev…)
├── documentation/     This guide
└── LICENSE.txt        Your licence terms

Which folder do I need?#

If you want to…Use
Change a few words and pictures and put the site onlinetemplate/ only. See Quick start: HTML files.
Change colours, menus, contact details or a section on every page at oncesource/. See Quick start: source files.
Build a site for a client and keep it easy to update latersource/, then npm run site -- <demo> to get a clean folder to upload.

What’s in each demo#

Every demo is a complete website with at least 30 pages: two home pages, inner pages (about, services, pricing, team, FAQ, blog, contact, 404 and more) and detail pages for things like rooms, courses, products or team members. The demo guides list every page of every demo.

About the images#

The photos you see in the live preview are for demonstration only and are not included in the download. In your files, every photo is a grey placeholder with the same proportions, so the layout looks exactly as designed until you add your own pictures. See Images.

What you need#

  • To edit the HTML files: any text editor. We recommend the free Visual Studio Code, which colours the code and lets you search all files at once.
  • To use the source files: Node.js version 18 or newer (free).
  • To publish: any web hosting that serves normal HTML files. No database, PHP or special server is needed.