​  Make me a web site that I can order any of 4 pizzas in a file called pizzas.html.​ Please separate out the CSS and javascript into separate files to make it simpler.​ Name them pizzas.css and pizzas.js​  ​  Part II (Let's make it nicer)​  ​ Can you update the css to use google's roboto font for the body text, and "Bungee Spice" for the heading?

a web application that estimates the costs for snow removal service (walkway S15 M-25 L- 35 ad back walkway as an extra for 10$ for S M L. Driveway prices are
10$ per vehicle stall ex 1=10$ 2=20 3=30 4=40 5=50 6=60. add ons Salt/sand
spread extra10$, ice chipping/scrapping staring at 25$ 0-2" 50$ 2'-4' 75$ 4"-6"
100$ 6". add a section for return clients to add 5% discount and another for
referals for 10% each the new client and for return (clients can not check both
return and referral maximum discount 10%) add another box for a rush or rapid
service (jump to the front of the line) $50... MAKE ALL SELECTIONS A CHOICE
GIVING THE OPTION TO LEAVE SERVICES OUT OR ADD, CHECKBOXES 

<html>
<head>
  <title>Snow Removal Cost Estimator</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
</head>
<body>
  <div class="container">
    <h1>Snow Removal Cost Estimator</h1>
    <form id="costEstimatorForm">
      <div class="mb-3">
        <label for="walkwaySize" class="form-label">Walkway Size:</label>
        <select class="form-select" id="walkwaySize">
          <option value="S">Small (15$)</option>
          <option value="M">Medium (25$)</option>
          <option value="L">Large (35$)</option>
        </select>
      </div>
      <div class="mb-3">
        <label for="backWalkway" class="form-label">Back Walkway:</label>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" id="backWalkway" value="10">
          <label class="form-check-label" for="backWalkway">Add Back Walkway (+10$)</label>
        </div>
      </div>
      <div class="mb-3">
        <label for="drivewayStalls" class="form-label">Driveway Stalls:</label>
        <select class="form-select" id="drivewayStalls">
          <option value="1">1 Stall (10$)</option>
          <option value="2">2 Stalls (20$)</option>
          <option value="3">3 Stalls (30$)</option>
          <option value="4">4 Stalls (40$)</option>
          <option value="5">5 Stalls (50$)</option>
          <option value="6">6 Stalls (60$)</option>
        </select>
      </div>
      <div class="mb-3">
        <label for="saltSandSpread" class="form-label">Salt/Sand Spread:</label>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" id="saltSandSpread" value="10">
          <label class="form-check-label" for="saltSandSpread">Add Salt/Sand Spread (+10$)</label>
        </div>
      </div>
      <div class="mb-3">
        <label for="iceChipping" class="form-label">Ice Chipping/Scraping:</label>
        <select class="form-select" id="iceChipping">
          <option value="0">None</option>
          <option value="25">0-2 inches (25$)</option>
          <option value="50">2-4 inches (50$)</option>
          <option value="75">4-6 inches (75$)</option>
          <option value="100">6 inches or more (100$)</option>
        </select>
      </div>
      <div class="mb-3">
        <label for="returnClient" class="form-label">Return Client:</label>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" id="returnClient" value="5">
          <label class="form-check-label" for="returnClient">Add 5% Discount</label>
        </div>
      </div>
      <div class="mb-3">
        <label for="referral" class="form-label">Referral:</label>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" id="referral" value="10">
          <label class="form-check-label" for="referral">Add 10% Discount (for both new client and return)</label>
        </div>
      </div>
      <div class="mb-3">
        <label for="rushService" class="form-label">Rush Service:</label>
        <div class="form-check">
          <input class="form-check-input" type="checkbox" id="rushService" value="50">
          <label class="form-check-label" for="rushService">Jump to the Front of the Line (+50$)</label>
        </div>
      </div>
      <button type="submit" class="btn btn-primary">Estimate Cost</button>
    </form>
    <div id="costEstimateResult" class="mt-3"></div>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script>
  <script>
    document.getElementById('costEstimatorForm').addEventListener('submit', function(event) {
      event.preventDefault();

      const walkwaySize = document.getElementById('walkwaySize').value;
      const backWalkway = document.getElementById('backWalkway').checked;
      const drivewayStalls = document.getElementById('drivewayStalls').value;
      const saltSandSpread = document.getElementById('saltSandSpread').checked;
      const iceChipping = document.getElementById('iceChipping').value;
      const returnClient = document.getElementById('returnClient').checked;
      const referral = document.getElementById('referral').checked;
      const rushService = document.getElementById('rushService').checked;

      let costEstimate = 0;

      if (walkwaySize === 'S') {
        costEstimate += 15;
      } else if (walkwaySize === 'M') {
        costEstimate += 25;
      } else if (walkwaySize === 'L') {
        costEstimate += 35;
      }

      if (backWalkway) {
        costEstimate += 10;
      }

      costEstimate += drivewayStalls * 10;

      if (saltSandSpread) {
        costEstimate += 10;
      }

      costEstimate += parseInt(iceChipping);

      if (returnClient) {
        costEstimate -= costEstimate * 0.05;
      }

      if (referral) {
        costEstimate -= costEstimate * 0.1;
      }

      if (rushService) {
        costEstimate += 50;
      }

      const costEstimateResult = document.getElementById('costEstimateResult');
      costEstimateResult.textContent = `Estimated Cost: $${costEstimate.toFixed(2)}`;
    });
  </script>
</body>
</html>

A web-based snow removal cost estimator that calculates the estimated cost based on user-selected options and displays the result.