index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Wind Energy Explorer</title>
    <link rel="stylesheet" href="styles.css">
    <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
    </style>
</head>
<body>
    <header class="hero">
        <div class="hero-content">
            <h1 class="hero-title">Explore Wind Energy Potential</h1>
            <p class="hero-subtitle">Analyze wind power, savings, and environmental benefits with ease</p>
        </div>
    </header>

    <section class="introduction">
        <div class="intro-text">
            <h2>Welcome to Wind Energy Explorer</h2>
            <p>Discover how wind energy can help you save on electricity costs and reduce carbon emissions. Our easy-to-use tools provide detailed insights on wind power potential, economic savings, and environmental benefits.</p>
        </div>
    </section>

    <section class="features">
        <a href="wind_analysis_page.html" class="feature-card">
            <img src="wind_analysis_icon.png" alt="Wind Analysis" class="feature-icon">
            <h3>Wind Analysis</h3>
            <p>Analyze wind speed data and probability to understand wind power potential.</p>
        </a>
        <a href="financial_analysis_page.html" class="feature-card">
            <img src="savings_icon.png" alt="Savings Calculator" class="feature-icon">
            <h3>Savings Calculator</h3>
            <p>Calculate potential financial savings from harnessing wind energy.</p>
        </a>
        <a href="emissions_analysis.html" class="feature-card">
            <img src="emission_icon.png" alt="CO2 Reduction" class="feature-icon">
            <h3>CO₂ Reduction</h3>
            <p>Estimate the CO₂ emissions reductions from generating clean wind energy.</p>
        </a>
    </section>

    <footer class="footer">
        <p>&copy; Alexander Piccinelli | Sima Vivaldi. </p>
        <p>All rights reserved.</p>
    </footer>
</body>
</html>