"vid n text"
Bootstrap 3.3.0 Snippet by exigentinc

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div id="menu4" class="tab-pane fade in active"> <div class="panel-left"> <p>Sed risus neque, sagittis sed pellentesque at, pharetra ut nunc. Phasellus id enim eget ante pellentesque pharetra. Phasellus et nisl urna. Integer nisl dui, efficitur in volutpat sodales, tempor sed orci. Donec et euismod ipsum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam tincidunt dictum eros at porta. Phasellus gravida dolor in sem placerat sodales. Nullam feugiat non dolor id commodo. Phasellus nec velit enim. Donec a commodo magna. Cras aliquet, ante et varius lobortis, lacus nisi placerat risus, at sodales arcu ipsum et sapien. Quisque in ex interdum quam feugiat ultrices. Curabitur eu lacus magna. Nulla facilisi.</p> </div> <div class="video-block"> <video class="responsive-video" controls=""> <source src="https://addtowatchlist.com/156/video/hair_template.mp4" type="video/mp4"> <source src="https://addtowatchlist.com/156/video/hair_template.mp4" type="video/webm"> </video> </div> </div>
* { padding: 0; margin: 0; box-sizing: border-box; font-family: Lato,sans-serif; } .panel-left { width: 50%; padding-right: 15px; float: left; } .video-block { float: right; height: auto; width: 50%; padding-left: 15px; } video.responsive-video { width: 100%; } @media only screen and (max-width:767px) { .panel-left { width: 100%; padding: 0 0 10px; } .video-block { width: 100%; padding-left: 0; } }

Related: See More


Questions / Comments: