CINXE.COM
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { margin: 0; font-family: Verdana, Geneva, sans-serif; } .hero-image { background-image: url("https://www.power-week.com/background.jpg"); background-color: #cccccc; height: 800px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .hero-text1 { text-align: center; position: absolute; top: 200px; left: 50%; transform: translate(-50%, -50%); color: whitesmoke; text-shadow: 3px 2px black; } .hero-text2 { position: absolute; bottom: 0; background: rgb(0, 0, 0); /* Fallback color */ background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */ color: #f1f1f1; width: 100%; padding-bottom: 20px; } .button { display: inline-block; border-radius: 8px; background-color: white; border: none; color: black; text-align: center; font-size: 20px; padding: 20px; transition: all 0.5s; cursor: pointer; margin: 5px; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); width: 250px; } .button span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .button span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; } .button:hover span { padding-right: 25px; } .button:hover span:after { opacity: 1; right: 0; } .button4 { background-color: white; color: black; padding: 12px 16px; border: 2px solid #e7e7e7; text-align: center; font-size: 14px; transition-duration: 0.4s; border-radius: 4px; box-shadow: none; } .button4:hover { background-color: #0071BC; color: white; border: 2px solid #0071BC; } </style> </head> <body> <div class="hero-image"> <div class="hero-text2"> <table style="width:100%" border="0" align="center" cellpadding="0" cellspacing="0" valign="middle"> <tr> <td style="width: 20%"> </td> <td style="width: 25%"align="center"><p><h1>POWER WEEK<br>AFRICA</h1></p></td> <td style="width: 10%"> </td> <td align="center" style="width: 25%"><p><h1>POWER WEEK<br>ASIA</h1></p></td> </tr> <tr> <td style="width: 20%"> </td> <td align="center"><svg height="5" width="300"> <line x1="0" y1="0" x2="300" y2="0" style="stroke:white;stroke-width:5" /> </svg></td> <td> </td> <td align="center"><svg height="5" width="300"> <line x1="0" y1="0" x2="300" y2="0" style="stroke:white;stroke-width:5" /> </svg></td> <td style="width: 20%"> </td> </tr> <tr> <td style="width: 20%"> </td> <td align="center"><p> <h1 style="font-size:20px">20 - 23 April 2021<br> </h1></p></td> <td style="width: 200px"> </td> <td align="center"><p> <h1 style="font-size:20px">15 - 18 March 2021</h1></p></td> <td style="width: 20%"> </td> </tr> <tr> <td style="width: 20%"> </td> <td align="center"><a href="/africa"> <button class="button" style="vertical-align:middle"><span><strong>ENTER</strong></span></button></a></td> <td> </td> <td align="center"><a href="/asia"> <button class="button" style="vertical-align:middle"><span><strong>ENTER</strong></span></button></a></td> <td style="width: 20%"> </td> </tr> </td> </tr> </table> </div> </div> <div class="hero-text1"> <h1 style="font-size:88px">Powering Tomorrow's Energy Needs</h1> <div class="main"> </div> </div> </div> <table style="width:100%" cellpadding="4"><tr> <td colspan="3" align="center"> <p>Brought to you by <a href="https://www.infocusinternational.com" target="_blank">Infocus International</a>, organisers of 50+ Energy Events worldwide that include: </p> <td> </tr> <tr> <td width="33%" align="center"><p><a href="https://www.infocusinternational.com/ppa-online" target="_blank"><img src="https://www.power-week.com/ppa.png" alt="Power Purchase Agreement" width="200px" height="150px" border="0" /></a></p></td> <td width="33%" align="center"><p><a href="https://www.infocusinternational.com/energystorage-online" target="_blank"><img src="https://www.power-week.com/energystorage.png" alt="Energy Storage" width="200px" height="150px" border="0" /></a></p></td> <td width="33%" align="center"><p><a href="https://www.infocusinternational.com/electricityeconomics-online" target="_blank"><img src="https://www.power-week.com/electricityeconomics.png" alt="Electricity Economics" width="200px" height="150px" border="0" /></a></p></td> </tr> <tr> <td align="center" valign="top"><a href="https://www.infocusinternational.com/ppa-online" target="_blank"><button class="button button4">FIND OUT MORE</button></a></td> <td align="center" valign="top"><a href="https://www.infocusinternational.com/energystorage-online" target="_blank"><button class="button button4">FIND OUT MORE</button></a></td> <td align="center" valign="top"><a href="https://www.infocusinternational.com/electricityeconomics-online" target="_blank"><button class="button button4">FIND OUT MORE</button></a></td> </tr> <tr> <td width="33%" align="center"><p><a href="https://www.infocusinternational.com/solar-online" target="_blank"><img src="https://www.power-week.com/solar.png" alt="Solar Power" width="200px" height="150px" border="0" /></a></p></td> <td width="33%" align="center"><p><a href="https://www.infocusinternational.com/renewable-project-finance" target="_blank"><img src="https://www.power-week.com/powerprojectfinance.png" alt="Power Project Finance" width="200px" height="150px" border="0" /></a></p></td> <td width="33%" align="center"><p><a href="https://www.infocusinternational.com/epc-online" target="_blank"><img src="https://www.power-week.com/epccontracts.png" alt="EPC Contracts for Energy Industry" width="200px" height="150px" border="0" /></a></p></td> </tr> <tr> <td align="center" valign="top"><a href="https://www.infocusinternational.com/solar-online" target="_blank"><button class="button button4">FIND OUT MORE</button></a></td> <td align="center" valign="top"><a href="https://www.infocusinternational.com/renewable-project-finance" target="_blank"><button class="button button4">FIND OUT MORE</button></a></td> <td align="center" valign="top"><a href="https://www.infocusinternational.com/epc-online" target="_blank"><button class="button button4">FIND OUT MORE</button></a></td> </tr> </table> </body> </html>