Joakim
a13546aac2
Replace container-based blob editing approach with individual element editing. Each .insertr element now gets appropriate field type (text, textarea, link) based on HTML tag and classes. Provides much better UX with separate inputs for headlines, paragraphs, and buttons while preserving HTML structure and styling.
90 lines
4.5 KiB
HTML
90 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Acme Consulting Services</title>
|
|
<link rel="stylesheet" href="assets/style.css">
|
|
<link rel="stylesheet" href="insertr/insertr.css">
|
|
</head>
|
|
<body>
|
|
<!-- Navigation -->
|
|
<nav class="navbar">
|
|
<div class="container">
|
|
<h1 class="logo insertr" data-content-id="nav-logo">Acme Consulting</h1>
|
|
<ul class="nav-links">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="about.html">About</a></li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
</ul>
|
|
<!-- Authentication controls -->
|
|
<div class="auth-controls">
|
|
<button id="auth-toggle" class="btn-secondary">Login as Client</button>
|
|
<button id="edit-mode-toggle" class="btn-primary" style="display: none;">Edit Mode: Off</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<section class="hero">
|
|
<div class="container">
|
|
<h1 class="insertr" data-content-id="hero-headline">Transform Your Business with Expert Consulting</h1>
|
|
<p class="lead insertr" data-content-id="hero-description">We help small businesses grow through strategic planning, process optimization, and digital transformation. Our team brings 15+ years of experience to drive your success.</p>
|
|
<a href="contact.html" class="btn-primary insertr" data-content-id="hero-cta">Get Started Today</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Services Section -->
|
|
<section class="services">
|
|
<div class="container">
|
|
<h2 class="insertr" data-content-id="services-title">Our Services</h2>
|
|
<p class="section-subtitle insertr" data-content-id="services-subtitle">Comprehensive solutions tailored to your business needs</p>
|
|
|
|
<div class="services-grid">
|
|
<div class="service-card">
|
|
<h3 class="insertr" data-content-id="service-strategy-title">Strategic Planning</h3>
|
|
<p class="insertr" data-content-id="service-strategy-desc">Develop clear roadmaps and actionable strategies that align with your business goals and drive sustainable growth.</p>
|
|
</div>
|
|
<div class="service-card">
|
|
<h3 class="insertr" data-content-id="service-operations-title">Operations Optimization</h3>
|
|
<p class="insertr" data-content-id="service-operations-desc">Streamline processes, reduce costs, and improve efficiency through proven methodologies and best practices.</p>
|
|
</div>
|
|
<div class="service-card">
|
|
<h3 class="insertr" data-content-id="service-digital-title">Digital Transformation</h3>
|
|
<p class="insertr" data-content-id="service-digital-desc">Modernize your technology stack and digital presence to compete effectively in today's marketplace.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Testimonial Section -->
|
|
<section class="testimonial">
|
|
<div class="container">
|
|
<blockquote>
|
|
<p class="insertr" data-content-id="testimonial-quote">"Acme Consulting transformed our operations completely. We saw a 40% increase in efficiency within 6 months of implementing their recommendations."</p>
|
|
<cite class="insertr" data-content-id="testimonial-author">Sarah Johnson, CEO of TechStart Inc.</cite>
|
|
</blockquote>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Call to Action -->
|
|
<section class="cta">
|
|
<div class="container">
|
|
<h2 class="insertr" data-content-id="cta-title">Ready to Transform Your Business?</h2>
|
|
<p class="insertr" data-content-id="cta-description">Contact us today for a free consultation and discover how we can help you achieve your goals.</p>
|
|
<a href="contact.html" class="btn-primary insertr" data-content-id="cta-button">Schedule Consultation</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<p class="insertr" data-content-id="footer-copyright">© 2024 Acme Consulting Services. All rights reserved.</p>
|
|
<p class="insertr" data-content-id="footer-contact">📧 info@acmeconsulting.com | 📞 (555) 123-4567</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Insertr JavaScript Library -->
|
|
<script src="insertr/insertr.js"></script>
|
|
</body>
|
|
</html> |