| Server IP : 157.230.181.24 / Your IP : 216.73.217.11 Web Server : Apache/2.4.58 (Ubuntu) System : Linux conductive 6.8.0-117-generic #117-Ubuntu SMP PREEMPT_DYNAMIC Tue May 5 19:26:24 UTC 2026 x86_64 User : ( 1000) PHP Version : 8.3.31 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/vhosts/dev/public/ludwig/ |
Upload File : |
<!doctype html>
<!--[if lt IE 7 ]><html lang="en" class="lt-ie7"> <![endif]-->
<!--[if IE 7 ]><html lang="en" class="lt-ie8"> <![endif]-->
<!--[if IE 8 ]><html lang="en" class="lt-ie9"> <![endif]-->
<!--[if IE 9 ]><html lang="en" class="lt-ie10"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js not-mobile"> <!--<![endif]-->
<head>
<!-- ( °┏＿┓°) -->
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="assets/images/favicon.ico" />
<title>Ludwig | Questlove - Pocket Kit</title>
<meta name="description" content="Developed to meet the needs of a beginning 4-10 year old drummer. The Pocket Kit is a must have. ALL-INCLUSIVE package!">
<meta name="author" content="Big Ring">
<link rel="stylesheet" type="text/css" href="assets/css/vendor/dcsns_wall.css" media="all" />
<link rel="stylesheet" href="assets/css/app.css">
<!--[if lt IE 9]>
<script src="assets/js/vendor/html5shiv.min.js"></script>
<script src="//s3.amazonaws.com/nwapi/nwmatcher/nwmatcher-1.2.5-min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<video width="1920" height="1180" id="main-animation">
<source src="assets/video/pocket-kit.mp4" type="video/mp4">
<source src="assets/video/pocket-kit.ogv" type="video/ogg">
<source src="assets/video/pocket-kit.webm" type="video/webm">
</video>
<div id="main-animation-stills">
<img src="assets/images/stills/overview.jpg" class="fade-out" data-section="overview" />
<img src="assets/images/stills/specs.jpg" class="fade-out" data-section="specs" />
<img src="assets/images/stills/lessons.jpg" class="fade-out" data-section="lessons" />
<img src="assets/images/stills/finishes.jpg" class="fade-out" data-section="finishes" />
<img src="assets/images/stills/fin-1.jpg" class="fade-out" data-section="finishes" data-finish="1" />
<img src="assets/images/stills/fin-2.jpg" class="fade-out" data-section="finishes" data-finish="2" />
<img src="assets/images/stills/fin-3.jpg" class="fade-out" data-section="finishes" data-finish="3" />
</div>
<div id="wrapper">
<div class="container-fluid nav-wrapper shadow">
<div class="row navigation">
<div class="col-lg-12">
<nav id="main-nav" class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div>
<a class="logo" href="#overview">
<img src="assets/images/questlove-logo-retina.png" width="137" alt="Ludwig Pocket Kit" />
</a>
</div>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#overview">Overview</a></li>
<li><a href="#specs">Specs</a></li>
<li><a href="#lessons">Lessons</a></li>
<li><a href="#finishes">Finishes</a></li>
<li><a href="#community">Community</a></li>
<li><a href="#sign-up" data-toggle="modal" data-target="#sign-up">Sign Up</a></li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="dotnav-container">
<nav id="sidebar-nav">
<ol class="list">
<li>
<a href="#overview" class="dot"><span>Overview</span></a>
</li>
<li>
<a href="#specs" class="dot"><span>Specs</span></a>
</li>
<li>
<a href="#lessons" class="dot"><span>Lessons</span></a>
</li>
<li>
<a href="#finishes" class="dot"><span>Finishes</span></a>
</li>
<li>
<a href="#community" class="dot"><span>Community</span></a>
</li>
</ol>
</nav>
<div class="mouse-ico">
<img src="assets/images/mouse-scroll-icon.png" width="16" height="25" alt="" />
<p>Learn <span>More</span></p>
</div>
</div>
<div class="container" id="startchange">
<div class="row">
<div id="panel-container">
<div class="col-md-12">
<div class="row" data-section-wrapper="overview">
<div class="overview-background visible-sm visible-xs">
<img src="assets/images/stills/mobile/overview.jpg" data-section="overview" class="img-responsive" />
</div>
</div>
<section id="overview" class="panel show" data-section-label="overview">
<div class="row">
<div class="col-md-12">
<h1>The Pocket Kit</h1>
<h2>A new collaboration with <span>Questlove</span></h2>
<div class="break"></div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p>
Developed to meet the needs of a beginning 4-10 year old drummer.
The Pocket Kit is a must have. ALL-INCLUSIVE package!
</p>
<ul class="list-unstyled">
<li class="drum-ico">14 Hardware All In One Package</li>
<li class="boy-ico">Designed for 4-10 Year Old Drummers</li>
<li class="cash-ico">Affordable for Most Families</li>
<li class="heart-ico">Exclusive Set by Questlove</li>
<li class="book-ico">Free Introductory Lessons</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#sign-up" class="btn btn-primary" data-toggle="modal" data-target="#sign-up">
Sign Up
<span class="arrow"><img src="assets/images/arrow-ico.png" width="11" height="17" alt="" /></span>
</a>
<a href="#specs" class="btn">
What's In The Box
<span class="arrow arrowDwn"><img src="assets/images/arrow-ico.png" width="11" height="17" alt="" /></span>
</a>
</div>
</div>
</section>
<div class="row" data-section-wrapper="specs">
<div class="specs-background visible-sm visible-xs">
<img src="assets/images/stills/mobile/specs.jpg" data-section="specs" class="img-responsive" />
</div>
</div>
<section id="specs" class="panel" data-section-label="specs">
<div class="row">
<div class="col-md-12">
<h1>What's In The Box</h1>
<h2>All in one package</h2>
<div class="break"></div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="callouts">
<ul class="list-unstyled">
<li>16" Bass Drum</li>
<li>10" Tom Tom</li>
<li>13" Floor Tom</li>
<li>12" Snare Drum</li>
<li>Foot Pedal</li>
<li>Hi Hat Stand</li>
<li>Cymbal Arm</li>
</ul>
<ul class="list-unstyled">
<li>Snare Stand</li>
<li>Drum Throne</li>
<li>Drum Sticks</li>
<li>Drum Key</li>
<li>Heads</li>
<li>Hi Hats</li>
<li>Crash/Ride Cymbal</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#" class="download">Download the parts manual</a>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p>Plus Free Lessons by Questlove for beginners.</p>
<div>
<a href="#sign-up" class="btn btn-primary" data-toggle="modal" data-target="#sign-up">
Sign Up
<span class="arrow"><img src="assets/images/arrow-ico.png" width="11" height="17" alt="" /></span>
</a>
<a href="#lessons" class="btn">
Included Lessons
<span class="arrow arrowDwn"><img src="assets/images/arrow-ico.png" width="11" height="17" alt="" /></span>
</a>
</div>
</div>
</div>
</section>
<div class="row" data-section-wrapper="lessons">
<div class="lessons-background visible-sm visible-xs">
<img src="assets/images/stills/mobile/lessons.jpg" data-section="lessons" class="img-responsive" />
</div>
</div>
<section id="lessons" class="panel" data-section-label="lessons">
<div class="row">
<div class="col-md-12">
<h1>Beginners Lessons</h1>
<h2>Free lessons by <span>Questlove</span></h2>
<div class="break"></div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul class="list-unstyled">
<li>How to set the drums (Parents involvement)</li>
<li>How to tune the drums (Parents involvement)</li>
<li>How to hold the drumsticks</li>
<li>How to play a simple drum roll</li>
<li>How to use the pedal</li>
<li>...and many more.</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#sign-up" class="btn btn-primary" data-toggle="modal" data-target="#sign-up">
Sign Up
<span class="arrow"><img src="assets/images/arrow-ico.png" width="11" height="17" alt="" /></span>
</a>
<a href="#finishes" class="btn">
Color Finishes
<span class="arrow arrowDwn"><img src="assets/images/arrow-ico.png" width="11" height="17" alt="" /></span>
</a>
</div>
</div>
</section>
<div class="row" data-section-wrapper="finishes">
<div class="finishes-background visible-sm visible-xs">
<img src="assets/images/stills/mobile/finishes.jpg" data-section="finishes" class="img-responsive" />
<img class="finish-overlay" src="assets/images/stills/mobile/fin-1.jpg" data-section="finishes" data-finish="1" />
<img class="finish-overlay" src="assets/images/stills/mobile/fin-2.jpg" data-section="finishes" data-finish="2" />
<img class="finish-overlay" src="assets/images/stills/mobile/fin-3.jpg" data-section="finishes" data-finish="3" />
</div>
</div>
<section id="finishes" class="panel" data-section-label="finishes">
<div class="row">
<div class="col-md-12">
<h1>Available Finishes</h1>
<h2>Choose from 3 different colors</h2>
<div class="break"></div>
</div>
</div>
<div class="row swatches">
<div class="col-md-12">
<div class="swatch first">
<a href="#finish-1">
<span>Wine Red Sparkle</span>
<img src="assets/images/red-wine-sparkle.png" alt="Wine Red Sparkle" />
</a>
</div>
<div class="swatch">
<a href="#finish-2">
<span>Silver Sparkle</span>
<img src="assets/images/silver-sparkle.png" alt="Silver Sparkle" />
</a>
</div>
<div class="swatch">
<a href="#finish-3">
<span>Black Sparkle</span>
<img src="assets/images/black-sparkle.png" alt="Black Sparkle" />
</a>
</div>
</div>
</div>
<div class="row finish-buttons">
<div class="col-md-12">
<a href="#sign-up" class="btn btn-primary" data-toggle="modal" data-target="#sign-up">
Sign Up
<span class="arrow"><img src="assets/images/arrow-ico.png" width="11" height="17" alt="" /></span>
</a>
<a href="#community" class="btn">
Our Community
<span class="arrow arrowDwn"><img src="assets/images/arrow-ico.png" width="11" height="17" alt="" /></span>
</a>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<div data-section-wrapper="community">
<section id="community" data-section-label="community">
<div class="container-fluid no-padding">
<h1 class="text-center">Pocket Kit Community</h1>
<h2 class="text-center">What’s happening in social media</h2>
<div class="break"></div>
<div id="wall">
<div id="social-stream"></div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-8">
<p>Developed to meet the needs of a beginning 4-10 year old drummer. The Pocket Kit is a must have. ALL-INCLUSIVE package!</p>
</div>
<div class="col-md-4">
<a href="#sign-up" class="btn btn-primary" data-toggle="modal" data-target="#sign-up">Sign Up
<span class="arrow"><img src="assets/images/arrow-ico.png" width="11" height="17" alt="" /></span>
</a>
</div>
</div>
</div>
</footer>
</div>
</section>
</div>
</div>
<div class="modal fade" tabindex="-1" role="dialog" id="sign-up">
<div class="vertical-alignment-helper">
<div class="modal-dialog vertical-align-center">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title">The Pocket Kit ‐ Coming Spring of 2016!</h4>
</div>
<div class="modal-body">
<p class="text-center">Sign up to be among the first to hear the latest news, information and announcements from Ludwig Drums and Questlove.</p>
<form action="">
<div class="form-group row">
<div class="col-sm-2">
<label class="form-control-label" for="age">Age</label>
</div>
<div class="col-sm-10">
<select name="age" id="age" class="form-control">
<option value="0-17">0-17</option>
<option value="18-24">18-24</option>
<option value="25-34">25-34</option>
<option value="35-44">35-44</option>
<option value="45-54">45-54</option>
<option value="55-64">55-64</option>
<option value="65+">65+</option>
</select>
</div>
</div>
<div class="form-group row">
<div class="col-sm-2">
<label class="form-control-label" for="email">Email</label>
</div>
<div class="col-sm-10">
<input type="email" class="form-control" id="email" placeholder="kit@thepocketkit.com" />
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</div>
</div>
</div>
<div id="preloader">
<div class="vertical-alignment-helper">
<div class="vertical-align-center">
<div class="logo">
<img src="assets/images/questlove-logo-retina.png" width="137" alt="Ludwig Pocket Kit" />
<h5>
<script>document.write('Loading');</script>
</h5>
<noscript>Please enabled Javascript to view this experience.</noscript>
</div>
</div>
</div>
</div>
<div class="copyright">
<a href="http://bigring.com/" target="_blank">Crafted by Big Ring</a>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="assets/js/vendor/bootstrap.min.js"></script>
<script src="assets/js/vendor/VideoFrame.custom.js"></script>
<script type="text/javascript" src="assets/js/vendor/jquery.social.stream.wall.1.6.js"></script>
<script type="text/javascript" src="assets/js/vendor/jquery.social.stream.1.5.15.min.js"></script>
<script src="assets/js/app.min.js"></script>
<? if($_SERVER['HTTP_HOST'] === 'loc.ludwigpocketkit.com' || $_SERVER['HTTP_HOST'] === 'localhost'): ?>
<script>document.write('<script src="http://'
+ (location.host || 'localhost').split(':')[0]
+ ':35729/livereload.js?snipver=1"></'
+ 'script>')</script>
<? endif; ?>
</body>
</html>