JezK
Edit File: topwarehouse_details.php
<?php include_once("common-header.php"); ?> <style> .container.row.pb-5 { display: none; } #main { height: 400px; margin-top: -8%; } .booknow-nav-side { background: #f5fdff; } .booknow-nav-side ul.sub-menu.children { background: transparent !important; } .booknow-nav-side li.menu-item-has-children h4 { color: #1f58c9; font-size: 18px; font-weight: 600; } .booknow-h2 { color: #1f58c9; font-size: 20px; } .booknow-nav-side form a.nav-toggle.float-right { color: #1f58c9; font-size: 15px !important; } .booknow-nav-side .font-small label { font-size: 14px; } p.text-clr-blue { font-size: 14px; color: #1f58c9; margin-bottom: 0px; font-weight: 600; } span.text-clr-gray { font-size: 16px; color: #565656; margin-bottom: 0px } .w-40 strong { color: #1f58c9; } .w-40 span { width: 20px; height: 2px; background: #1f58c9; } .bluedot { height: 12px; width: 12px; background-color: #3663c8; border-radius: 50%; display: inline-block; } #bookNow-submit { background: #2c62ce; border: initial; color: #fff; font-weight: 600; font-size: 14px; border-radius: 6px; } .border-20px{ border-radius: 20px; } .bg-border{ border:2px solid #2c62ce; } .bg-light{ background:#f5f4fa; } @media (min-width:768px) { .w-40 { width: 40%; } } </style> <!-- side block --> <section id="main" class=""> <div class="container-fluid "> </div> </section> <div class="container-fluid first-position "> <div class="row "> <!-- custom-template --> <div class="col-sm-12"> <div class="pt-md-4 pl-md-4 pr-md-4 bg-ligh"> <!-- <div class="text-center"> <img src="images/booknow-img.png" class="w-100"> </div> --> <div class="bg-light pl-md-5 pr-md-5 pt-md-4 border-20px"> <h2 class="text-primary mt-5 mb-4 text-center">Warehouse Details</h2> <h2 class="booknow-h2 mt-5">Warehouse Registration</h2> <div class="row"> <div class="col-sm-3 p-md-3"> <!-- text-clr-blue --> <p class="text-dark"><strong>Warehouse name</strong></p> <span class="text-clr-gray">Storage Space</span> </div> <div class="col-sm-3 p-md-3"> <p class="text-dark"><strong>Alternate warehouse name</strong></p> <span class="text-clr-gray">Space</span> </div> <div class="col-sm-3 p-md-3"> <p class="text-dark"><strong>Warehouse number</strong></p> <span class="text-clr-gray">58951</span> </div> <div class="col-sm-3 p-md-3"> <p class="text-dark"><strong>Status</strong></p> <span class="text-clr-gray">Active</span> </div> <div class="col-sm-3 p-md-3"> <p class="text-dark"><strong>Description</strong></p> <span class="text-clr-gray">Sample text....</span> </div> </div> <h2 class="booknow-h2 mt-5">Address</h2> <div class="row"> <div class="col-sm-3 p-md-3"> <!-- text-clr-blue --> <p class="text-dark"><strong>City</strong></p> <span class="text-clr-gray">Jorden</span> </div> <div class="col-sm-3 p-md-3"> <p class="text-dark"><strong>Address</strong></p> <span class="text-clr-gray">Amman branch office khalda, 319 Wasfi AI-Tal St.corner</span> </div> <div class="col-sm-3 p-md-3"> <p class="text-dark"><strong>Phone number</strong></p> <span class="text-clr-gray">+44 7911 123456</span> </div> <div class="col-sm-3 p-md-3"> <p class="text-dark"><strong>Email Address</strong></p> <span class="text-clr-gray">storagespace@domain.com</span> </div> </div> <h2 class="booknow-h2 mt-5">Product we deal with</h2> <div class="row"> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Glass</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Electronics</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Machine Parts</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Equipment</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Printed Materials</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Stationery</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> TeleCommunication Equipment</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Trade fair and exhibition exhibits</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Glass</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Dry and liquid goods</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Sporting Equipment</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Personal items</span> </div> </div> <h2 class="booknow-h2 mt-5">Warehouse services</h2> <div class="row"> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Palletization</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Forklift</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Pickup Service</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Delivery Service</span> </div> </div> <h2 class="booknow-h2 mt-5">Warehouse Feature</h2> <div class="row"> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Dock Leveler</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Warehouse Layout</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Air Conditioner</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Dock Door Height</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Loading Dock safty gate</span> </div> </div> <h2 class="booknow-h2 mt-5">Warehouse Feature</h2> <div class="row"> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Dock Leveler</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Warehouse Layout</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Air Conditioner</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Dock Door Height</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Loading Dock safty gate</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Dock Leveler</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Using UFLEXIT warehouse system</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Dock Leveler</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Food Grade</span> </div> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Natural Ventilation</span> </div> </div> <h2 class="booknow-h2 mt-5">Warehouse Space Method</h2> <div class="row"> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Shared Space</span> </div> </div> <h2 class="booknow-h2 mt-5">Warehouse Price types</h2> <div class="row"> <div class="col-sm-3 p-md-3"> <span class="text-clr-gray"><span class="bluedot"></span> Pallet</span> </div> </div> <h2 class="booknow-h2 mt-5 mb-3">Warehouse working hours</h2> <div class="row pl-sm-3"> <div class="row col-sm-12"> <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Mon</div> <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Tue</div> <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Wed</div> <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Thr</div> <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Fri</div> <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Sat</div> <div class="col-sm-1 py-2 bg-primary text-white border-20px text-center mb-2">Sun</div> </div> <div class="row col-sm-12"> <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">9:30</div> <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">9:30</div> <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">9:30</div> <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">9:30</div> <div class="col-sm-1 py-2 text-center mb-2">OFF</div> <div class="col-sm-1 py-2 text-center mb-2">OFF</div> <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">9:30</div> </div> <div class="row col-sm-12"> <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">18:00</div> <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">18:00</div> <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">18:00</div> <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">18:00</div> <div class="col-sm-1 py-2 text-center mb-2">OFF</div> <div class="col-sm-1 py-2 text-center mb-2">OFF</div> <div class="col-sm-1 py-2 bg-border border-20px text-center mb-2">18:00</div> </div> </div> <div class="row mt-3"> <div class="col-sm-3"> <!-- text-clr-blue --> <p class="text-dark"><strong>Work with</strong></p> <span class="text-clr-gray">Company B2B</span> </div> <div class="col-sm-3 p-md-3"> <p class="text-dark"><strong>Warehouse Partnership Class</strong></p> <span class="text-clr-gray">Gold</span> </div> <div class="col-sm-3 p-md-3"> <p class="text-dark"><strong>Maximam Storage Weight(Kilogram)</strong></p> <span class="text-clr-gray">250</span> </div> <div class="col-sm-3 p-md-3"> <p class="text-dark"><strong>Maximam Storage Weight(M)</strong></p> <span class="text-clr-gray">150</span> </div> </div> </div> </div> </div> </div> </div> </div> <section class="footer top-footer bg-dark"> <div class="container"> <div class="row"> <div class="col-md-2"></div> <div class="footer col-md-3 mt-3"> <ul style="list-style:none;"> <li class="text-white">Home</li> <li class="text-white">About us</li> <li class="text-white">Contact us</li> </ul> </div> <div class="footer col-md-3 mt-3"> <ul style="list-style:none;"> <li class="text-white">Warehouse</li> <li class="text-white">Facilities</li> <li class="text-white">Terms & Conditions</li> </ul> </div> <div class="footer col-md-3 mt-3"> <ul style="list-style:none;"> <li class="text-white">Get in touch for on demand warehouse</li> <li class="text-white pl-3">info@uflexit.com</li> <li class="text-white pl-3">+900 123 456</li> </ul> </div> </div> <h6 class="text-center bottom-footer pb-2">Copyright 2021 All right reserved</h6> </div> </section> <!-- footer --> <?php include("footer.php"); ?> <script> var toggle_customSidebar = false, custom_open = 0; if (!toggle_customSidebar) { var toggle = $('.custom-template .custom-toggle'); toggle.on('click', (function() { if (custom_open == 1) { $('.custom-template').removeClass('open'); toggle.removeClass('toggled'); custom_open = 0; } else { $('.custom-template').addClass('open'); toggle.addClass('toggled'); custom_open = 1; } })); toggle_customSidebar = true; } $('.nav-toggle').click(function() { var collapse_content_selector = $(this).attr('href'); var toggle_switch = $(this); $(collapse_content_selector).toggle(function() { if ($(this).css('display') == 'none') { toggle_switch.html('View All'); } else { toggle_switch.html('Hide'); } }); }); $(document).ready(function() { $('#datepicker1').datetimepicker({ defaultDate: '', format: 'DD-MM-YYYY', minDate: new Date() }); }); </script> </body> </html>