Text

<h2 style="white-space:pre-line">Customizable Social Media<br />Video Templates</h2>
<p> </p>
<p>Boost your brand with high-quality video templates <strong>designed to grab attention.</strong> Whether you need <strong>engaging reels, eye-catching ads, or dynamic stories</strong>, we’ve got you covered.</p>
<p>Just send us an email with your logo and any photos you’d like to include, and we’ll customize the video for you. <strong>Simple, quick, and hassle-free!</strong></p>

Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dynamic Video Gallery</title>
    <style>
        /* Reset default styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            background: #f5f5f5;
            padding: 20px;
        }

        /* Gallery Container */
        .video-gallery {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            padding: 0 50px; /* Space for buttons */
        }

        /* Video Grid */
        .video-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            padding-bottom: 20px;
        }

        /* Video Wrapper */
        .video-wrapper {
            flex: 0 0 calc(33.333% - 20px); /* Three videos per row */
            aspect-ratio: 16/9;
            background: #000;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }

        /* Responsive iframe */
        .video-iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

        /* Navigation Buttons */
        .nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0,0,0,0.7);
            color: white;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            z-index: 100;
            transition: 0.3s;
        }

        .nav-button:hover {
            background: rgba(0,0,0,0.9);
        }

        .prev-button {
            left: 0;
        }

        .next-button {
            right: 0;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .video-wrapper {
                flex: 0 0 calc(50% - 20px); /* Two videos per row */
            }
        }

        @media (max-width: 480px) {
            .video-wrapper {
                flex: 0 0 100%; /* One video per row */
            }
        }
    </style>
</head>
<body>
    <div class="video-gallery">
        <button class="nav-button prev-button" onclick="scrollGallery(-1)">❮</button>
        <div class="video-container" id="gallery">
            
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/otl78DIvMMNEVOVqCa9x" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
        
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/dijTeehWBjBWT3Rr3ke5" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/GjZB2eBoBQW7czvDx6P4" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/keBXeawWBUeVRssXDbxf" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/a1IqAByIjX12ozdP4Nmg" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/IbNOIdaY5AdkibxXxDSQ" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/0GHZ6l8O01otRGW5XuMO" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/ZqSbSTWMdjfh7bcXFwAu" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/CJjQz5yo4GwATcffStod" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/eAWydrwN2zCMlgV68TrR" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
         <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/69xted5obW4mne0ZudEf?disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
<div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/dPggRKZ9hDmLszY6nuEu?disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
        </div>
        <button class="nav-button next-button" onclick="scrollGallery(1)">❯</button>
    </div>

    <script>
        // Smooth scroll functionality
        const gallery = document.getElementById('gallery');
        let scrollPosition = 0;

        function scrollGallery(direction) {
            const cardWidth = document.querySelector('.video-wrapper').offsetWidth + 20; // Width + gap
            scrollPosition += direction * cardWidth;
            
            // Boundary checks
            scrollPosition = Math.max(0, scrollPosition);
            scrollPosition = Math.min(scrollPosition, gallery.scrollWidth - gallery.clientWidth);
            
            gallery.scrollTo({
                left: scrollPosition,
                behavior: 'smooth'
            });
        }

        // Optional: Add keyboard arrow support
        document.addEventListener('keydown', (e) => {
            if (e.key === 'ArrowLeft') scrollGallery(-1);
            if (e.key === 'ArrowRight') scrollGallery(1);
        });
    </script>
</body>
</html>

<h2 style="white-space:pre-line">Seasonalities</h2>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dynamic Video Gallery</title>
    <style>
        /* Reset default styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            background: #f5f5f5;
            padding: 20px;
        }

        /* Gallery Container */
        .video-gallery {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            padding: 0 50px; /* Space for buttons */
        }

        /* Video Grid */
        .video-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            padding-bottom: 20px;
        }

        /* Video Wrapper */
        .video-wrapper {
            flex: 0 0 calc(33.333% - 20px); /* Three videos per row */
            aspect-ratio: 16/9;
            background: #000;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }

        /* Responsive iframe */
        .video-iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

        /* Navigation Buttons */
        .nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0,0,0,0.7);
            color: white;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            z-index: 100;
            transition: 0.3s;
        }

        .nav-button:hover {
            background: rgba(0,0,0,0.9);
        }

        .prev-button {
            left: 0;
        }

        .next-button {
            right: 0;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .video-wrapper {
                flex: 0 0 calc(50% - 20px); /* Two videos per row */
            }
        }

        @media (max-width: 480px) {
            .video-wrapper {
                flex: 0 0 100%; /* One video per row */
            }
        }
    </style>
</head>
<body>
    <div class="video-gallery">
        <button class="nav-button prev-button" onclick="scrollGallery(-1)">❮</button>
        <div class="video-container" id="gallery">
            
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/tXvvmq1oqU5YuCPLiiO5" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/edVGEkWjlBHOqEXXq0Jz" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/eOLasTMYltbQvAoMcT5d" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
 <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/siGHL7Xg9IdbNzPoKFAq?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/JefgF9bAdVW9bSR0qlWe" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
<div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/LbbcTbzVTaClpXCBVTA8?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
        </div>
        <button class="nav-button next-button" onclick="scrollGallery(1)">❯</button>
    </div>

    <script>
        // Smooth scroll functionality
        const gallery = document.getElementById('gallery');
        let scrollPosition = 0;

        function scrollGallery(direction) {
            const cardWidth = document.querySelector('.video-wrapper').offsetWidth + 20; // Width + gap
            scrollPosition += direction * cardWidth;
            
            // Boundary checks
            scrollPosition = Math.max(0, scrollPosition);
            scrollPosition = Math.min(scrollPosition, gallery.scrollWidth - gallery.clientWidth);
            
            gallery.scrollTo({
                left: scrollPosition,
                behavior: 'smooth'
            });
        }

        // Optional: Add keyboard arrow support
        document.addEventListener('keydown', (e) => {
            if (e.key === 'ArrowLeft') scrollGallery(-1);
            if (e.key === 'ArrowRight') scrollGallery(1);
        });
    </script>
</body>
</html>

<h2 style="white-space:pre-line">Real Estate</h2>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dynamic Video Gallery</title>
    <style>
        /* Reset default styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            background: #f5f5f5;
            padding: 20px;
        }

        /* Gallery Container */
        .video-gallery {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            padding: 0 50px; /* Space for buttons */
        }

        /* Video Grid */
        .video-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            padding-bottom: 20px;
        }

        /* Video Wrapper */
        .video-wrapper {
            flex: 0 0 calc(33.333% - 20px); /* Three videos per row */
            aspect-ratio: 16/9;
            background: #000;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }

        /* Responsive iframe */
        .video-iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

        /* Navigation Buttons */
        .nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0,0,0,0.7);
            color: white;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            z-index: 100;
            transition: 0.3s;
        }

        .nav-button:hover {
            background: rgba(0,0,0,0.9);
        }

        .prev-button {
            left: 0;
        }

        .next-button {
            right: 0;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .video-wrapper {
                flex: 0 0 calc(50% - 20px); /* Two videos per row */
            }
        }

        @media (max-width: 480px) {
            .video-wrapper {
                flex: 0 0 100%; /* One video per row */
            }
        }
    </style>
</head>
<body>
    <div class="video-gallery">
        <button class="nav-button prev-button" onclick="scrollGallery(-1)">❮</button>
        <div class="video-container" id="gallery">
            
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/SnrBdcAYGoyYbOXhXi9g?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
        
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/xEKXdBwnnhz9vbX0HpaG?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/34LsYKPrLgIcE4RA4sjK?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/v7HNhWDgAuOQI0VuhQDC?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/hz0vk76KpEURGx8oaPwP?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/ShKy6xpndUI0yETpdBgX?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/QyL22488oy4m6keBdEWH?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
        
        </div>
        <button class="nav-button next-button" onclick="scrollGallery(1)">❯</button>
    </div>

    <script>
        // Smooth scroll functionality
        const gallery = document.getElementById('gallery');
        let scrollPosition = 0;

        function scrollGallery(direction) {
            const cardWidth = document.querySelector('.video-wrapper').offsetWidth + 20; // Width + gap
            scrollPosition += direction * cardWidth;
            
            // Boundary checks
            scrollPosition = Math.max(0, scrollPosition);
            scrollPosition = Math.min(scrollPosition, gallery.scrollWidth - gallery.clientWidth);
            
            gallery.scrollTo({
                left: scrollPosition,
                behavior: 'smooth'
            });
        }

        // Optional: Add keyboard arrow support
        document.addEventListener('keydown', (e) => {
            if (e.key === 'ArrowLeft') scrollGallery(-1);
            if (e.key === 'ArrowRight') scrollGallery(1);
        });
    </script>
</body>
</html>

<h2 style="white-space:pre-line">Tech Products</h2>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dynamic Video Gallery</title>
    <style>
        /* Reset default styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            background: #f5f5f5;
            padding: 20px;
        }

        /* Gallery Container */
        .video-gallery {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            padding: 0 50px; /* Space for buttons */
        }

        /* Video Grid */
        .video-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            padding-bottom: 20px;
        }

        /* Video Wrapper */
        .video-wrapper {
            flex: 0 0 calc(33.333% - 20px); /* Three videos per row */
            aspect-ratio: 16/9;
            background: #000;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }

        /* Responsive iframe */
        .video-iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

        /* Navigation Buttons */
        .nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0,0,0,0.7);
            color: white;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            z-index: 100;
            transition: 0.3s;
        }

        .nav-button:hover {
            background: rgba(0,0,0,0.9);
        }

        .prev-button {
            left: 0;
        }

        .next-button {
            right: 0;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .video-wrapper {
                flex: 0 0 calc(50% - 20px); /* Two videos per row */
            }
        }

        @media (max-width: 480px) {
            .video-wrapper {
                flex: 0 0 100%; /* One video per row */
            }
        }
    </style>
</head>
<body>
    <div class="video-gallery">
        <button class="nav-button prev-button" onclick="scrollGallery(-1)">❮</button>
        <div class="video-container" id="gallery">
            
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/u48oPrygMVHVpxlXezDJ?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
        
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/KaYBdY4vxJU3MI4weW2A?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/opxgWC1Cwy50Z3jwXFK5?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/yy45DqB8ULwjoHnOJHOE?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
             <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/cQDfP23HyPmnUpaVMpQj?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
        </div>
        <button class="nav-button next-button" onclick="scrollGallery(1)">❯</button>
    </div>

    <script>
        // Smooth scroll functionality
        const gallery = document.getElementById('gallery');
        let scrollPosition = 0;

        function scrollGallery(direction) {
            const cardWidth = document.querySelector('.video-wrapper').offsetWidth + 20; // Width + gap
            scrollPosition += direction * cardWidth;
            
            // Boundary checks
            scrollPosition = Math.max(0, scrollPosition);
            scrollPosition = Math.min(scrollPosition, gallery.scrollWidth - gallery.clientWidth);
            
            gallery.scrollTo({
                left: scrollPosition,
                behavior: 'smooth'
            });
        }

        // Optional: Add keyboard arrow support
        document.addEventListener('keydown', (e) => {
            if (e.key === 'ArrowLeft') scrollGallery(-1);
            if (e.key === 'ArrowRight') scrollGallery(1);
        });
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dynamic Video Gallery</title>
    <style>
        /* Reset default styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            background: #f5f5f5;
            padding: 20px;
        }

        /* Gallery Container */
        .video-gallery {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            padding: 0 50px; /* Space for buttons */
        }

        /* Video Grid */
        .video-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            padding-bottom: 20px;
        }

        /* Video Wrapper */
        .video-wrapper {
            flex: 0 0 calc(33.333% - 20px); /* Three videos per row */
            aspect-ratio: 16/9;
            background: #000;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }

        /* Responsive iframe */
        .video-iframe {
            width: 100%;
            height: 100%;
            border: none;
        }

        /* Navigation Buttons */
        .nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0,0,0,0.7);
            color: white;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            z-index: 100;
            transition: 0.3s;
        }

        .nav-button:hover {
            background: rgba(0,0,0,0.9);
        }

        .prev-button {
            left: 0;
        }

        .next-button {
            right: 0;
        }

        /* Mobile Responsive */
        @media (max-width: 768px) {
            .video-wrapper {
                flex: 0 0 calc(50% - 20px); /* Two videos per row */
            }
        }

        @media (max-width: 480px) {
            .video-wrapper {
                flex: 0 0 100%; /* One video per row */
            }
        }
    </style>
</head>
<body>
    <div class="video-gallery">
        <button class="nav-button prev-button" onclick="scrollGallery(-1)">❮</button>
        <div class="video-container" id="gallery">
            
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/n4pafTiXUBCgfuwgjWfA" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/FcaXSgLVsbQe4ZEKbKRF" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/xjuYtoJ8k5UNSqkkhOPw" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/lSBS2ZdW4b1Axqn8iEFw" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
            <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/hczmao80vQlAWtDztkJq" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
 <div class="video-wrapper">
                <iframe class="video-iframe" src="https://jumpshare.com/embed/m6C6LcxonpV7aE4JXV7P?hideTitle=true&disableDownload=true&muted=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>
        </div>
        <button class="nav-button next-button" onclick="scrollGallery(1)">❯</button>
    </div>


    <script>
        // Smooth scroll functionality
        const gallery = document.getElementById('gallery');
        let scrollPosition = 0;

        function scrollGallery(direction) {
            const cardWidth = document.querySelector('.video-wrapper').offsetWidth + 20; // Width + gap
            scrollPosition += direction * cardWidth;
            
            // Boundary checks
            scrollPosition = Math.max(0, scrollPosition);
            scrollPosition = Math.min(scrollPosition, gallery.scrollWidth - gallery.clientWidth);
            
            gallery.scrollTo({
                left: scrollPosition,
                behavior: 'smooth'
            });
        }

        // Optional: Add keyboard arrow support
        document.addEventListener('keydown', (e) => {
            if (e.key === 'ArrowLeft') scrollGallery(-1);
            if (e.key === 'ArrowRight') scrollGallery(1);
        });
    </script>
</body>
</html>

Pricing Table

Social Media Marketing Plans

Create scroll-stopping videos for your brand in minutes! Just send us your logo and any photos you'd like to include, and we’ll customize the template to match your vibe. Easy, affordable, and designed to grab attention!

Augmented Reality Shopping With Garment Visualization Simulation Technologies

B2C Video Templates

Make your brand stand out with engaging, ready-to-use video templates. Just send us your logo and any photos you'd like to include, and we’ll customize the video to fit your style. Simple, fast, and effective!

low-angle photography of white concrete building

B2B Video Templates

Need something more dynamic and unique? Our advanced custom videos go beyond templates, featuring professional filmmaking, tailored animations, smooth transitions, and eye-catching effects. Just share your logo, brand assets, and any specific ideas, and we’ll craft a video that truly stands out.

Customizable Social Media
Video Templates

E-commerce

Seasonalities

Real Estate

Tech Products

B2B

Social Media Marketing Plans

Customizable Social MediaVideo Templates

E-commerce

Seasonalities

Real Estate

Tech Products

B2B

Social Media Marketing Plans

Customizable Social Media
Video Templates