<?php include 'include/links.php'?> <title>Workshop</title> <?php include 'include/Donation-header.php'?> <div class="content">
     <!--content inner-->
     <div class="content__inner">
          <div class="container overflow-hidden">
               <!--multisteps-form-->
               <div class="multisteps-form">
                    <!--progress bar-->
                    <div class="row">
                         <div class="col-12 col-lg-12 ml-auto mr-auto mb-4">
                              <div class="multisteps-form__progress">
                                   <button class="multisteps-form__progress-btn js-active" type="button" title="User Info">
                                        <span>01</span>General Information </button>
                                   <button class="multisteps-form__progress-btn" type="button" title="Address">
                                        <span>02</span>Tickets </button>
                                   <button class="multisteps-form__progress-btn" type="button" title="Order Info">
                                        <span>03</span>Events </button>
                                   <button class="multisteps-form__progress-btn" type="button" title="Comments">
                                        <span>04</span>Payments </button>
                                   <button class="multisteps-form__progress-btn" type="button" title="last">
                                        <span>05</span>Thank you </button>
                              </div>
                         </div>
                    </div>
                    <!--form panels-->
                    <div class="row">
                         <div class="col-12 col-lg-12 m-auto">
                              <form class="multisteps-form__form">
                                   <!--single form panel-->
                                   <div class="multisteps-form__panel   js-active" data-animation="scaleIn">
                                        <div class="multisteps-form__content">
                                             <div class="DonationMain">
                                                  <h2>Workshop info</h2>
                                                  <div class="row">
                                                       <div class="col-md-6">
                                                            <div class="form-group">
                                                                 <label for="title">Title of The Form*</label>
                                                                 <input type="text" id="title" name="title" value="Business Workshop" required>
                                                            </div>
                                                       </div>
                                                       <div class="col-md-6">
                                                            <div class="form-group">
                                                                 <label for="language">Language*</label>
                                                                 <select id="language" name="language" required>
                                                                      <option value="en">En</option>
                                                                      <option value="es">Es</option>
                                                                      <!-- More language options can be added here -->
                                                                 </select>
                                                            </div>
                                                       </div>
                                                  </div>
                                                  <!-- <div class="form-group flexj">
                                                       <input type="checkbox" id="autoTaxReceipts" name="autoTaxReceipts" checked>
                                                       <label for="autoTaxReceipts">Generate Automatic Tax Receipts</label>
                                                       <a href="KNOXVILLE-Invoice.pdf" target="_blank" id="invoicePreview">Invoice Preview <i class="fa-regular fa-eye"></i>
                                                       </a>
                                                  </div> -->
                                                  <div class="form-group">
                                                       <p class="info-text">
                                                            <img src="images/er.png" alt="">
                                                            <span>It is important to explain what you will do with the donation. It is proven that donations increase by 120% if the donor knows the exact purpose of their donation.</span>
                                                       </p>
                                                  </div>
                                                  <div class="form-group">
                                                       <label for="description">Description</label>
                                                       <div class="customdes">
                                                            <p> 🎉 Excitement is in the air! Get ready to be part of something extraordinary at Business's fundraising event. It's an event like no other, and we want you to be there! 🎉 </p>
                                                            <p class="Second-para"> Every registration to this event will bring us closer to achieving our mission. Together, we can create a brighter, more compassionate world for all. </p>
                                                            <p> Thank you for supporting our mission, your support is invaluable. </p>
                                                       </div>
                                                  </div>
                                             </div>
                                             <div class="button-row d-flex justify-content-end">
                                                  <button class="btn next-btn  js-btn-next" type="button" title="Next">Next</button>
                                             </div>
                                        </div>
                                   </div>
                                   <!--single form panel-->
                                   <div class="multisteps-form__panel" data-animation="scaleIn">
                                        <div class="multisteps-form__content donationForm DonationMain ">
                                             <h2>Ticket Info</h2>
                                             <div class="row">
                                                  <div class="col-md-12">
                                                       <div class="form-group">
                                                            <label for="title">Total number of tickets</label>
                                                            <input type="text" id="title" name="name" placeholder="unlimited" required>
                                                       </div>
                                                  </div>
                                             </div>
                                             <div class="row">
                                                  <div class="col-md-6">
                                                       <div class="form-group">
                                                            <label for="title">Ticket title*</label>
                                                            <input type="text" id="title" name="name" placeholder="Business Workshop" required>
                                                       </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                       <div class="form-group">
                                                            <label for="exampleFormControlSelect1">Ticket price*</label>
                                                            <select class="form-select" id="exampleFormControlSelect1">
                                                                 <option value="">3</option>
                                                                 <option value="">4</option>
                                                                 <option value="">5</option>
                                                                 <option value="">6</option>
                                                                 <option value="">8</option>
                                                            </select>
                                                       </div>
                                                  </div>
                                             </div>
                                             <div class="row">
                                                  <div class="col-md-4">
                                                       <div class="form-group gha">
                                                            <label for="title">Total # of tickets for this rate per date</label>
                                                            <input type="text" id="rate" name="name" required>
                                                       </div>
                                                  </div>
                                                  <div class="col-md-4">
                                                       <div class="form-group">
                                                            <label for="title">Minimum # of tickets per purchase</label>
                                                            <input type="text" id="title" name="name" required>
                                                       </div>
                                                  </div>
                                                  <div class="col-md-4">
                                                       <div class="form-group">
                                                            <label for="title">Maximum # of tickets per purchase</label>
                                                            <input type="text" id="title" name="name" required>
                                                       </div>
                                                  </div>
                                             </div>
                                             <div class="event-date regis">
                                                  <h2>Workshop Registration Form</h2>
                                                  <!-- <h6>These questions will only be asked once. By default, we ask email, full name, state, and country.</h6> -->
                                             </div>
                                             <div class="row">
                                                  <!-- <div class="col-md-4"><div class="form-group "><label for="title">Email*</label><input type="text" name="email" placeholder="johnsmith123@gmail.com" required></div></div> -->
                                                  <div class="col-md-6">
                                                       <div class="form-group ">
                                                            <label for="title">First name*</label>
                                                            <input type="text" name="text" required>
                                                       </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                       <div class="form-group ">
                                                            <label for="title">Last name*</label>
                                                            <input type="text" name="text" required>
                                                       </div>
                                                  </div>
                                             </div>
                                             <div class="row">
                                                  <div class="col-md-6">
                                                       <div class="form-group">
                                                            <label for="exampleFormControlSelect1">Gender*</label>
                                                            <select class="form-select" id="exampleFormControlSelect1">
                                                                 <option value="">Male</option>
                                                                 <option value="">Female</option>
                                                            </select>
                                                       </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                       <div class="form-group">
                                                            <label for="exampleFormControlSelect1">Age Group*</label>
                                                            <select class="form-select" id="exampleFormControlSelect1">
                                                                 <option value="">Group A</option>
                                                                 <option value="">Group B</option>
                                                                 <option value="">Group C</option>
                                                                 <option value="">Group D</option>
                                                            </select>
                                                       </div>
                                                  </div>
                                             </div>
                                             <div class="row">
                                                  <div class="col-md-6">
                                                       <div class="form-group textlabel">
                                                            <label for="title">Phone*</label>
                                                            <input type="tel" name="phone" required>
                                                       </div>
                                                  </div>
                                                  <div class="col-md-6">
                                                       <div class="form-group ">
                                                            <label for="title">Last name*</label>
                                                            <input type="text" name="text" required>
                                                       </div>
                                                  </div>
                                             </div>
                                             <div class="row">
                                                  <div class="col-md-12">
                                                       <div class="form-group ">
                                                            <label for="title">Street Address*</label>
                                                            <input type="text" name="address" required>
                                                       </div>
                                                  </div>
                                             </div>
                                             <div class="row">
                                                  <div class="col-md-4">
                                                       <div class="form-group gha">
                                                            <label for="title">City*</label>
                                                            <input type="text" id="rate" name="name" required="">
                                                       </div>
                                                  </div>
                                                  <div class="col-md-4">
                                                       <div class="form-group">
                                                            <label for="exampleFormControlSelect1">State*</label>
                                                            <select class="form-select" id="exampleFormControlSelect1">
                                                                 <option value="">State</option>
                                                                 <option value="">State 01</option>
                                                                 <option value="">State 02</option>
                                                                 <option value="">State 12</option>
                                                                 <option value="">State 19</option>
                                                            </select>
                                                       </div>
                                                  </div>
                                                  <div class="col-md-4">
                                                       <div class="form-group">
                                                            <label for="title">Zip/Postal Code*</label>
                                                            <input type="text" id="title" name="name" required="">
                                                       </div>
                                                  </div>
                                             </div>
                                        </div>
                                        <div class="row">
                                             <div class="col-md-12">
                                                  <div class="texth">
                                                       <h6>I am*</h6>
                                                  </div>
                                                  <div class="mainfl">
                                                       <div class="flex-alla">
                                                            <div class="form-group form-check">
                                                                 <input class="form-check-input" type="radio" name="" id="flexRadioDefault1">
                                                                 <label class="form-check-label" for="flexRadioDefault1"> Deaf </label>
                                                            </div>
                                                            <div class="form-group form-check">
                                                                 <input class="form-check-input" type="radio" name="" id="flexRadioDefault2">
                                                                 <label class="form-check-label" for="flexRadioDefault2"> Hard of Hearing </label>
                                                            </div>
                                                            <div class="form-group form-check">
                                                                 <input class="form-check-input" type="radio" name="" id="flexRadioDefault3">
                                                                 <label class="form-check-label" for="flexRadioDefault3"> Deaf Blind </label>
                                                            </div>
                                                            <div class="form-group form-check">
                                                                 <input class="form-check-input" type="radio" name="" id="flexRadioDefault4">
                                                                 <label class="form-check-label" for="flexRadioDefault4"> Deaf Disabled </label>
                                                            </div>
                                                            <div class="form-group form-check">
                                                                 <input class="form-check-input" type="radio" name="" id="flexRadioDefault5">
                                                                 <label class="form-check-label" for="flexRadioDefault5"> Deaf Hearing </label>
                                                            </div>
                                                            <div class="form-group form-check">
                                                                 <input class="form-check-input" type="radio" name="" id="flexRadioDefault6">
                                                                 <label class="form-check-label" for="flexRadioDefault6"> N/A </label>
                                                            </div>
                                                       </div>
                                                  </div>
                                             </div>
                                        </div>
                                        <div class="button-row d-flex">
                                             <button class="btn BackButon js-btn-prev" type="button" title="Prev">BACK</button>
                                             <button class="btn next-btn  js-btn-next" type="button" title="Next">Next</button>
                                        </div>
                                   </div>
                                    <!--single form panel-->
                         <div class="multisteps-form__panel " data-animation="scaleIn">
                              <div class="multisteps-form__content">
                                   <div class="DonationMain">
                                        <!-- <h3>Business Event</h3> -->
                                        <h2>2024 Business Workshop</h2>
                                   </div>
                                   <div class="Donationprice">
                                        <div class="DOnate-Second ">
                                             <div class="row">
                                                  <div class="col-md-12">
                                                       <div class="spce"></div>
                                                       <h2 class="Customh4">Business Workshop</h2>
                                                       <div class="summary-container">
                                                            <div class="summary-item">
                                                                 <p>Payment</p>
                                                                 <a href="#">$15.00</a>
                                                            </div>
                                                       </div>
                                                       <div class="form-group">
                                                          <div class="flextex">
                                                          <label for="title">Tickets*</label>
                                                          <p>
                                                          10 available
                                                          </p>
                                                          </div>
                                                            <select class="form-select" id="exampleFormControlSelect1">
                                                                 <option value="">Select Tickets</option>
                                                                 <option value="">Select Tickets</option>
                                                                 <option value="">Select Tickets</option>
                                                                 <option value="">Select Tickets</option>
                                                                 <option value="">Select Tickets</option>
                                                            </select>
                                                       </div>
                                                       <div class="form-group spc">
                                                            <p class="textnew newpara">
                                                                 <img src="images/err.png" alt="">
                                                                 <span>
                                                                      <strong>Did you know?</strong> When you give on any other platform, up to 10% of your gift is used to cover fees. We choose to fundraise on Knoxville to receive 100% of your gift. </span>
                                                            </p>
                                                       </div>
                                                       <!-- <div class="form-group spacebar">
                                                            <label for="description">Description</label>
                                                            <div class="customdes mt-0">
                                                                 <p> 🎉 Excitement is in the air! Get ready to be part of something extraordinary at&nbsp;Business's fundraising event. It's an event like no other, and we want you to be there! 🎉 </p>
                                                                 <p class="Second-para"> Every registration to this event will bring us closer to achieving our mission. Together, we can create a brighter, more compassionate world for all. </p>
                                                                 <p class=""> Thank you for supporting our mission, your support is invaluable. </p>
                                                            </div>
                                                            <a href="javascript:;" class="btn btn-Custom mt-3">Select</a>
                                                       </div> -->
                                                  </div>
                                             </div>
                                        </div>
                                   </div>
                                   <div class="row">
                                        <div class="button-row d-flex  col-12">
                                             <button class="btn BackButon js-btn-prev" type="button" title="Prev">BACK</button>
                                             <button class="btn next-btn  js-btn-next" type="button" title="Next">Next</button>
                                        </div>
                                   </div>
                              </div>
                         </div>
                         <!--single form panel-->
                         <div class="multisteps-form__panel DonationMain " data-animation="scaleIn">
                              <div class="multisteps-form__content">
                                   <div>
                                        <!-- <h3>Foundation</h3> -->
                                        <h2>Business Workshop Payment</h2>
                                   </div>
                                   <div class="Donationprice">
                                        <div class="DOnate-Second">
                                             <div class="donationForm">
                                                  
                                                  
                                                 
                                                  
                                                  <div class="spce"></div>
                                                  <h2 class="Customh4">Summary</h2>
                                                  <div class="summary-container">
                                                       <div class="summary-item">
                                                        <div class="itemleft">
                                                                <p><b>Order</b></p>
                                                                <p>3X Hard of Hearing</p>
                                                                <!-- <p>ASL 104 (Pre-Requisite: ASL 101, 102, 103) </p> -->
                                                            </div>
                                                            <!-- <p>10x General admission</p> -->
                                                            <a href="#">$45.00</a>
                                                       </div>
                                                  </div>
                                                  <h2 class="Customh4">Payment Method</h2>
                                                  <div class="payment-container">
                                                    <h6>cards</h6>
                                                       <div class="cards">
                                                            <img src="images/card-1.png" alt="Visa">
                                                            <img src="images/card-2.png" alt="MasterCard">
                                                            <img src="images/card-3.png" alt="PayPal">
                                                            <img src="images/card-4.png" alt="Skrill">
                                                            <img src="images/card-5.png" alt="Google Pay">
                                                            <img src="images/card-6.png" alt="Google Pay">
                                                            <img src="images/card-7.png" alt="Google Pay">
                                                       </div>
                                                       <form action="#">
                                                            <div class="row">
                                                                 <div class="col-md-12">
                                                                      <div class="form-group">
                                                                           <label for="title">Card Number</label>
                                                                           <input type="text" id="title" name="name" placeholder="1234 4567 8900 1480" required>
                                                                      </div>
                                                                 </div>
                                                            </div>
                                                            <div class="row">
                                                                 <div class="col-md-6">
                                                                      <div class="form-group">
                                                                           <label for="title">Expiration Date</label>
                                                                           <input type="text" id="title" name="name" placeholder="MM/YY" required>
                                                                      </div>
                                                                 </div>
                                                                 <div class="col-md-6">
                                                                      <div class="form-group">
                                                                           <label for="title">Security Code </label>
                                                                           <input type="text" id="title" name="name" placeholder="CVC" required>
                                                                      </div>
                                                                 </div>
                                                            </div>
                                                            <a href="javascripts:;" class="btn btn-Custom">Donate</a>
                                                            <p class="footer-text"> This site is protected by reCAPTCHA, their <a href="#">Privacy Policy</a> and <a href="#">Terms of Service</a> apply. By confirming your payment, you agree to Knoxville <a href="#"> Privacy Policy.</a>
                                                            </p>
                                                  </div>
                                             </div>
                                        </div>
                                   </div>
                                   <div class="button-row d-flex mt-4">
                                        <button class="btn BackButon js-btn-prev" type="button" title="Prev">BACK</button>
                                        <button class="btn next-btn  js-btn-next" type="button" title="Next">Next</button>
                                   </div>
                              </div>
                         </div>
                         <!--single form panel-->
                         <div class="multisteps-form__panel DonationMain " data-animation="scaleIn">
                              <div class="multisteps-form__content">
                                   <div class="Donationprice">
                                        <div class="ThankyouPage">
                                             <figure>
                                                  <img src="images/thank.png" alt="">
                                             </figure>
                                             <h5>Thank You! </h2>
                                                  <p> Your Payment have been received Successfully! </p>
                                                  <div class="buttonflex">
                                                       <a href="step-02.php" class="btn next-btn">Back Home</a>
                                                  </div>
                                                  <h6>if You have any issues <a href="">contact us! </a>
                                                  </h6>
                                        </div>
                                   </div>
                              </div>
                         </div>
                         </div>
                        
                         </form>
                    </div>
               </div>
          </div>
     </div>
</div>
</div> <?php include 'include/footer.php'?>