Pure HTML/CSS/JS implementation, no framework, no build step, can be placed directly into any static hosting
HTMLCorporate Website
aurelia-house-template — HTML Business Template
By Muhammad112233-creator
Aurelia House is a single-page real-estate landing template for high-end residences, boutique hotels, and private clubs, built with pure HTML/CSS/JS and no build step, ready to deploy to static hosting.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
Custom cursor with contextual labels (View / Drag / Play), paired with preloader and scroll mask reveal animations
Six-cell mosaic gallery expands into a full-screen modal slider with arrow-key and keyboard navigation
Six SVG floor plans with tabbed specifications, covering studio to penthouse
Self-hosted Cormorant Garamond and Manrope fonts for consistent offline rendering
Includes additional interactive components such as full-screen menu, offer modal, video modal, and cookie bar
Template Details
The template uses a dark, cinematic visual tone, with all page content contained in a single index.html, supported by two core files: assets/css/style.css and assets/js/main.js. The page includes a preloader, custom cursor, parallax hero section, scroll-triggered title mask, location cards with a hand-drawn SVG area map, material palette, six-cell gallery modal, timeline cross-fade slider, fan-shaped card deck, horizontal drag slider, six SVG floor-plan tabs, penthouse poster, floating-label contact form, plus additional components such as a full-screen menu, offer modal, video modal, and cookie bar. The Cormorant Garamond and Manrope fonts are self-hosted in assets/fonts/, ensuring consistent offline rendering.
The template is MIT licensed, permitting free use, modification, commercial use, and distribution of this version of the code, provided the copyright notice and full MIT license notice are retained when distributing. Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses; the contact form is a front-end demo only, and the submission handler must be connected to a backend or CRM endpoint. The README recommends replacing the fictional brand, phone number, and copy before launch.
HTMLCorporate Website
Is it right for your project?
Use Cases
- Single-page showcase and viewing appointment entry point for high-end residential projects
- Brand image landing page for boutique hotels or private clubs
- Temporary promotional page for real-estate marketing campaigns
- Static site prototype or portfolio requiring a dark cinematic visual style
Suitable For
- Front-end developers who want to deploy directly to static hosting without introducing build tools
- Real-estate marketing teams that need to quickly replace copy and images before going live
- Designers creating showcase pages for high-end residences, hotels, or clubs
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Place the repository files into a static hosting directory to run; no dependency installation or build command required
- 2
When replacing images in assets/img/, keep the same filenames; recommended width of at least 1600px and use dark tones
- 3
The video modal requires you to add assets/video/aurelia-film.mp4 yourself; otherwise a prompt message is displayed
- 4
The contact form is a front-end demo; connect the actual submission endpoint in section 14 of assets/js/main.js
- 5
Before launch, replace the fictional brand name, phone number, and copy, and verify the licenses of third-party assets such as demo images and fonts
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to this version of the code and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The contact/appointment form is a front-end demo only and does not include backend processing; you must connect the submit handler in section 14 of assets/js/main.js to your own CRM or backend endpoint, otherwise the form cannot actually submit data.
- The video modal depends on a self-provided assets/video/aurelia-film.mp4 file; the repository does not include this video, and until it is added the modal only displays a prompt message, so you must supply your own video asset.
- The brand name, phone number, and copy in the template are fictional examples and must be replaced with real information before launch, otherwise incorrect content will be displayed.
- Demo images must be replaced with your own assets while keeping the same filenames; the images in the repository are sample assets whose licenses must be checked separately and cannot be assumed to be commercially usable under the MIT code license.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses; they cannot be judged solely by the MIT license of the code.
- External services such as domain, hosting, database, payment, or AI may incur additional fees.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
The tour form is a front-end demo — wire the `submit` handler in `assets/js/main.js` (section 14) to your CRM endpoint.
Original README
add `assets/video/aurelia-film.mp4`; the _About the project_ modal picks it up automatically (a graceful notice shows until you do).
Original README
Replace the fictional brand, phone numbers and copy with your own before going live.
Original README
https://github.com/Muhammad112233-creator/aurelia-house-template/blob/main/LICENSEhttps://github.com/Muhammad112233-creator/aurelia-house-template/blob/main/README.mdreplace files in `assets/img/` keeping the same names and everything keeps working.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 83 / 100
- Technologies
- HTML
- Website type
- Corporate Website
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-09-22
- Screenshot last checked
- 2026-10-02
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 51d7870f6a92647f278df74feca3bd6b8d33fc009306bad1f9fb3c7184b7f306
2026-10-02T07:21:01.583Z
Source file / repository<div align="center"> # Aurelia House — Real-Estate Landing Template A dark, cinematic single-page template for premium residential projects, boutique hotels and private clubs. Pure HTML/CSS/JS — **no frameworks, no build step** — drop it on any static host and it just works.  </div> --- ## What's inside | Piece | Details | | -------------- | ------------------------------------------------------------------------- | | Preloader | Serif wordmark, live counter, curtain lift | | Custom cursor | Dot + drifting ring, contextual labels (View / Drag / Play) | | Hero | Sticky poster, parallax cloud light, Ken Burns zoom, ghost outline words | | Scroll system | Line-mask title reveals, image curtain reveals, soft parallax | | Location | Card grid with hover zoom + hand-drawn SVG district map with pulsing pins | | Statement | Sticky typography block + infinite marquee | | Architecture | Material swatches painted in pure CSS (stone / brass / glass / crystal) | | Gallery | 6-tile mosaic → fullscreen modal slider with arrows + keyboard nav | | Daily schedule | Timed crossfade slider (06:30 → 22:00), auto-plays until touched | | Advantages | Fanned card deck — drag, swipe or arrow through 5 cards | | Fitness | Alternating sticky image rows | | Infrastructure | Horizontal drag slider with thumb bar + fraction counter | | Residences | 6 SVG floor plans with tabbed specs (studios → penthouse) | | Penthouses | Stat blocks, full-bleed posters sliding under rounded sheets | | Contact | Floating-label form with success state (front-end demo) | | Extras | Fullscreen menu, offers modal, video modal, cookie bar, rotate-phone note | **Typography** — Cormorant Garamond (display serif) + Manrope (UI sans), self-hosted in `assets/fonts/` so the site renders identically offline. **Palette** ``` --bg #0b0a08 near-black, warm --ink #ece5d6 ivory --gold #c8a15f champagne --gold2 #e6c88a highlight ``` ## File map ``` aurelia-house/ ├── index.html # the entire page — semantics first, one file ├── assets/ │ ├── css/style.css # design tokens + every section, commented │ ├── js/main.js # single vanilla file, one IIFE per module │ ├── fonts/ # self-hosted woff2 + fonts.css │ ├── img/ # generated photography (jpg) │ └── video/ # drop aurelia-film.mp4 here (see README inside) ├── README.md # this file ├── PUBLISHING.md # drag-and-drop GitHub Pages guide ├── .gitignore └── LICENSE # MIT ``` ## Customise in 4 steps 1. **Text** — everything lives in `index.html`. Search for a headline, retype it. 2. **Colours & radii** — edit the tokens at the top of `assets/css/style.css`. 3. **Photos** — replace files in `assets/img/` keeping the same names and everything keeps working. Aim for ≥1600 px wide, dark grade. 4. **Video** — add `assets/video/aurelia-film.mp4`; the _About the project_ modal picks it up automatically (a graceful notice shows until you do). The tour form is a front-end demo — wire the `submit` handler in `assets/js/main.js` (section 14) to your CRM endpoint. ## Accessibility & performance - Semantic landmarks, skip link, aria on every control - `prefers-reduced-motion` disables the choreography - Lazy-loaded imagery, `fetchpriority` on the hero only - Zero runtime dependencies, zero external requests ## License MIT — see `LICENSE`. Replace the fictional brand, phone numbers and copy with your own before going live. <div align="center"> ⭐ If this template is useful, please leave a star! ⭐ </div>
Explore similar templates
Compare previews and descriptions within the same stack and category.
mazer
Mazer is a free and open-source Bootstrap 5 admin dashboard and landing page template that does not depend on jQuery. It provides prebuilt releases, source builds, and CDN inclusion, and includes dark mode, perfect-scrollbar, and ApexCharts examples.
HTML · Admin dashboard
Freelancer
A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.
HTML · Portfolio
Creative
A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.
HTML · Corporate Website
startbootstrap-agency
Agency is a one-page Bootstrap portfolio theme from Start Bootstrap, MIT licensed. It includes a responsive portfolio grid with modal details and a preconfigured SB Forms contact form that requires an API token.
HTML · Corporate Website
startbootstrap-landing-page
A general-purpose Bootstrap landing page template from Start Bootstrap, MIT licensed, with a Pug/SCSS/npm build pipeline.
HTML · Corporate Website
Landing-Page
A general-purpose landing page HTML template maintained by Tailwind Toolbox, written in pure HTML and loading the complete Tailwind CSS via CDN.
HTML · Corporate Website