index.html <title/> </head> <body> <div id="sectionHome"> <div class="food-image d-flex flex-column justify-content-start"> <div class="card-food"> <h1 class="heading-food"> Happy Meals </h1> <p class="para-food"> Discover the best foods over the 1,000 <br> restaurants </p> <button class="btn-food" onclick="display('sectionFood')"> Book Now </button> </div> </div> </div> <div id="sectionFood"> <div class="image d-flex flex-column justify-content-center"> <h1 class="heading"> A ready-to-eat slice of heaven </h1> </div> <div class="bottom-section" > <div class="d-flex flex-row justify-content-center"> <div class="food-item"> <img src="./Chocolate pastry.cms" class="items-img"> <h1 class="item-name"> Chocolate Pastry </h1> <p class="item-price"> Rs.99 </p> </div> <div class="food-item"> <img src="./cheesecake.jpg" class="items-img"> <h1 class="item-name"> Cheescake pastry</h1> <p class="item-price"> Rs.130 </p> </div> <div class="food-item"> <img src="./vanilla.jpg" class="items-img"> <h1 class="item-name"> Vanilla pastry</h1> <p class="item-price"> Rs.110 </p> </div> <div class="food-item"> <img src="./red-velvet-cake.jpg" class="items-img"> <h1 class="item-name"> Red Valvet Pastry</h1> <p class="item-price"> Rs.150 </p> </div> </div> <button class="btn btn-dark" onclick="display('sectionHome')">Back</button> </div> </div> <script type="text/javascript" src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-website/js/ccbp-ui-kit.js"></script> </body> </html>