Michael Gilbert mpgilbertusa
mpgilbertusa
/ rskp-slider-head.html
Created
March 11, 2014 04:16
Responsive Starter Kit Pro - Code Sample - Slider setup for the head
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="stylesheet" href="assets/css/flexslider.css"> |
mpgilbertusa
/ rskp-tabs-vertical.html
Created
March 11, 2014 04:11
Responsive Starter Kit Pro - Code Sample - Vertical Tabs
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ rskp-tabs-horizontal.html
Created
March 11, 2014 04:10
Responsive Starter Kit Pro - Code Sample - Horizontal Tabs
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ rskp-tabs-foot.html
Created
March 11, 2014 04:08
Responsive Starter Kit Pro - Code Sample - Tab setup for the foot
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ rskp-tabs-setup-head.html
Created
March 11, 2014 04:07
Responsive Starter Kit Pro - Code Sample - Tab setup for the head
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="stylesheet" href="assets/css/easy-responsive-tabs.css"> |
mpgilbertusa
/ rskp-basic-page-structure.html
Created
March 11, 2014 03:44
Responsive Starter Kit Pro - Code Sample - Basic Page Structure
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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
/ rskp-modal-video.html
Created
March 11, 2014 03:40
Responsive Starter Kit Pro - Code Sample - Modal Video
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="http://player.vimeo.com/video/50905661" class="fancybox fancybox-media">modal video</a> |
mpgilbertusa
/ rskp-modal-gallery.html
Created
March 11, 2014 03:40
Responsive Starter Kit Pro - Code Sample - Modal Gallery
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="image-gallery outline-pad"> | |
| <a class="fancybox" rel="gallery1" href="large-image-1.jpg" title="Caption Text Goes Here"><img src="thumbnail-image-1.jpg" alt=""></a> | |
| <a class="fancybox" rel="gallery1" href="large-image-2.jpg" title="Caption Text Goes Here"><img src="thumbnail-image-2.jpg" alt=""></a> | |
| <a class="fancybox" rel="gallery1" href="large-image-3.jpg" title="Caption Text Goes Here"><img src="thumbnail-image-3.jpg" alt=""></a> | |
| </div> |
mpgilbertusa
/ rskp-modal-image.html
Created
March 11, 2014 03:39
Responsive Starter Kit Pro - Code Sample - Modal Image
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="image.jpg" title="Caption Goes Here" class="fancybox">modal image</a> |
mpgilbertusa
/ rskp-modal-inline.html
Created
March 11, 2014 03:39
Responsive Starter Kit Pro - Code Sample - Modal Inline
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="#modal-content" class="fancybox">modal inline</a> | |
| <div id="modal-content" style="display: none;"> | |
| Content goes here. | |
| </div> |