CINXE.COM
Room, Space, and Seat Bookings - Springshare Platform Use Case
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>Room, Space, and Seat Bookings - Springshare Platform Use Case</title> <meta name="description" content="Springshare's LibCal provides a Spaces and Seats Booking module, making it easy for institutions to establish room booking service inside the buildings. Tablet and smartlock integrations are available, as well."> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2"> <link rel="shortcut icon" href="/assets/img/springy-i-32px.png" type="image/png"> <link rel="stylesheet" href="/assets/css/libs.css"> <link rel="stylesheet" href="/assets/css/style.css"> <link rel="preload" href="/assets/fonts/istok-web-v15-latin/istok-web-v15-latin-regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/istok-web-v15-latin/istok-web-v15-latin-700.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/montserrat-v15-latin/montserrat-v15-latin-700.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/montserrat-v15-latin/montserrat-v15-latin-600.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/material-icons/material-icons.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/assets/fonts/material-icons/material-icons-outlined.woff2" as="font" type="font/woff2" crossorigin> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Raleway:wght@200;400;600;700;800&display=swap" rel="stylesheet"> <script src="https://kit.fontawesome.com/2574fb2ea9.js" crossorigin="anonymous"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-3TZEJKBXFG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3TZEJKBXFG'); </script> </head> <body> <main class="main"> <div class="main-inner"> <header> <!-- Begin mobile main menu --> <nav class="mob-main-mnu"> <div class="mob-main-mnu-content"> <ul class="mob-main-mnu-list"> <li> <a href="/index.html">Home</a> </li> <li> <a>By Product Name</a> <div class="mmm-btn"><i class="material-icons md-24">expand_more</i></div> <div class="mmsm"> <div class="mmsm-item"> <ul> <li><a href="/libguides/">LibGuides & CMS</a></li> <li><a href="/libanswers/">LibAnswers/LibChat</a></li> <li><a href="/libcal/">LibCal</a></li> <li><a href="/libinsight/">LibInsight</a></li> <li><a href="/libconnect/">LibConnect</a></li> <li><a href="/libstaffer/">LibStaffer</a></li> <li><a href="/libwizard/">LibWizard</a></li> <li><a href="/patronpoint/">Patron Point</a></li> <li><a href="/libguides/er.html">E-Reserves</a></li> </ul> </div> </div> </li> <li> <a>By Use-Case/Need</a> <div class="mmm-btn"><i class="material-icons md-24">expand_more</i></div> <div class="mmsm"> <div class="mmsm-item"> <ul> <li><a href="/uses/library-website.html">Library Website</a></li> <li><a href="/uses/reference-helpdesk.html">Virtual Reference/Helpdesk</a></li> <li><a href="/uses/space-bookings.html">Room & Seat Bookings</a></li> <li><a href="/uses/event-calendars.html">Event Calendars</a></li> <li><a href="/uses/marketing-engagement.html">Marketing & Automation</a></li> <li><a href="/uses/library-of-things.html">Library of Things Lending</a></li> <li><a href="/uses/staff-scheduling.html">Staff Scheduling & Comms.</a></li> <li><a href="/uses/interactive-maps.html">Interactive Maps & Wayfinding</a></li> </ul> </div> </div> </li> <li> <a>Services</a> <div class="mmm-btn"><i class="material-icons md-24">expand_more</i></div> <div class="mmsm"> <div class="mmsm-item"> <ul> <li><a href="/services/coop.html">24/7 Chat Cooperative</a></li> <li><a href="/services/design-build.html">Design & Build</a></li> <li><a href="/services/custom-training.html">Customized Training</a></li> <li><a href="/services/maps-creation.html">SVG Maps Creation</a></li> </ul> </div> </div> </li> <!-- <li> <a>Resources</a> <div class="mmm-btn"><i class="material-icons md-24">expand_more</i></div> <div class="mmsm"> <div class="mmsm-item"> <h5 class="mmsm-item-heading">Invoicing and Legal</h5> <ul> <li><a href="https://pay.springshare.com">Invoice Payment Portal</a></li> <li><a href="/forms.html">W-9 Form, License, and Insurance Info</a></li> <li><a href="/comp.html">Tech & Compliance Library</a></li> </ul> </div> <div class="mmsm-item"> <h5 class="mmsm-item-heading">Training and Support</h5> <ul> <li><a href="https://training.springshare.com">Customer Training Portal</a></li> <li><a href="https://ask.springshare.com">Support Help Center</a></li> <li><a href="https://springsharelounge.com">Springshare Lounge</a></li> <li><a href="/subscribe.html">Subscribe to Newsletters</a></li> <li><a href="https://buzz.springshare.com">Springshare Buzz</a></li> </ul> </div> </div> </li> --> <li> <a href="/company/index.html">Company</a> </li> <li> <a href="https://blog.springshare.com">Blog</a> </li> <li> <a href="/emaillist.html">Email Sign-Up</a> </li> <li> <a href="/trial.html">Request Info</a> </li> </ul> </div> </nav><!-- End mobile main menu --> <!-- Begin header fixed --> <nav class="header-fixed"> <div class="container"> <div class="row flex-nowrap align-items-center justify-content-between"> <div class="col-auto d-block d-lg-none header-fixed-col"> <div class="main-mnu-btn"> <span class="bar bar-1"></span> <span class="bar bar-2"></span> <span class="bar bar-3"></span> <span class="bar bar-4"></span> </div> </div> <div class="col-auto header-fixed-col"> <a href="/index.html" class="logo" title="Springshare"> <img src="/assets/img/logo.svg" width="180" height="36" alt="Springshare"> </a> </div> <div class="col-lg col-auto col-static header-fixed-col"> <div class="row flex-nowrap align-items-center justify-content-end"> <div class="col-auto header-fixed-col d-none d-lg-block col-static"> <!-- Begin main menu --> <nav class="main-mnu"> <ul class="main-mnu-list"> <li class="menu-item-has-children open main-mnu-item-mega-mnu"> <a href="#!"><span>Products</span><i class="material-icons">expand_more</i></a> <div class="main-sub-mnu"> <div class="container"> <div class="row"> <div class="col-lg-10"> <div class="row main-sub-mnu-links"> <div class="col-5 mega-mnu-item" style="padding-left:1rem !important"> <h5 class="mega-mnu-heading">By Product Name</h5> <ul class="main-sub-mnu-list"> <li><a href="/libguides/"><span>LibGuides & CMS</span></a></li> <li><a href="/libanswers/"><span>LibAnswers/LibChat</span></a></li> <li><a href="/libcal/"><span>LibCal</span></a></li> <li><a href="/libinsight/"><span>LibInsight</span></a></li> <li><a href="/libconnect/"><span>LibConnect</span></a></li> <li><a href="/libstaffer/"><span>LibStaffer</span></a></li> <li><a href="/libwizard/"><span>LibWizard</span></a></li> <li><a href="/libguides/er.html"><span>E-Reserves</span></a></li> <li><a href="/patronpoint/"><span>Patron Point</span></a></li> </ul> </div> <div class="col-7 mega-mnu-item" style="padding-left:1rem !important"> <h5 class="mega-mnu-heading">By Use-Case/Need</h5> <ul class="main-sub-mnu-list"> <li><a href="/uses/library-website.html"><span>Library Website</span></a></li> <li><a href="/uses/reference-helpdesk.html"><span>Virtual Reference/Helpdesk</span></a></li> <li><a href="/uses/space-bookings.html"><span>Room & Seat Bookings</span></a></li> <li><a href="/uses/event-calendars.html"><span>Event Calendars</span></a></li> <li><a href="/uses/marketing-automation.html"><span>Marketing and Automation</span></a></li> <li><a href="/uses/library-of-things.html"><span>Library of Things Lending</span></a></li> <li><a href="/uses/staff-scheduling.html"><span>Staff Scheduling & Comms.</span></a></li> <li><a href="/uses/interactive-maps.html"><span>Interactive Maps & Wayfinding</span></a></li> </ul> </div> </div> </div> <div class="col-lg-2 main-sub-mnu-banner"> <div class="main-sub-mnu-slider" data-flickity='{ "bgLazyLoad": 1, "bgLazyLoad": true, "fade": false, "prevNextButtons": false, "pageDots": false, "pauseAutoPlayOnHover": false }'> <a href="/libcal/" class="mnu-slider-item align-items-end" data-flickity-bg-lazyload="/assets/img/mega-menu-ad-back.png"> <div> <h5 class="mnu-slider-item-subtitle">Interactive Maps</h5> <h4 class="mnu-slider-item-title">Navigate Library Spaces w/ Maps</h4> </div> </a> </div> </div> </div> </div> </div> </li> <li class="menu-item-has-children open main-mnu-item-mega-mnu"> <a href="#!" data-title="Services"><span>Services</span><i class="material-icons">expand_more</i> </a> <div class="main-sub-mnu"> <div class="container"> <div class="row"> <div class="col-lg-10"> <div class="row main-sub-mnu-links"> <div class="col-10 mega-mnu-item" style="padding-left:1rem !important"> <ul class="main-sub-mnu-list main-sub-mnu-listh"> <li><a href="/services/coop.html"><span>24/7 Chat Cooperative</span></a> <div class="menu-item-desc">The world's largest virtual reference cooperative staffed by MLS-degreed librarians</div> </li> <li><a href="/services/design-build.html"><span>Design & Build</span></a> <div class="menu-item-desc">We'll help you set up and customize the look & feel of your Springy tools</div> </li> <li><a href="/services/custom-training.html"><span>Customized Training</span></a> <div class="menu-item-desc">Our product expert librarians provide training tailored to your needs</div> </li> <li><a href="/services/maps-creation.html"><span>SVG Maps Creation</span></a> <div class="menu-item-desc">Let us create amazing interactive maps of your library spaces</div> </li> </ul> </div> </div> </div> <div class="col-lg-2 main-sub-mnu-banner"> <div class="main-sub-mnu-slider" data-flickity='{ "bgLazyLoad": 1, "bgLazyLoad": true, "fade": false, "prevNextButtons": false, "pageDots": false, "pauseAutoPlayOnHover": false }'> <a href="/services/coop.html" class="mnu-slider-item align-items-end" data-flickity-bg-lazyload="/assets/img/mega-menu-ad-back.png"> <div> <h5 class="mnu-slider-item-subtitle">Cooperative</h5> <h4 class="mnu-slider-item-title">Worldwide Librarian Co-op</h4> </div> </a> </div> </div> </div> </div> </div> </li> <li> <a href="/company/" data-title="Company"><span>Company</span></a> </li> <li> <a href="https://blog.springshare.com" data-title="Blog"><span>Blog</span></a> </li> <li> <a href="/emaillist.html" data-title="Email Sign-Up"><span>Email Sign-Up</span></a> </li> <li> <a href="/trial.html" class="btn btn-with-icon top-mnu-btn"> <span>Request Info</span> </a> </li> </ul> </nav><!-- End main menu --> </div> </div> </div> </div> </div> </nav><!-- End header fixed --> </header> <!-- Begin top hero --> <div class="intro" style="background-color:#f3f7fb; min-height:10rem;"> <div class="intro-item" style="background-color:inherit; min-height:inherit"> <div class="intro-item-img-right" style="min-height:inherit; background-color:inherit; background-image: url('/assets/img/header-back-transp.svg');"></div> <div class="container"> <div class="row"> <div class="col"> <div class="intro-box" style="--max-width: 51.25rem;"> <div class="section-heading shm-none"> <div class="section-subheading" style="color:#f06f11">Use Cases</div> <h2 style="font-size:3rem">Room/Space/Seat Bookings</h2> <p class="section-desc" style="font-size:1.5rem">Expand access to library spaces with LibCal's Spaces & Seats booking module. </p> </div> </div> </div> </div> </div> </div> </div><!-- End hero --> <!-- Begin intro section --> <section class="section services" style="padding-top:0"> <div class="container"> <div class="row" style="margin-bottom:2rem"> <div class="col-lg-12 col-md-12 col-12 content" style="padding-top:2rem"> <div class="section-sub">From auditoriums and study rooms to computer stations and carrels to individual seats - LibCal's Space & Seat Booking module makes it easy to reserve spaces inside your buildings. Close integration with <a href="/uses/library-of-things.html">Equipment Booking Module</a> is available, too, for a one-stop shop for booking services. </div> </div> </div> <!-- end row --> </div> </section> <section class="section services" style="padding-top:0"> <div class="container"> <div class="row items"> <div class="col-12"> <div class="section-heading heading-center"> <div class="section-subheading orange-text">Flexibility is the secret sauce</div> <h2>Fully Featured Physical Space Booking Platform</h2> </div> </div> <!-- col-12 --> <div class="col-lg-4 col-md-6 col-12 item"> <div> <div class="pricing-item-icon"><i class="material-icons material-icons-outlined md-48">system_security_update_good</i></div> <div class="pricing-item pricing-item-i"> <header class="pricing-item-header"><div class="pricing-item-heading">Mobile-first UI with QR Codes</div></header> <div class="pricing-item-h"> <div class="pricing-item-content"> <p> LibCal provides individual QR codes for each space and seat. Patrons can simply scan the QR code on their mobile device or tablet and navigate directly to the designated booking page. This makes booking and checkin/checkout on mobile devices a breeze. </p> </div> </div> </div> <!-- pricing-item --> </div> </div> <!-- col-lg-4 --> <div class="col-lg-4 col-md-6 col-12 item"> <div> <div class="pricing-item-icon"><i class="material-icons material-icons-outlined md-48">tune</i></div> <div class="pricing-item pricing-item-i"> <header class="pricing-item-header"><div class="pricing-item-heading">Filterable Attributes for Each Space</div></header> <div class="pricing-item-h"> <div class="pricing-item-content"> <p> Users can find their perfect space based on capacity, accessibility options, available equipment, physical location, availability grid, etc. Define applicable attributes and availability for each space, making it easy for patrons to book the right space at the right time. </p> </div> </div> </div> </div> </div> <!-- col-lg-4 --> <div class="col-lg-4 col-md-6 col-12 item"> <div> <div class="pricing-item-icon"><i class="material-icons material-icons-outlined md-48">map</i></div> <div class="pricing-item pricing-item-i"> <header class="pricing-item-header"><div class="pricing-item-heading">Interactive Maps for a "wow" Experience</div></header> <div class="pricing-item-h"> <div class="pricing-item-content"> <p> Combine the Space Booking module with our Interactive Mapping module so patrons can navigate the library spaces via interactive maps and see bookable rooms' availability in real time. With just a few clicks on the interactive map, patrons can find - and then book - their perfect space. </p> </div> </div> </div> </div> </div> <!-- col-lg-4 --> </div> </div> </section><!-- End services --> <section class="section section-bgc"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section-heading heading-center"> <div class="section-subheading">Customization Options You'll Love</div> <h2>Flexible & Customizable for Many Use Cases</h2> </div> </div> </div> <div class="row"> <div class="col-lg-5 col-md-6 col-12 item content"> <img src="images/image-uses-space-custom.svg"> </div> <div class="col-lg-7 col-md-6 col-12 content"> <p>Features and tools that provide granular options for managing spaces and seats within your library. </p> <ul> <li>Customizable hours, booking limits, room capacity, booking forms, and more.</li> <li>Mediation capability for manually approving certain categories of spaces/seats.</li> <li>Enable patrons to <a href="library-of-things.html">borrow equipment</a> when reserving a space.</li> <li>Create custom patron access permissions for different spaces.</li> <li>Charge for space rental with integrated online or in-person billing.</li> <li>Detailed statistics and analytics reports showing utilization rates and popularity of spaces.</li> </ul> </div> </div> </div> <!-- end container --> </section> <section class="section" style="padding-bottom:0"> <div class="container"> <div class="row"> <div class="col-lg-8 col-md-8 col-12 content"> <h4 style="margin-bottom:1rem">Tablet & Smart Lock Integration for Self-Service Model</h4> <p>Make it easy for patrons to book desired spaces and use them without assistance from librarians.</p> <ul> <li>Dedicated webpages for each space & seat with descriptions, directions, images, and more.</li> <li>QR codes for each space & seat to facilitate on-the-spot booking.</li> <li>Display space and availability details on a tablet mounted at your bookable rooms.</li> <li>Automated confirmation, reminder, and booking expiration emails.</li> <li>Check in/check out for each space or seat reservation.</li> <li>Smart lock integration to unlock rooms when patrons check in for the booking.</li> </ul> </div> <div class="col-lg-4 col-md-4 col-12 item"> <div class="content"> <img src="images/image-uses-space-tablet.svg"> </div> </div> </div> <!-- end row --> <!-- <div class="row"> <div class="col-lg-4 col-md-4 col-12 item"> <div class="content"> <img src="images/image-ls-forms.svg"> </div> </div> <div class="col-lg-8 col-md-8 col-12 item"> <h4 style="margin-bottom:1rem">Another Important Aspect to Emphasize</h4> <p>What makes Workflow Forms different than a regular form? They're forms with features! Create customized online forms that facilitate the entire life-cycle of the process you outline. </p> <div class="content"> <ul> <li>File Uploads: Perfect for job applications where you want a candidate to upload a resume, etc.</li> <li>Routing: If a certain box is selected in the form, it gets routed to a particular member of your staff</li> <li>Stage Creation: Advance the form through stages from first looks to approvals, decisions, and more.</li> <li>Notes: Establish a clear audit-friendly discussion between colleagues at various stages by leaving detailed notes.</li> </ul> </div> </div> </div> --> </div> <!-- end container --> </section> <section class="section section-dark lazy" data-background-image-set="url('/assets/img/contact-section-bg.jpg') 1x, url('/assets/img/contact-section-bg@2x.jpg') 2x" style="background-image: url('/assets/img/contact-section-bg.jpg'); background-image: -webkit-image-set(url('/assets/img/contact-section-bg.jpg') 1x, url('/assets/img/contact-section-bg@2x.jpg') 2x); background-image: image-set(url('/assets/img/contact-section-bg.jpg') 1x, url('/assets/img/contact-section-bg@2x.jpg') 2x)" data-loaded="true"> <div class="container"> <div class="row justify-content-center"> <div class="col-xl-6 col-lg-7 col-lg-8"> <div class="section-heading heading-center shm-none"> <h2 class="banner-dark-heading">Ready for the Next Steps?</h2> <p class="section-dark-desc"> We'd love to share more info, examples of real-world usage, and organize a demo for you and your colleagues.</p> <div class="btn-group justify-content-center"> <a href="/trial.html" class="btn btn-with-icon ripple"> <span>Request Info</span> <svg class="btn-icon-right" viewBox="0 0 13 9" width="13" height="9"><use xlink:href="/assets/img/sprite.svg#arrow-right"></use></svg> <span class="el-ripple-circle" style="left: 226.766px; top: 7.07031px;"></span></a> </div> </div> </div> </div> </div> </section> <!-- get in touch / contact us section --> </div> <!-- end div main inner --> <!-- Begin footer --> <footer class="footer" style="background-image: url('/assets/img/footer-section-bg.jpg'); background-image: -webkit-image-set(url('/assets/img/footer-section-bg.jpg') 1x, url('/assets/img/footer-section-bg@2x.jpg') 2x); background-image: image-set(url('assets/img/footer-section-bg.jpg') 1x, url('/assets/img/footer-section-bg@2x.jpg') 2x)"> <div class="footer-main"> <div class="container"> <div class="row items"> <div class="col-xl-5 col-lg-5 col-md-6 col-12 item"> <!-- Begin company info --> <ul class="footer-social-links" style="float:right"> <li> <a href="https://www.facebook.com/springshare" title="Facebook"> <svg viewBox="0 0 320 512"> <use xlink:href="/assets/img/sprite.svg#facebook-icon"></use> </svg> </a> </li> <li> <a href="https://www.linkedin.com/company/springshare" title="LinkedIn"> <svg viewBox="0 0 448 512"> <use xlink:href="/assets/img/sprite.svg#linkedin-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/springshare" title="Twitter"> <svg viewBox="0 0 512 512"> <use xlink:href="/assets/img/sprite.svg#twitter-icon"></use> </svg> </a> </li> </ul> <div class="footer-company-info"> <div class="footer-company-top"> <a href="/" class="logo" title="Springshare"> <img data-src="/assets/img/logo-footer.png" class="lazy" width="150" height="30" src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" alt="Springshare"> </a> <div class="footer-company-desc"> <p>Since 2007 we've been developing affordable, standards-based software solutions for libraries, educational institutions, and non-profits. We love helping our customers provide great experiences for their users.</p> <p><b>7,500 Institutions. 106 Countries. 250,000 Librarian Users.</b></p> </div> <div class="footer-company-links"> <a href="/accessibility.html">Accessibility Statement</a> <span>|</span> <a href="/gdpr.html">GDPR Compliance</a> <span>|</span> <a href="/privacy.html">Privacy Policy</a> </div> </div> </div> <!-- End company info --> </div> <div class="col-xl-2 offset-xl-1 col-md-3 col-5 col-lg-2 item"> <div class="footer-item"> <p class="footer-item-heading"> </p> </div> </div> <div class="col-xs-4 col-lg-4 col-12 item" style="margin-bottom:50px"> <div class="footer-item"> <p class="footer-item-heading">Quick Contacts</p> <ul class="footer-contacts"> <li> <i class="material-icons md-22 footer-contact-email">email</i> <div class="footer-contact-info"> <a href="mailto:sales@springshare.com">sales@springshare.com (sales inquiries)</a> </div> </li> <li> <i class="material-icons md-22 footer-contact-email">email</i> <div class="footer-contact-info"> <a href="mailto:info@springshare.com">info@springshare.com (general mailbox)</a> </div> </li> <li> <i class="material-icons md-22 footer-contact-email">email</i> <div class="footer-contact-info"> <a href="mailto:support@springshare.com">support@springshare.com (tech support)</a> </div> </li> <li> <i class="material-icons md-22 footer-contact-tel">phone</i> <div class="footer-contact-info"> <a href="tel:8004513160">1-800-451-3160 (phone)</a> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row justify-content-between items"> <div class="col-md-auto col-12 item"> </div> <div class="col-md-auto col-12 item"> <div class="copyright">漏 2007-2024 Springshare LLC. All rights reserved.</div> </div> </div> </div> </div> </footer><!-- End footer --> </main><!-- End main --> <script src="/assets/libs/jquery/jquery.min.js"></script> <script src="/assets/libs/lozad/lozad.min.js"></script> <script src="/assets/libs/device/device.js"></script> <script src="/assets/libs/ScrollToFixed/jquery-scrolltofixed-min.js"></script> <script src="/assets/libs/spincrement/jquery.spincrement.min.js"></script> <script src="/assets/libs/jquery-popup-overlay-gh-pages/jquery.popupoverlay.js"></script> <script src="/assets/libs/jquery-validation-1.19.3/jquery.validate.min.js"></script> <script src="/assets/libs/autosize-master/autosize.min.js"></script> <script src="/assets/libs/flickity/flickity.pkgd.min.js"></script> <script src="/assets/libs/flickity/flickity-imagesloaded.js"></script> <script src="/assets/libs/flickity/bg-lazyload.js"></script> <script src="/assets/libs/flickity/flickity-fade.js"></script> <script src="/assets/libs/isotope/isotope.pkgd.min.js"></script> <script src="/assets/libs/lightGallery/js/picturefill.min.js"></script> <script src="/assets/libs/lightGallery/js/lightgallery-all.min.js"></script> <script src="/assets/libs/lightGallery/js/jquery.mousewheel.min.jssss"></script> <script src="/assets/libs/jquery-ui-range/jquery-ui.min.js"></script> <script src="/assets/js/custom.js"></script> </body></html>