updating yummy page

Author: Nikeshbajaj

yummy/imgs/000012.jpg

@@ -159,17 +159,17 @@ <h1> MLEnd Yummy </h1>
 <h3>A dataset of enriched images of food from diverse cuisines</h3>
 </center>
 
-<div class="divider-10"></div>
+<!-- <div class="divider-10"></div> -->
 <hr />
 
 <!-- <br> -->
-<!-- <img src="/assets/imgs/Numers_cover.jpg" width="30%"> -->
+<!-- <img src="/assets/imgs/yummy_cover.png" width="30%" align="right"> -->
 
 <!-- **Date: March-June 2023** -->
 
-<!-- <div class="divider-10"></div> -->
+<div class="divider-10"></div>
 <!-- <br> -->
-<!-- <img src="/assets/imgs/Numers_cover.jpg" width="30%" align="right"> -->
+<p><img src="/assets/imgs/yummy_cover.png" width="30%" align="right" /></p>
 
 <div class="section" id="projects-list">
 <div class="container">
@@ -199,39 +199,64 @@ <h3 style="font-weight:600; font-family: sans-serif;"> About Dataset <div style=
 of dishes that they were about to eat, ate them and then annotated each picture, adding attributes such as the dish name, ingredients, whether they liked their 
 food or not, or whether they had them at home or at a particular restaurant.
 </font><font size="4">
+
 <br />
+
 <br />
+
 Enjoy!
 </font>
 
-<br style="line-height:200%;" /><br style="line-height:200%;" />  
-</div>
+<br />
+
+<br />
+
+<h3 style="font-weight:600; font-family: sans-serif;"> Sample of data <div style="float:right"><span></span></div></h3>
+<br />
+
+<font size="4">
+<!-- <br /> -->
+Here are some examples of data:
+
+<br />
+
+<br />
+
+</font>
+
+
+
+<!-- <div class="column-box">
+<img src="/yummy/imgs/000012.jpg" width="30">
 </div>
+<div class="column-box">
+<img src="/yummy/imgs/001909.jpg" width="30">
+</div> -->
 
-<!-- <img src="/assets/imgs/Numers_cover.jpg" width="30%" align="right"> -->
 
-<!-- <br> -->
+<div class="column-box">
+<img src="/yummy/imgs/000012.jpg" width="20%" />
+<img src="/yummy/imgs/001909.jpg" width="20%" />
+<img src="/yummy/imgs/000110.jpg" width="20%" />
+<img src="/yummy/imgs/000123.jpg" width="20%" />
+</div>
+<div class="column-box">
+<img src="/yummy/imgs/002117.jpg" width="20%" />
+<img src="/yummy/imgs/001946.jpg" width="20%" />
+<img src="/yummy/imgs/002028.jpg" width="20%" />
+<!-- <img src="/yummy/imgs/002261.jpg" width="20%"> -->
+<img src="/yummy/imgs/002468.jpg" width="20%" />
+</div>
+<div class="column-box">
 
-<p><!-- <div class="container-IMT-right">
-    <div class="textb">
-      <p>
-      Speech recognition has improved dramatically over the past years due to advances in machine learning and the availability of speech data. Speech recognition is nowadays powering a multitude of applications, from home virtual assistants to call centers, and it is expected to be integrated in many more systems, some of which might be critical for inclusivity.
-      </p>
-    </div>
-    <div class="imgr">
-      <img src="/assets/imgs/Numers_cover.jpg" width="100%">
-    </div>
-  </div> --></p>
+</div>
 
-<!-- <hr> -->
 
-<!-- <h3 style="font-weight:600; font-family: sans-serif;"> Examples</h3> 
 
-<p>TBA</p>
+<br style="line-height:200%;" /><br style="line-height:200%;" />  
+</div>
+</div>
 
-<br>
-<br> 
-<br>  -->
 <hr />
 
 <h3 style="font-weight:600; font-family: sans-serif;"> Download Data: Small set</h3>