Services Landing Template 💼

A clean, modular, and responsive HTML template focused on service-based websites. Ideal for consultants, advisors, or small businesses. It includes:

• Dynamic hero section
• WhatsApp floating button
• FormSubmit-ready contact form
• Neutral styling and easy theming
• Social media icons via SVG (editable)

🔧 Features

• 🧱 Clear and modular HTML structure
• 🎯 Primary focus on services (consulting); secondary on product promotion
• 📐 Prebuilt sections: header, hero, services, about, contact, social, footer
• 🖼️ Hero supports dynamic background or image banner (data-hero-type)
• 🎨 Color variables defined in :root (easy theming via theme.css)
• 🆘 Logo fallback: text is shown if the image fails to load
• 💬 Floating WhatsApp button with optional popup
• 🌐 Ready-to-use social media SVG buttons (Instagram, TikTok, Facebook, etc.)
• 📨 Contact form compatible with FormSubmit.co – no backend required
• 📱 Fully responsive and accessible CSS design
• 🚀 Built for quick customization and fast deployment

🧰 How to Use

1. Clone or fork this repository

git clone https://github.com/QuantumRevenant/services-landing-template.git
cd services-landing-template

2. Edit the content in index.html, style.css, and optionally script.js
3. Replace or customize hero images in /resources/hero_images/
4. Edit root colors in :root or override via theme.css
5. Connect FormSubmit by setting your form's action URL
6. Deploy to GitHub Pages, Netlify, Vercel, or any static host

🌍 Live Preview

You can view a live demo at:
https://QuantumRevenant.github.io/services-landing-template/
(Replace with your actual GitHub Pages link)

📦 Third-Party Content

This project includes images and assets under free-use licenses (mostly Pexels’ standard license and some CC0):

Hero Images

• hero-01.jpg
  Instagram: @acer.emree
  Photo by Emre Can Acer: https://www.pexels.com/es-es/foto/mesa-redonda-de-madera-marron-entre-dos-sillas-y-una-silla-otomana-2079246/

• hero-02.jpg

  Photo by Ilya Shakir: https://www.pexels.com/es-es/foto/sala-de-estar-moderna-2440471/

• hero-03.jpg
  Instagram: @jonathansborba
  Photo by Jonathan Borba: https://www.pexels.com/es-es/foto/juego-de-comedor-beige-y-blanco-3316918/

• hero-04.jpg

  Photo by Pixabay (CC0): https://www.pexels.com/es-es/foto/jarron-de-ceramica-blanca-en-mesa-de-comedor-271696/

• hero-05.jpg
  Instagram: @tjsollie
  Photo by Terje Sollie: https://www.pexels.com/es-es/foto/centro-de-mesa-en-la-mesa-de-centro-al-lado-del-sofa-con-tres-almohadas-298842/

• hero-06.jpg
  Instagram: @diakova_art
  Photo by Tiana: https://www.pexels.com/es-es/foto/sillas-blancas-vacias-junto-a-la-mesa-2995012/

Contact Section

• contacto.png, contacto-transparente.png, contacto-original.jpg
  Instagram: @andreapiacquadio_
  Photo by Andrea Piacquadio: https://www.pexels.com/es-es/foto/la-empresaria-riendo-trabajando-en-la-oficina-con-el-portatil-3756679/

Favicon

• Favicon.ico
  Microsoft Fluent UI Icon – Globe
  Source: https://github.com/microsoft/fluentui-system-icons/blob/main/assets/Globe/SVG/ic_fluent_globe_48_regular.svg

All resources are free to use commercially with no attribution required unless specified by the author or license. Pixabay photo is under CC0. Other images follow Pexels' free-use license.

📝 License

This project is licensed under the MIT License.
See the LICENSE file for details.

📬 Contact

If you'd like to suggest improvements or report issues:

---

Feel free to fork and build your own service landing page from this template!