|
|
Line 1: |
Line 1: |
| __NOTOC__ | | __NOTOC__ |
− | <div class="col-md-6" >
| |
− | <div class="box box-sapphire">
| |
− | <div class="text-center">
| |
− | <h4>About Bootstrapskin</h4>
| |
− | <hr class="tagline-divider" />
| |
− | <p class="text-justify">
| |
| <ncl>Category:Christianity</ncl> | | <ncl>Category:Christianity</ncl> |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-md-6">
| |
− | <div class="box box-sapphire">
| |
− | <div class="text-center">
| |
− | <h4>What is Bootstrapskin?</h4>
| |
− | <hr class="tagline-divider" />
| |
− | <div class="video">
| |
− | <div class="lazyYT" data-youtube-id="U1zBJO_aIvc" data-ratio="16:9">loading...</div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="column clearfix">
| |
− | <div class="col-md-12 column sortable ui-sortable pull-right">
| |
− | <div class="portlet">
| |
− | <div class="panel panel-primary-light-border">
| |
− | <div class="panel-heading clearfix">
| |
− | <div class="panel-caption">
| |
− | <h3 class="panel-title">Cavila Portlet Overview</h3>
| |
− | </div>
| |
− | <div class="panel-options dark">
| |
− | <div class="panel-collapse">
| |
− | <div class=""><i class="fa fa-chevron-up"></i></div>
| |
− | </div>
| |
− | <div class="panel-remove">
| |
− | <div class=""><i class="fa fa-times"></i></div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div style="display: block;" class="panel-body">
| |
− | <p class="justify">Note the functionality, while not the same as tabs, it allows for large blocks of content in a
| |
− | small space in the same way as tabs, but with additional functionality that would be difficult to accomplish with tabs.
| |
− | Personally I prefer porlets to tabs, we've not looked at tabs yet because there were issues with linking, but if you're
| |
− | insistent we can look at including them <i class="fa fa-smile-o"></i></p>
| |
− | <p style="text-align:justify">As to portlet functionality note how they can be dragged and dropped to different locations, if
| |
− | you select the it will remove a portlet and the chevrons open and close the panels. Panels can also be set to the
| |
− | desired potion, either open or closed on page load.</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="portlet">
| |
− | <div class="panel panel-primary-light-border">
| |
− | <div class="panel-heading clearfix">
| |
− | <div class="panel-caption">
| |
− | <h3 class="panel-title">Bootstrap Portlet 2</h3>
| |
− | </div>
| |
− | <div class="panel-options dark">
| |
− | <div class="panel-expand">
| |
− | <div class=""><i class="fa fa-chevron-down"></i></div>
| |
− | </div>
| |
− | <div class="panel-remove">
| |
− | <div class=""><i class="fa fa-times"></i></div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div style="display: none;" class="panel-body">
| |
− | <p class="justify">
| |
− | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper
| |
− | dolor ut urna consectetur, id interdum purus pellentesque. Suspendisse fringilla
| |
− | nunc erat, nec consectetur nisi tristique nec. Etiam dignissim hendrerit vehicula.
| |
− | Cras eu dui vel nulla cursus feugiat. Suspendisse sem purus, molestie quis diam ac,
| |
− | facilisis hendrerit elit. Morbi molestie ligula ut volutpat commodo. Donec ultrices,
| |
− | metus a adipiscing ultrices, risus nibh rutrum nibh, vel interdum quam justo nec
| |
− | nibh. Maecenas non orci a metus sollicitudin sollicitudin.
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="portlet">
| |
− | <div class="panel panel-primary-light-border">
| |
− | <div class="panel-heading clearfix">
| |
− | <div class="panel-caption">
| |
− | <h3 class="panel-title">Bootstrap Portlet 3</h3>
| |
− | </div>
| |
− | <div class="panel-options dark">
| |
− | <div class="panel-expand">
| |
− | <div class=""><i class="fa fa-chevron-down"></i></div>
| |
− | </div>
| |
− | <div class="panel-remove">
| |
− | <div class=""><i class="fa fa-times"></i></div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div style="display: none;" class="panel-body">
| |
− | <p class="justify">
| |
− | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ullamcorper
| |
− | dolor ut urna consectetur, id interdum purus pellentesque. Suspendisse fringilla
| |
− | nunc erat, nec consectetur nisi tristique nec. Etiam dignissim hendrerit vehicula.
| |
− | Cras eu dui vel nulla cursus feugiat. Suspendisse sem purus, molestie quis diam ac,
| |
− | facilisis hendrerit elit. Morbi molestie ligula ut volutpat commodo. Donec ultrices,
| |
− | metus a adipiscing ultrices, risus nibh rutrum nibh, vel interdum quam justo nec
| |
− | nibh. Maecenas non orci a metus sollicitudin sollicitudin.
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <html><script type="text/javascript" language="JavaScript" src="https://www.biblegateway.com/votd/votd.write.callback.js">
| |
− | </script>
| |
− | <script type="text/javascript" language="JavaScript" src="https://www.biblegateway.com/votd/get?format=json&version=KJV&callback=BG.votdWriteCallback">
| |
− | </script>
| |
− | <!-- alternative for no javascript -->
| |
− | <noscript>
| |
− | <iframe framespacing="0" frameborder="no" src="https://www.biblegateway.com/votd/get?format=html&version=KJV">View Verse of the Day</iframe>
| |
− | </noscript></html>
| |
− |
| |
− | <div class="btn btn-lg btn-info" data-toggle="popover" data-placement="right" title="Pop Over" data-content="And here's some amazing content. It's very engaging. right?" role="button" data-original-title="A Title">Click to toggle popover</div>
| |
− |
| |
− | <p class="justify">This is a <span class="" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">'''Text Based'''</span> pop over, and to the right <i class="fa fa-hand-o-right"></i> is an imaged based pop over.</p>
| |
| | | |
| <p align="center"><strong>MUSINGS, BOOK ONE</strong><br> | | <p align="center"><strong>MUSINGS, BOOK ONE</strong><br> |