<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .delon-header{ background-color: #0c2340; margin: 15px; } .delon-row{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .delon-row-1{ display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; } .delon-col{ width: 75%; padding: 10px; } .delon-col-1{ width: 25%; padding: 10px; float: right; text-align: right; } .delon-col-2{ width: 35%; padding: 10px; } .delon-col-3{ width:65%; padding: 10px; } .delon-col-4{ width:50%; padding: 10px; } .delon-header h4{ color: white; text-align: left; } .delon-col-3 ul{ color:#0c2340; } .delon-feat h3, h5, p{ text-align: center; } .delon-feat img{ margin-left: auto; margin-right: auto; display: block; } @media (max-width: 767px) { .delon-row{ flex-direction: column-reverse; /* Reverse the order of columns */ } .delon-col, .delon-col-1, .delon-col-2, .delon-col-3, .delon-col-4{ width: 100%; padding: 5px; } .delon-header h4{ text-align: center; } .delon-header img{ margin-left: auto; margin-right: auto; display: block; } .delon-col-3{text-align: center;} } </style> </head> <body> <div class="delon-header"> <div class="delon-row"> <div class="delon-col"> <h4>Magnifica Plus</h4> </div> <div class="delon-col-1"> <img src="{{media url=wysiwyg/delonghi/delonghi-logo.png}}" alt="" /> </div> </div> </div> <div class="delon-main"> <div class="delon-row"> <div class="delon-col-3"> <p>There's a coffee to suit everyone with De'Longhi Magnifica Plus, with 15 drinks available at the touch of a button. Enjoy an immersive experience through the 3.5" full-touch colour display with rich animations, and personalise your favourites with up to 4 user profiles. Relish a fine rich foam using LatteCrema Hot Technology for all your milk based drinks.</p> <h4>Summary</h4> <br> <ul> <li>Rich aroma and full flavour coffee from freshly ground beans</li> <li>LatteCrema Hot tops your drinks with fine rich milk foam, with 3 textures: dense, creamy or light</li> <li>Choose from 15 fully customisable hot and cold coffee drinks</li> ...
