brandcom.CDN

Bootstrap getbootstrap.com

CSS

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/vendor/twbs/bootstrap/dist/css/bootstrap.min.css">

JS

<script src="https://cdn.brandcomstudio.com/vendor/twbs/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="https://cdn.brandcomstudio.com/vendor/twbs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

Bootstrap Icons

CSS

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/vendor/twbs/bootstrap-icons/font/bootstrap-icons.min.css">

Bootstrap 5 Lightbox bs5-lightbox

JS

<script src="https://cdn.brandcomstudio.com/node_modules/bs5-lightbox/dist/index.bundle.min.js"></script>

Font Awesome

CSS

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/vendor/components/font-awesome/css/fontawesome.min.css">

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/vendor/components/font-awesome/css/all.min.css">

jQuery

JS

<script src="https://cdn.brandcomstudio.com/vendor/components/jquery/jquery.min.js"></script>

jQuery DateTimePicker github.com/xdan/datetimepicker

CSS

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/node_modules/jquery-datetimepicker/build/jquery.datetimepicker.min.css">

JS

<script src="https://cdn.brandcomstudio.com/node_modules/jquery-datetimepicker/build/jquery.datetimepicker.full.min.js"></script>

imagesLoaded

JS

<script src="https://cdn.brandcomstudio.com/node_modules/imagesloaded/imagesloaded.pkgd.min.js"></script>

lightGallery lightgalleryjs.com

CSS

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/node_modules/lightgallery/css/lightgallery-bundle.css">

JS

<script src="https://cdn.brandcomstudio.com/node_modules/lightgallery/lightgallery.min.js"></script>
<script src="https://cdn.brandcomstudio.com/node_modules/lightgallery/plugins/autoplay/lg-autoplay.min.js"></script>
<script src="https://cdn.brandcomstudio.com/node_modules/lightgallery/plugins/comment/lg-comment.min.js"></script>
<script src="https://cdn.brandcomstudio.com/node_modules/lightgallery/plugins/fullscreen/lg-fullscreen.min.js"></script>
<script src="https://cdn.brandcomstudio.com/node_modules/lightgallery/plugins/hash/lg-hash.min.js"></script>
<script src="https://cdn.brandcomstudio.com/node_modules/lightgallery/plugins/mediumZoom/lg-medium-zoom.min.js"></script>
<script src="https://cdn.brandcomstudio.com/node_modules/lightgallery/plugins/pager/lg-pager.min.js"></script>
<script src="https://cdn.brandcomstudio.com/node_modules/lightgallery/plugins/rotate/lg-rotate.min.js"></script>
<script src="https://cdn.brandcomstudio.com/node_modules/lightgallery/plugins/share/lg-share.min.js"></script>
<script src="https://cdn.brandcomstudio.com/node_modules/lightgallery/plugins/thumbnail/lg-thumbnail.min.js"></script>
<script src="https://cdn.brandcomstudio.com/node_modules/lightgallery/plugins/video/lg-video.min.js"></script>
<script src="https://cdn.brandcomstudio.com/node_modules/lightgallery/plugins/zoom/lg-zoom.min.js"></script>

Usage

window.addEventListener("load", (event) => {
    lightGallery(document.getElementById('lightGalleryImages'), {
        plugins: [lgZoom, lgAutoplay, lgComment, lgFullscreen , lgHash, lgPager, lgRotate, lgShare, lgThumbnail, lgVideo, lgMediumZoom],
        speed: 500,
        selector: '.lightboxGalleryImage'
        //licenseKey: 'your_license_key'
    });
});

Magnific Popup

CSS

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/node_modules/magnific-popup/dist/magnific-popup.css">

JS

<script src="https://cdn.brandcomstudio.com/node_modules/magnific-popup/dist/jquery.magnific-popup.min.js"></script>

Modernizr modernizr.com

JS

<script src="https://cdn.brandcomstudio.com/vendor/components/modernizr/modernizr.js"></script>

Owl Carousel 2

CSS

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/assets/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css">

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/assets/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css">

JS

<script src="https://cdn.brandcomstudio.com/assets/OwlCarousel2-2.3.4/dist/owl.carousel.min.js"></script>

PopperJS popper.js.org

JS

<script src="https://cdn.brandcomstudio.com/node_modules/@popperjs/core/dist/umd/popper.min.js"></script>

ShuffleJS vestride.github.io/Shuffle

JS

<script src="https://cdn.brandcomstudio.com/node_modules/shufflejs/dist/shuffle.min.js"></script>

SimpleLightbox

CSS

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/node_modules/simplelightbox/dist/simple-lightbox.min.css">

JS

<script src="https://cdn.brandcomstudio.com/node_modules/simplelightbox/dist/simple-lightbox.min.js"></script>

Summernote summernote.org

CSS

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/node_modules/summernote/dist/summernote.min.css">

JS

<script src="https://cdn.brandcomstudio.com/node_modules/summernote/dist/summernote.min.js"></script>

<script src="https://cdn.brandcomstudio.com/node_modules/summernote/dist/lang/summernote-[en-US].min.js"></script>

Swiper

CSS

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/node_modules/swiper/swiper.min.css">

JS

<script src="https://cdn.brandcomstudio.com/node_modules/swiper/swiper.min.js"></script>

ViewerJS fengyuanchen.github.io/viewerjs/

CSS

<link rel="stylesheet" type="text/css" href="https://cdn.brandcomstudio.com/node_modules/viewerjs/dist/viewer.min.css">

JS

<script src="https://cdn.brandcomstudio.com/node_modules/viewerjs/dist/viewer.min.js"></script>