Color Prediction Game - Copy this Html, Bootstrap Component to your project
<div class="card-body"> <div class="timer-container mb-4"> <button id="timerBtn" class="btn btn-primary w-100" aria-label="Timer"> <span id="timerDisplay">5:00</span> <div class="progress mt-2"> <div id="timerProgress" class="progress-bar" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div> </div> </button> </div> <div class="color-selection mb-4"> <h5>Select Color:</h5> <div class="btn-group w-100" role="group" aria-label="Color selection"> <input type="radio" class="btn-check" name="colorOption" id="redOption" autocomplete="off" value="red"> <label class="btn btn-outline-danger" for="redOption">Red</label> <input type="radio" class="btn-check" name="colorOption" id="greenOption" autocomplete="off" value="green"> <label class="btn btn-outline-success" for="greenOption">Green</label> <input type="radio" class="btn-check" name="colorOption" id="blueOption" autocomplete="off" value="blue"> <label class="btn btn-outline-primary" for="blueOption">Blue</label> </div> </div> <div class="mb-4"> <label for="amountInput" class="form-label">Enter Amount:</label> <input type="number" class="form-control" id="amountInput" placeholder="Enter your amount" aria-label="Enter amount" min="1" required> </div> <button id="submitBtn" class="btn btn-success w-100">Submit Prediction</button> </div> use only bootstap class no css
