<section id="video-player" class="row"> <div class="span12"> <h2 class="page-header">Video Player Icons</h2> </div> <div class="span3"> <ul class="the-icons"> <li><a href="{{ page.relative_path }}icon/play-circle"><i class="icon-play-circle"></i> icon-play-circle</a></li> <li><a href="{{ page.relative_path }}icon/play-sign"><i class="icon-play-sign"></i> icon-play-sign</a></li> <li><a href="{{ page.relative_path }}icon/play"><i class="icon-play"></i> icon-play</a></li> <li><a href="{{ page.relative_path }}icon/pause"><i class="icon-pause"></i> icon-pause</a></li> </ul> </div> <div class="span3"> <ul class="the-icons"> <li><a href="{{ page.relative_path }}icon/stop"><i class="icon-stop"></i> icon-stop</a></li> <li><a href="{{ page.relative_path }}icon/eject"><i class="icon-eject"></i> icon-eject</a></li> <li><a href="{{ page.relative_path }}icon/backward"><i class="icon-backward"></i> icon-backward</a></li> <li><a href="{{ page.relative_path }}icon/forward"><i class="icon-forward"></i> icon-forward</a></li> </ul> </div> <div class="span3"> <ul class="the-icons"> <li><a href="{{ page.relative_path }}icon/fast-backward"><i class="icon-fast-backward"></i> icon-fast-backward</a></li> <li><a href="{{ page.relative_path }}icon/fast-forward"><i class="icon-fast-forward"></i> icon-fast-forward</a></li> <li><a href="{{ page.relative_path }}icon/step-backward"><i class="icon-step-backward"></i> icon-step-backward</a></li> <li><a href="{{ page.relative_path }}icon/step-forward"><i class="icon-step-forward"></i> icon-step-forward</a></li> </ul> </div> <div class="span3"> <ul class="the-icons"> <li><a href="{{ page.relative_path }}icon/fullscreen"><i class="icon-fullscreen"></i> icon-fullscreen</a></li> <li><a href="{{ page.relative_path }}icon/resize-full"><i class="icon-resize-full"></i> icon-resize-full</a></li> <li><a href="{{ page.relative_path }}icon/resize-small"><i class="icon-resize-small"></i> icon-resize-small</a></li> </ul> </div> </section>