Post videos from vimeo, youtube or from your own host.
<h3 class="text-center">Vimeo</h3>
<div class="card">
<div data-type="vimeo" data-video-id="94747106"></div>
</div>
<h3 class="text-center">Youtube</h3>
<div class="card">
<div data-type="youtube" data-video-id="9ZfN87gSjvI"></div>
</div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam sed labore autem nesciunt ea veniam recusandae necessitatibus reprehenderit.
ButtonLorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam sed labore autem nesciunt ea veniam recusandae necessitatibus reprehenderit.
ButtonLorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam sed labore autem nesciunt ea veniam recusandae necessitatibus reprehenderit.
ButtonLorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam sed labore autem nesciunt ea veniam recusandae necessitatibus reprehenderit.
Button<div class="row">
<div class="col-md-6">
<h3 class="text-center">With Title</h3>
<div class="card card-danger">
<div class="card-header">
<h3 class="card-title"><i class="zmdi zmdi-graduation-cap"></i> Card Title</h3>
</div>
<div data-type="vimeo" data-video-id="94747106"></div>
<div class="card-body text-center">
<h4 class="color-danger">Lorem ipsum dolor sit</h4>
...
<a href="javascript:void(0)" class="btn btn-danger btn-raised"><i class="zmdi zmdi-flower"></i> Button</a>
</div>
</div>
</div>
<div class="col-md-6">
<h3 class="text-center">With Title & Inverse Color</h3>
<div class="card card-info-inverse">
<div class="card-header">
<h3 class="card-title"><i class="zmdi zmdi-graduation-cap"></i> Card Title</h3>
</div>
<div data-type="youtube" data-video-id="bTqVqk7FSmY"></div>
<div class="card-body text-center">
<h4 class="">Lorem ipsum dolor sit</h4>
...
<a href="javascript:void(0)" class="btn btn-white color-info btn-raised"><i class="zmdi zmdi-flower"></i> Button</a>
</div>
</div>
</div>
</div>
Play audio easily with the integrated plugin.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam sed labore autem nesciunt ea veniam recusandae necessitatibus reprehenderit.
DownloadLorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam sed labore autem nesciunt ea veniam recusandae necessitatibus reprehenderit.
Download<h3>Basic</h3>
<audio controls>
<source src="<%= assets %>/media/music.mp3" type="audio/mp3">
<source src="<%= assets %>/media/music.ogg" type="audio/ogg">
</audio>
<h3>Inside Cards</h3>
<div class="card card-warning">
<audio controls>
<source src="<%= assets %>/media/music.mp3" type="audio/mp3">
<source src="<%= assets %>/media/music.ogg" type="audio/ogg">
</audio>
</div>