<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Flexible Energy Services</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #ffffff;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.header {
text-align: center;
margin-bottom: 40px;
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
justify-content: space-between;
}
.column {
flex: 0 0 30%;
padding: 0 15px;
margin-bottom: 30px;
text-align: center;
}
.image-container {
margin: 20px 0;
}
.image-container img {
max-width: 100%;
height: auto;
}
.section {
padding: 60px 0;
margin: 60px 0;
background-color: #f9f9f9;
border-radius: 8px;
}
.insights-section {
margin-top: 50px;
}
.insights-heading {
margin-bottom: 30px;
color: #333;
}
.insights-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.insights-column {
flex: 0 0 30%;
border: 1px solid #e0e0e0;
padding: 20px;
margin-bottom: 20px;
text-align: center;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.icon {
margin: 20px 0;
font-size: 40px;
color: #0099cc;
}
h3 {
color: #0099cc;
margin: 15px 0;
}
p {
color: #555;
line-height: 1.6;
}
</style>
</head>
<body>
<div class=”container”>
<div class=”header”>
<h1>Our expertise in flexible energy is widely trusted among industry leaders</h1>
</div>
<div class=”row”>
<div class=”column”>
<h3>For investment & business case analysis</h3>
<div class=”image-container”>
<!– Replace with actual image path –>
<img src=”investment-analysis.jpg” alt=”Investment and Business Case Analysis”>
</div>
</div>
<div class=”column”>
<h3>For debt financing</h3>
<div class=”image-container”>
<!– Replace with actual image path –>
<img src=”debt-financing.jpg” alt=”Debt Financing”>
</div>
</div>
<div class=”column”>
<h3>For ongoing fund valuations</h3>
<div class=”image-container”>
<!– Replace with actual image path –>
<img src=”fund-valuations.jpg” alt=”Fund Valuations”>
</div>
</div>
</div>
<div class=”insights-section”>
<h2 class=”insights-heading”>Looking for more insights in Iberia?</h2>
<div class=”insights-row”>
<div class=”insights-column”>
<div class=”icon”>🔋</div>
<h3>Flexible Energy in Iberia</h3>
<p>Comprehensive granular analysis of battery economics</p>
</div>
<div class=”insights-column”>
<div class=”icon”>âš¡</div>
<h3>Power & Renewables Service in Iberia</h3>
<p>Gain critical intelligence across dynamic energy market landscapes</p>
</div>
<div class=”insights-column”>
<div class=”icon”>📊</div>
<h3>Free Publications in Iberia</h3>
<p>Access our most recent public insights and downloadable reports</p>
</div>
</div>
</div>
</div>
</body>
</html>