Skip to content

Instantly share code, notes, and snippets.

@mpgilbertusa
mpgilbertusa / rskp-modal-video.html
Created March 11, 2014 03:40
Responsive Starter Kit Pro - Code Sample - Modal Video
<a href="http://player.vimeo.com/video/50905661" class="fancybox fancybox-media">modal video</a>
@mpgilbertusa
mpgilbertusa / rskp-basic-page-structure.html
Created March 11, 2014 03:44
Responsive Starter Kit Pro - Code Sample - Basic Page Structure
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/layout-sidebar-left.css">
<link rel="stylesheet" href="assets/css/theme.css">
<!-- Additional items go here, such as meta tags, scripts, web fonts, and icons. -->
@mpgilbertusa
mpgilbertusa / rskp-tabs-setup-head.html
Created March 11, 2014 04:07
Responsive Starter Kit Pro - Code Sample - Tab setup for the head
<link rel="stylesheet" href="assets/css/easy-responsive-tabs.css">
@mpgilbertusa
mpgilbertusa / rskp-tabs-foot.html
Created March 11, 2014 04:08
Responsive Starter Kit Pro - Code Sample - Tab setup for the foot
<script src="assets/js/easyResponsiveTabs.js"></script>
<script>
$(document).ready(function() {
// Easy Responsive Tabs - http://webtrendset.com/demo/easy-responsive-tabs/
$('#tab-horizontal').easyResponsiveTabs({ // horizontal, vertical
type: 'default', // Types: default, vertical, accordion
width: 'auto', // auto or any width like 600px
fit: true
});
});
@mpgilbertusa
mpgilbertusa / rskp-tabs-horizontal.html
Created March 11, 2014 04:10
Responsive Starter Kit Pro - Code Sample - Horizontal Tabs
<div id="tab-horizontal">
<ul class="resp-tabs-list">
<li>Tab 1</li>
<li>Tab 2</li>
<li>Tab 3</li>
</ul>
<div class="resp-tabs-container">
<div>
<h2>Tab 1 Content</h2>
<p>Insert tab content here.</p>
@mpgilbertusa
mpgilbertusa / rskp-tabs-vertical.html
Created March 11, 2014 04:11
Responsive Starter Kit Pro - Code Sample - Vertical Tabs
<div id="tab-vertical">
<ul class="resp-tabs-list">
<li>Tab 1</li>
<li>Tab 2</li>
<li>Tab 3</li>
</ul>
<div class="resp-tabs-container">
<div>
<h2>Tab 1 Content</h2>
<p>Insert tab content here.</p>
@mpgilbertusa
mpgilbertusa / rskp-slider-head.html
Created March 11, 2014 04:16
Responsive Starter Kit Pro - Code Sample - Slider setup for the head
<link rel="stylesheet" href="assets/css/flexslider.css">
@mpgilbertusa
mpgilbertusa / slider-setup-foot.html
Created March 11, 2014 04:17
Responsive Starter Kit Pro - Code Sample - Slider setup for the foot
<script src="assets/js/jquery.flexslider-min.js"></script>
<script>
$(document).ready(function() {
// Flexslider responsive carousel - http://flexslider.woothemes.com/
if ($(".flexslider").length > 0) {
$(".flexslider").flexslider({
animation: 'slide',
animationLoop: true,
slideshow: false,
itemWidth: 320,
@mpgilbertusa
mpgilbertusa / rskp-slider.html
Created March 11, 2014 04:19
Responsive Starter Kit Pro - Code Sample - Slider
<div class="slider">
<div class="flexslider">
<ul class="slides">
<li><img src="assets/img/image-1.jpg"></li>
<li><img src="assets/img/image-2.jpg"></li>
<li><img src="assets/img/image-3.jpg"></li>
<li><img src="assets/img/image-4.jpg"></li>
<li><img src="assets/img/image-5.jpg"></li>
</ul>
</div>
@mpgilbertusa
mpgilbertusa / rskp-tables-setup-head.html
Created March 11, 2014 14:22
Responsive Starter Kit Pro - Code Sample - Data Tables setup for head
<link rel="stylesheet" href="assets/css/responsive-tables.css">