<!DOCTYPE html> <html> <head> <style> body { background-color: #f9f9f9; font-family: Arial, sans-serif; } .header { background-image: url(‘https://zonneprofijt.nl/wp-content/uploads/2021/01/DSC_1511-res.jpg’); background-size: cover; padding: 135px 0 85px; text-align: center; color: #ffffff; } .header h1 { font-size: 75px; line-height: 1.1em; font-weight: 700; margin: 0; } .subheader { font-size: 18px; color: #f9f9f9; margin: 40px 0; text-align: center; } .icons { display: flex; justify-content: center; margin-bottom: 40px; } .icons img { height: 64px; margin: 0 35px; } .quote-section { background-color: #ffffff; padding: 40px; text-align: center; max-width: 270px; margin: auto; float: right; border-radius: 8px; border-top: 4px solid #00ffc3; } .quote-section h3 { font-size: 19px; color: #2b3e4b; margin: 10px 0; font-weight: 700; } .quote-section p { font-size: 15px; color: #9b9b9b; margin: 17px 0; line-height: 1.6em; } .quote-section a { display: inline-block; font-size: 14px; color: #000000; text-decoration: none; padding: 10px 20px; background-color: #f9f9f9; border-radius: 4px; margin-top: 10px; } .features { display: flex; justify-content: space-between; max-width: 1300px; margin: 0 auto; padding: 4px 130px; box-sizing: border-box; margin-bottom: 40px; } .feature { text-align: center; flex-basis: 20%; } .feature img { max-width: 25%; } .feature h4 { font-size: 12px; color: #253745; font-weight: 700; margin-top: 10px; } </style> </head> <body> <section class=”header”> <h1>Jouw partner in zonne-energie</h1> <p class=”subheader”>Zonnepanelen, laadpalen en airco’s!</p> <div class=”icons”> <img src=”https://zonneprofijt.nl/wp-content/uploads/2022/10/solar-panel-1.png” alt=”solar-panel”> <img src=”https://zonneprofijt.nl/wp-content/uploads/2022/10/electric-car.png” alt=”electric-car”> <
