add 'How I Work' modal (work-rules copy) triggered from the Careful section

Adds a Bootstrap modal with the copy from davidawindham.com/work-rules and a
'Read how I work' link in the Careful service tab to open it (also deep-linkable
via #work-rules-modal). Relative links made absolute; opaque white modal bg via
inline styles (the site's .modal-content is transparent for the zw-card modal).
Lets the /work-rules page be removed from the main site.

index.html

@@ -521,6 +521,7 @@
             <div id="audit-tab" class="tab-pane fade" role="tabpanel" aria-labelledby="audit-tab" tabindex="2">
               <h4 class="how fw-bold">Careful</h4>
               <p>I will carefully review and critique your existing software, applications,  sites and workflow to write up an unbiased detailed report that'll give your team some actionable feedback. I'll provide references and suggestions and I'll either propose a solution or refer elsewhere for assistance.</p>
+              <p class="mt-3"><a class="fw-bold" data-bs-toggle="modal" data-bs-target="#work-rules-modal" href="#work-rules-modal" role="button">Read how I work &rarr;</a></p>
             </div>
             <div id="manage-tab" class="tab-pane fade" role="tabpanel" aria-labelledby="manage-tab" tabindex="3">
               <h4 class="how fw-bold">Reliable</h4>
@@ -530,6 +531,32 @@
         </div>
       </div>
 
+      <!-- ** WORK RULES ** -->
+      <div id="work-rules-modal" class="modal fade" tabindex="-1" aria-labelledby="work-rules-modal-label" aria-hidden="true">
+        <div class="modal-dialog modal-lg modal-dialog-scrollable">
+          <div class="modal-content" style="background:#fff !important;color:#232323;border-radius:6px;">
+            <div class="modal-header">
+              <h5 class="modal-title" id="work-rules-modal-label">How I Work</h5>
+              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body" style="background:#fff !important;padding:1.5rem 2rem !important;">
+                <p>Almost half of the work I do each year is project work for private clients while the other half is on contract for agencies and companies. As much as it sounds like fun working from home, freelancing can be a daunting work schedule because of the ups and downs involved with juggling timelines and clients. Most of my work comes from personal referrals. But when they don&#8217;t, here are some brief guidelines on how I work.</p>
+                <p><strong>1</strong>) I prefer to work on one project at a time in order to optimize my output and creative energy. Please check the calendar on my <a href="https://davidawindham.com/about">about page</a> for availability because I try to schedule work up to six months in advance.</p>
+                <p><strong>2</strong>) Once you&#8217;ve contacted me with some minor details, I will schedule an interview to ask questions before providing you with an estimated cost and timeline for your project. If the proposal suits your budget, I&#8217;ll ask you to sign an <a href="https://davidawindham.com/contract">Independent Contractor Agreement</a> for the work.</p>
+                <p><strong>3</strong>) In order to engage high quality clients, I charge a $500 retainer fee up front and I bill $50 per hour for any work delivered. I guarantee client satisfaction on all deliverables and will not bill for any additional hours to meet that goal. However, I will bill for any time spent consulting or training via chat, phone, or email. </p>
+                <p><strong>4</strong>) I am not a full service advertising agency as I prefer to focus on creative deliverables only. If your project goals are more suited to a full service agency I will gladly recommend one I work with. Likewise, If your project can be filled with a pre-built solution at a lower cost, I will be glad to recommend a solution for you. </p>
+                <p><strong>6</strong>) I am not interested in partnerships, shares, or equity in your company.</p>
+                <p><strong>7</strong>) Software and web development will require regular maintenance. I will support anything I build for the lifetime of the project at the same billable hourly rate. Additional features and major updates will be written up as separate contract work. </p>
+                <p><strong>8</strong>) On rare occasion, I&#8217;ve had to outsource project work to other developers under tight deadlines. I try my best not to do so, but I retain a small network of associates who can assist.  </p>
+                <p><strong>9</strong>) I retain the right to reject a project when requests outside the scope of the initial contract misalign the project goals.</p>
+                <p><strong>10</strong>) I like to love my work and happy clients are what make it possible. If you are in anyway known as difficult to work with, please don&#8217;t contact me. </p>
+                <p>If all of these make sense to you, please head on over to my <a href="https://davidawindham.com/contact">contact page</a> and let&#8217;s get started. </p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- ** WORK RULES ** -->
+
       <div class="row py-5 bg-dw-bright bg-opacity-10">
         <div class="col-lg-10 offset-lg-1">
           <div class="row">