28 lines
9.3 KiB
HTML
28 lines
9.3 KiB
HTML
|
SafeValue must use [property]=binding:
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Home</title>
|
||
|
|
<link rel="stylesheet" href="style.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="page-wrapper">
|
||
|
|
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">EcoPact</div><ul class="nav-1-nav-links"><li><a href="home.html">Your Eco-Journey</a></li><li><a href="about.html">About EcoPact</a></li><li><a href="contact.html">Contact & Support</a></li><li><a href="services.html">Features & Benefits</a></li><li><a href="faq.html">Help & FAQs</a></li><li class="nav-1-dropdown"><a href="#">Explore More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join for Free</button><button class="nav-1-btn nav-1-solid">Log Your Impact</button></div></nav></div>
|
||
|
|
<div class="hero-2-wrapper"><section class="hero-2-centered-hero"><h2 id="101" title="testing" class="hero-2-heading">Track Your Green Impact, Inspire Change</h2><p class="hero-2-description">Join a vibrant community dedicated to a greener planet. Log your eco-friendly activities, earn unique badges, and see your collective impact visualized on dynamic maps and leaderboards. Together, we can build a sustainable future.</p><div class="hero-2-button-group"><button class="hero-2-btn hero-2-solid">Start Your Green Journey</button><button class="hero-2-btn hero-2-outline">See Our Impact</button></div><div class="hero-2-image"><img src="https://images.unsplash.com/photo-1638699532230-1c7676c2a708?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3NjE3ODR8MHwxfHNlYXJjaHwxfHxzdXN0YWluYWJpbGl0eSUyQyUyNTIwZW52aXJvbm1lbnQlMkMlMjUyMGVjby1mcmllbmRseSUyQyUyNTIwY29tbXVuaXR5JTJDJTI1MjBncmVlbiUyQyUyNTIwaW1wYWN0JTJDJTI1MjBwbGFuZXQlMkMlMjUyMGFjdGlvbiUyQyUyNTIwdHJhY2tpbmclMkMlMjUyMHZpc3VhbGl6YXRpb258ZW58MHx8fHwxNzUyMjk3MDQ1fDA&ixlib=rb-4.1.0&q=80&w=1080" class="hero-2-placeholder"></div></section></div>
|
||
|
|
<div class="split-10-wrapper"><section class="split-10-section"><div class="split-10-left"><div class="split-10-placeholder"></div></div><div class="split-10-right"><p class="split-10-tagline">Unleash Your Green Potential</p><h2 class="split-10-heading">Visualize Your Impact, Inspire Change</h2><p class="split-10-description">Log your eco-friendly activities, from recycling initiatives to tree planting projects, and watch your personal impact grow. Our intuitive dashboards, interactive maps, and dynamic leaderboards transform your efforts into a powerful story of positive change, inspiring a greener future for all.</p><div class="split-10-button-group"><button class="split-10-btn split-10-outline">See How It Works</button><button class="split-10-btn split-10-arrow">Join the Movement →</button></div></div></section></div>
|
||
|
|
<div class="testimonial-1-wrapper"><div class="testimonial-1-container"><img src="webflow-logo.svg" alt="Webflow" class="testimonial-1-logo"><p class="testimonial-1-text">This platform has completely transformed how our team approaches sustainability. Seeing our collective impact visualized, from tree planting initiatives to our weekly recycling efforts, has fostered incredible engagement and friendly competition. It's truly inspiring to see how small actions add up to a big difference!</p><div class="testimonial-1-author"><img src="author-avatar.jpg" alt="Author Avatar" class="testimonial-1-author-image"><div class="testimonial-1-author-info"><p class="testimonial-1-author-name">Sarah Chen</p><p class="testimonial-1-author-position">Sustainability Lead, GreenSolutions Inc.</p></div></div></div></div>
|
||
|
|
<div class="pricing-2-wrapper"><section class="pricing-2-section"><p class="pricing-2-tagline">Empower Your Green Journey</p><h2 class="pricing-2-heading">Choose Your Impact Plan</h2><p class="pricing-2-subheading">Select the perfect plan to track your eco-friendly actions, earn badges, and contribute to a healthier planet.</p><div class="pricing-2-toggle"><button class="pricing-2-btn pricing-2-btn-active">Monthly billing</button><button class="pricing-2-btn">Annual billing</button></div><div class="pricing-2-grid"><div class="pricing-2-card"><i class="fas fa-cube pricing-2-icon"></i><h3 class="pricing-2-plan-title">Individual Impact</h3><p class="pricing-2-plan-subtitle">For personal eco-tracking</p><p class="pricing-2-price">$19/mo</p><hr class="pricing-2-divider"><p class="pricing-2-includes">Includes:</p><ul class="pricing-2-feature-list"><li>✓ Unlimited activity logging</li><li>✓ Personal impact dashboard</li><li>✓ Earn exclusive badges</li><li>✓ Community leaderboard access</li><li>✓ Basic data visualization</li><li>✓ Standard support</li></ul><button class="pricing-2-cta">Start Your Journey</button></div><div class="pricing-2-card"><i class="fas fa-cube pricing-2-icon"></i><h3 class="pricing-2-plan-title">Team Earth</h3><p class="pricing-2-plan-subtitle">For companies and groups</p><p class="pricing-2-price">$19/mo</p><hr class="pricing-2-divider"><p class="pricing-2-includes">Includes:</p><ul class="pricing-2-feature-list"><li>✓ All Individual Impact features</li><li>✓ Team-wide activity tracking</li><li>✓ Company impact analytics</li><li>✓ Custom team challenges</li><li>✓ Group leaderboards</li><li>✓ Priority support</li></ul><button class="pricing-2-cta">Boost Team Impact</button></div></div></section></div>
|
||
|
|
<div class="newsletter-2-wrapper"><section class="newsletter-2-section"><div class="newsletter-2-container"><div class="newsletter-2-left"><h2 class="newsletter-2-heading">Start Your Eco-Journey Today!</h2><p class="newsletter-2-description">Track your green activities, earn badges, and visualize your collective impact on a healthier planet.</p></div><div class="newsletter-2-right"><form class="newsletter-2-signup-form"><input type="email" placeholder="Enter your email" class="newsletter-2-email-input"><button type="submit" class="newsletter-2-submit-btn">Join the Movement</button></form><p class="newsletter-2-disclaimer">By joining, you agree to our <a href="#">Terms and Conditions</a><span>.</span></p></div></div></section></div>
|
||
|
|
<div class="footer-2-wrapper"><section class="footer-2-section"><div class="footer-2-top"><div class="footer-2-left"><h3 class="logo">EcoImpact</h3><p><strong>Address:</strong><br><br><span>Level 1, 12 Sample St, Sydney NSW 2000</span></p><p><strong>Contact:</strong><br><br><span>1800 123 4567</span><br><br><a href="mailto:info@relume.io">hello@ecoimpact.com</a></p><div class="footer-2-social-icons"><i class="fab fa-facebook"></i><i class="fab fa-instagram"></i><i class="fab fa-x-twitter"></i><i class="fab fa-linkedin"></i><i class="fab fa-youtube"></i></div></div><div class="footer-2-links-columns"><ul><li><a href="#">About Us</a></li><li><a href="#">How It Works</a></li><li><a href="#">Features</a></li><li><a href="#">Badges & Rewards</a></li><li><a href="#">Join Today</a></li></ul><ul><li><a href="#">Community</a></li><li><a href="#">Blog</a></li><li><a href="#">Support</a></li><li><a href="#">Partnerships</a></li><li><a href="#">Contact Us</a></li></ul></div></div><div class="footer-2-bottom"><p>© 2023 EcoImpact. All rights reserved.</p><ul class="footer-2-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookies Settings</a></li></ul></div></section></div>
|
||
|
|
<div class="features-grid"><div class="feature-item"><div class="feature-icon"><svg class="icon"></svg></div><h3 class="feature-title">Track Your Eco-Actions</h3><p class="feature-description">Effortlessly log personal or company environmental activities, from recycling to reducing energy.</p></div><div class="feature-item"><div class="feature-icon"><svg class="icon"></svg></div><h3 class="feature-title">Earn Green Badges</h3><p class="feature-description">Unlock unique badges and achievements as you reach new milestones in your sustainability journey.</p></div><div class="feature-item"><div class="feature-icon"><svg class="icon"></svg></div><h3 class="feature-title">Visualize Your Impact</h3><p class="feature-description">See your contributions come alive with interactive graphs, maps, and insightful data.</p></div><div class="feature-item"><div class="feature-icon"><svg class="icon"></svg></div><h3 class="feature-title">Join the Green Leaderboard</h3><p class="feature-description">Compete with friends, colleagues, or other companies and inspire more collective action.</p></div><div class="feature-item"><div class="feature-icon"><svg class="icon"></svg></div><h3 class="feature-title">Collective Progress Mapping</h3><p class="feature-description">Explore a global map showcasing where and how communities are making a difference.</p></div><div class="feature-item"><div class="feature-icon"><svg class="icon"></svg></div><h3 class="feature-title">Easy Data Management</h3><p class="feature-description">Securely store and manage all your environmental activity data with simple, intuitive tools.</p></div></div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
document.addEventListener('DOMContentLoaded', function() {
|
||
|
|
document.body.style.display = 'none';
|
||
|
|
setTimeout(function() { document.body.style.display = ''; }, 10);
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html> (see https://g.co/ng/security#xss)
|