tut11.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        .first{
            background-color: peru;
            color:white;
        }
        .second{
            background-color:powderblue;
        }
    </style>
</head>
<body>
    
   <!-- details tag -->

   <div class="first">

        <details>
            <summary>Technology</summary>
            <ul>
                <li>HTML</li>
                <li>CSS</li>
                <li>Bootstrap</li>
            </ul>
        </details>

   </div>

   <div class="second">
    <details>
        <summary>Sports</summary>
       <p>
           Lorem ipsum dolor, sit amet consectetur adipisicing elit. Hic,
            error sit natus earum amet, ad dolorem enim veritatis similique quae 
            tempore eius officia debitis delectus saepe, 
           repellendus consequatur. Praesentium sunt voluptatibus aliquid culpa unde vel?
       </p>
    </details> 
   </div>

</body>
</html>