Product Demos

Product demos below!

<head>

<meta charset="UTF-8">

<title>Video Page with Dropdown Navigation</title>

<!-- Responsive Meta Tag -->

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Description and Author -->

<meta name="description" content="Bootstrap page with multiple embedded videos and dropdown navigation">

<meta name="author" content="Your Name">

<!-- Bootstrap CSS -->

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

<style>

body {

padding-top: 20px;

}

.video-container {

margin-top: 40px;

}

.dropdown-item:hover {

background-color: #f8f9fa;

}

.dropdown-menu {

max-height: 400px;

overflow-y: auto;

}

</style>

</head>

<body>

<div class="container">

<!-- Dropdown Navigation -->

<div class="row">

<div class="col-md-12 text-center">

<div class="dropdown">

<button class="btn btn-primary btn-lg dropdown-toggle" type="button" id="videoDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

Jump to Video

</button>

<div class="dropdown-menu" aria-labelledby="videoDropdown">

<a class="dropdown-item" href="#video1">Daytime Shocker Strap</a>

<a class="dropdown-item" href="#video2">Extended TLC Tugger</a>

<a class="dropdown-item" href="#video3">Hangers and Weights Pulley</a>

<a class="dropdown-item" href="#video4">Overnight Shocker Strap</a>

<a class="dropdown-item" href="#video5">TLC Canister Taping</a>

<a class="dropdown-item" href="#video6">TLC Cuff</a>

<a class="dropdown-item" href="#video7">TLC Tugger</a>

<a class="dropdown-item" href="#video8">TLC-X</a>

<a class="dropdown-item" href="#video9">TLC-X Air</a>

<a class="dropdown-item" href="#video10">TLC-X Conical Springs</a>

<a class="dropdown-item" href="#video11">Tuning Device Length - TLC Selects</a>

</div>

</div>

</div>

</div>

<!-- Video Embed Sections -->

<!-- Video 1: Daytime Shocker Strap -->

<div class="row justify-content-center video-container" id="video1">

<div class="col-md-8">

<h5 class="text-center">Daytime Shocker Strap</h5>

<iframe class="sproutvideo-player" src="https://videos.sproutvideo.com/embed/119ddab71416e3ce98/e6ff3709871c0a51" width="100%" height="360" frameborder="0" allowfullscreen title="Daytime Shocker Strap"></iframe>

</div>

</div>

<!-- Video 2: Extended TLC Tugger -->

<div class="row justify-content-center video-container" id="video2">

<div class="col-md-8">

<h5 class="text-center">Extended TLC Tugger</h5>

<iframe class="sproutvideo-player" src="https://videos.sproutvideo.com/embed/d39adeba1512ebc75a/ec0282368ddfdb3d" width="100%" height="480" frameborder="0" allowfullscreen title="Extended TLC Tugger"></iframe>

</div>

</div>

<!-- Video 3: Hangers and Weights Pulley -->

<div class="row justify-content-center video-container" id="video3">

<div class="col-md-8">

<h5 class="text-center">Hangers and Weights Pulley</h5>

<iframe class="sproutvideo-player" src="https://videos.sproutvideo.com/embed/a79edeb71f1ce0c52e/5827b598294f4a1d" width="100%" height="360" frameborder="0" allowfullscreen title="Hangers and Weights Pulley"></iframe>

</div>

</div>

<!-- Video 4: Overnight Shocker Strap -->

<div class="row justify-content-center video-container" id="video4">

<div class="col-md-8">

<h5 class="text-center">Overnight Shocker Strap</h5>

<iframe class="sproutvideo-player" src="https://videos.sproutvideo.com/embed/799ddab71410efccf0/48828f70a1016cf7" width="100%" height="360" frameborder="0" allowfullscreen title="Overnight Shocker Strap"></iframe>

</div>

</div>

<!-- Video 5: TLC Canister Taping -->

<div class="row justify-content-center video-container" id="video5">

<div class="col-md-8">

<h5 class="text-center">TLC Canister Taping</h5>

<iframe class="sproutvideo-player" src="https://videos.sproutvideo.com/embed/ac9adeb31b14eac425/f8e49a33f3bdde1a" width="100%" height="360" frameborder="0" allowfullscreen title="TLC Canister Taping"></iframe>

</div>

</div>

<!-- Video 6: TLC Cuff -->

<div class="row justify-content-center video-container" id="video6">

<div class="col-md-8">

<h5 class="text-center">TLC Cuff</h5>

<iframe class="sproutvideo-player" src="https://videos.sproutvideo.com/embed/4d9adeb3181be4c3c4/50ab0d587de29dbc" width="100%" height="360" frameborder="0" allowfullscreen title="TLC Cuff"></iframe>

</div>

</div>

<!-- Video 7: TLC Tugger -->

<div class="row justify-content-center video-container" id="video7">

<div class="col-md-8">

<h5 class="text-center">TLC Tugger</h5>

<iframe class="sproutvideo-player" src="https://videos.sproutvideo.com/embed/449addb71411e3c8cd/5ebe68b5d4b0d348" width="100%" height="480" frameborder="0" allowfullscreen title="TLC Tugger"></iframe>

</div>

</div>

<!-- Video 8: TLC-X -->

<div class="row justify-content-center video-container" id="video8">

<div class="col-md-8">

<h5 class="text-center">TLC-X</h5>

<iframe class="sproutvideo-player" src="https://videos.sproutvideo.com/embed/d39adeb31a1ae6c45a/a21af37680b0a6a8" width="100%" height="360" frameborder="0" allowfullscreen title="TLC-X"></iframe>

</div>

</div>

<!-- Video 9: TLC-X Air -->

<div class="row justify-content-center video-container" id="video9">

<div class="col-md-8">

<h5 class="text-center">TLC-X Air</h5>

<iframe class="sproutvideo-player" src="https://videos.sproutvideo.com/embed/ea9ed9b61a1decca63/970e05f948c3c197" width="100%" height="360" frameborder="0" allowfullscreen title="TLC-X Air"></iframe>

</div>

</div>

<!-- Video 10: TLC-X Conical Springs -->

<div class="row justify-content-center video-container" id="video10">

<div class="col-md-8">

<h5 class="text-center">TLC-X Conical Springs</h5>

<iframe class="sproutvideo-player" src="https://videos.sproutvideo.com/embed/4d9adeb3181de1c0c4/f86cc8d111238be9" width="100%" height="360" frameborder="0" allowfullscreen title="TLC-X Conical Springs"></iframe>

</div>

</div>

<!-- Video 11: Tuning Device Length - TLC Selects -->

<div class="row justify-content-center video-container" id="video11">

<div class="col-md-8">

<h5 class="text-center">Tuning Device Length - TLC Selects</h5>

<iframe class="sproutvideo-player" src="https://videos.sproutvideo.com/embed/069dd8b51513e0c28f/0f0271c3652d7145" width="100%" height="360" frameborder="0" allowfullscreen title="Tuning Device Length - TLC Selects"></iframe>

</div>

</div>

</div>

<!-- Optional JavaScript and Bootstrap JS -->

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>

<!-- Adjusted Popper.js for Bootstrap 4 -->

<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>

<!-- Bootstrap JS -->

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

</body>