Modern, responsive, SEO-focused brochure website for RoadWayz Driving School (Kirkcaldy, Fife).
Live URL: https://roadwayz.co.uk
- Project overview
- Key features
- Technology stack
- File structure
- Run locally
- Configuration & customization
- Deployment
- License
Static site built to establish an online presence for a local driving instructor. Focuses on performance, accessibility, and local SEO to capture traffic in the Fife area.
- Fully responsive: Mobile-first layout using Tailwind CSS.
- Glassmorphism UI: Modern, clean aesthetic with custom overlays.
- Interaction: Mobile menu and state management with Alpine.js.
- Animations: Scroll animations powered by AOS.
- Contact form: Serverless email handling via Formspree.
- SEO optimized: JSON-LD Local Business schema, Open Graph tags, and semantic HTML5.
- GDPR compliant: Privacy Policy, Terms & Conditions, and a cookie consent banner.
This project uses a no-build approach for simplicity and easy maintenance (CDNs instead of a Node.js build pipeline).
- HTML5 — semantic markup
- Tailwind CSS (CDN) — styling framework (configured in
script.js) - Alpine.js (CDN) — lightweight JS for UI behavior
- AOS (CDN) — Animate On Scroll library
- Google Fonts — Poppins typeface
- Font Awesome — iconography
├── index.html # Main landing page
├── privacy.html # Privacy Policy (GDPR)
├── terms.html # Terms & Conditions
├── 404.html # Custom error page
├── style.css # Custom CSS overrides (scrollbars, glassmorphism)
├── script.js # Tailwind config & AOS initialization
├── site.webmanifest # PWA manifest for Android/Chrome
├── CNAME # Custom domain config for GitHub Pages
└── README.md # Project documentation
Since this is a static site, you do not need npm or a build process.
-
Clone the repository
git clone https://github.com/lewiswake/roadwayz.git
-
Open the folder
Navigate to the folder on your computer. -
Run the site
- Double-click
index.htmlto open it in your browser, or - Use the Live Server extension in VS Code for hot reloading.
- Double-click
The contact form uses Formspree. To update the destination email:
- Open
index.html. - Find the
<form>tag inside the#contactsection. - Update the
actionURL with your new Formspree endpoint:
<form action="https://formspree.io/f/YOUR_NEW_ID" method="POST">All content is hard-coded in HTML for speed.
- Prices: Search for
id="rates"inindex.html. - Phone number: Search for
tel:07748128184to update call links.
A JSON-LD script tag exists in the <head>. If the business address or operating hours change, update the JSON object inside:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness"
}
</script>Hosted on GitHub Pages:
- Push changes to the
mainbranch. - GitHub Actions will automatically deploy the HTML files.
- The
CNAMEfile ensures the site resolves toroadwayz.co.ukinstead of the default GitHub Pages domain.
All rights reserved to RoadWayz Driving School. Website created by Lewis Wake.