<!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{ text-align: center; }.delon-feat h5{ text-align: center; } .delon-feat 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>Icona Micalite</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>Craft your favourite coffee decipe at home with professional barista technology. Stunning Metallic finish and available in black & red.</p> <h4>Summary</h4> <br> <ul> <li>Choose your favourite blend or ESE (Easy serve espresso) pod and brew your own rich, smooth espresso with a perfect crema</li> <li>Brew a wide range of milk based beverages thanks to the manual Cappuccino System</li> <li>Add an exclusive touch of class to your kitchen with this sleek, high gloss black Icona Micalite design</li> </ul> </div> <div class="delon-col-2">...