Page 550 - MDP2022-3
P. 550

</div>
                             </div>
                     </div>
                     <!--  Footer-->
                     <footer  class="py-4  bg-dark">
                             <div  class="container">
                                     <p  class="m-0  text-center  text-white">OSD  :  Our  Smart  Dormitory</p>
                             </div>
                     </footer>
                     <!--  Bootstrap  core  JS-->
                     <script  src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
                     <!--  Core  theme  JS-->
                     <script  src="../static/scripts.js"></script>
             </body>

             </html>




             10.<Music.css>
             .f  {
                     float:  left;
                     text-align:  center;
                     align-items:  center;
                     justify-content:  center;
                     margin:  10px;
             }

             .f  input[type=radio]:checked  {
                     cursor:  pointer;
             }

             .f  input[type=radio]  +  label  {
                     color:  rgb(157,  122,  190);
                     font-size:  0.82em;
                     font-weight:  bold;
             }


             .f  input[type=radio]:checked  +  label  {
                     color:  rgb(83,  24,  138);
             }

             img  {
                     margin-top:  10px;
                     padding:  10px;
                     max-width:  100%;
                     max-height:  100%;
             }


             .f  {
   545   546   547   548   549   550   551   552   553   554   555