boxes.html

<!DOCTYPE HTML >
<HTML lang="en">
   <HEAD>
    <TITLE>3 BOXES WITH COLOR, IMAGE, AND TEXT</TITLE>
   </HEAD>
   <BODY>
    <div style = "width:300px; height:300px; background-color: #FF0000;">
         <img src="c:\Users\DATA SCIENCE LAB 27\Downloads\imresizer-1708830025083.jpg">
         <div class="text-block">
            sample 1
         </div>
    </div>
    <div style = "width:300px; height:300px; background-color: #00FF00;">
        <img src="c:\Users\DATA SCIENCE LAB 27\Downloads\imresizer-1708830025083.jpg">
        <div class="text-block">
           sample 2
        </div>
   </div>
   <div style = "width:300px; height:300px; background-color: #0000FF;">
    <img src="c:\Users\DATA SCIENCE LAB 27\Downloads\imresizer-1708830025083.jpg">
    <div class="text-block">
       sample 3
    </div>
</div>
   </BODY>
</HTML>