images

Author: cassiodeveloper

css/style.css

@@ -200,6 +200,10 @@ h1 {
   color:var(--muted);
 }
 
+.imgph img {
+  height:150px;
+}
+
 .section { margin-top:60px }
 
 .grid {

img/1.jpeg

@@ -135,16 +135,19 @@ <h1>Stop ruining clothes.<br />
               <div class="mono" style="color:rgba(229,231,235,.65)">online</div>
             </div>
             <div class="chat">
-              <div class="bubble me">
-                <div class="imgph">Label photo</div>
+              <img alt="Example chat with Easy Ironing bot" src="/img/phone.jpeg" />
+              <!-- <div class="bubble me">
+                <div class="imgph">
+                  <img src="/img/3.png" title="Label" alt="Label photo" />
+                </div>
               </div>
               <div class="bubble bot">
                 🔥 Medium heat (max 150°C)<br>
                 💨 Steam allowed<br>
                 🔄 Iron inside out<br>
                 ⚠️ Avoid prints
               </div>
-              <div class="bubble me">Finally clear instructions.</div>
+              <div class="bubble me">Finally clear instructions.</div> -->
             </div>
           </div>
         </div>

img/2.jpeg

@@ -83,14 +83,14 @@ <h1>Get ironing guidance with a photo</h1>
                     <div class="box">
                         <h2>📸 Send me a <span style="color: #FFBC5E;">photo </span> of the care label and the<span style="color: #7EBBFD;"> fabric composition</span><span style="color: #EAFF9B;"> of the clothes</span></h2>
                         <p>No more stress or confusion. Just snap a photo and I'll do the rest.</p>
-                        <div class="screenshot"><img alt="Easy Ironing - Send a photo of a care label" src="/img/" /></div>
+                        <div class="screenshot"><img alt="Easy Ironing - Send a photo of a care label" src="/img/1.jpeg" /></div>
                     </div>
                 </div>
                 <div class="right">
                     <div class="box">
                         <h2>🧠 I'll give you <span style="color: #7EBBFD;">temperature</span>, <span style="color: #EAFF9B;">steam</span> and <span style="color: #FFBC5E;">ironing instructions</span> with AI</h2>
                         <p>Label the photo with fabric composition like: 80% cotton, 20% polyester.</p>
-                        <div class="screenshot"><img alt="Easy Ironing - Analyse a care label" src="/img/" /></div>
+                        <div class="screenshot"><img alt="Easy Ironing - Analyse a care label" src="/img/2.jpeg" /></div>
                     </div>                
                 </div>
             </div>