{"id":8433,"date":"2013-06-22T08:43:48","date_gmt":"2013-06-22T13:43:48","guid":{"rendered":"http:\/\/www.jbaker.info\/?p=8433"},"modified":"2013-06-22T08:43:48","modified_gmt":"2013-06-22T13:43:48","slug":"scratch-pad-ccc-business-direcory-a","status":"publish","type":"post","link":"https:\/\/www.jbaker.info\/demo05\/scratch-pad-ccc-business-direcory-a\/","title":{"rendered":"Scratch Pad &#8211; CCC Business Directory A"},"content":{"rendered":"<p> <!-- Main Area --><\/p>\n<div id=\"main_area\">\n                        <!-- Slider --><\/p>\n<div class=\"row\">\n<div class=\"span12\" id=\"slider\">\n                                        <!-- Top part of the slider --><\/p>\n<div class=\"row\">\n<div class=\"span8\" id=\"carousel-bounding-box\">\n<div id=\"myCarousel\" class=\"carousel slide\">\n                                                                <!-- Carousel items --><\/p>\n<div class=\"carousel-inner\">\n<div class=\"active item\" data-slide-number=\"0\"><img decoding=\"async\" src=\"http:\/\/placehold.it\/770x300&#038;text=one\" \/><\/div>\n<div class=\"item\" data-slide-number=\"1\"><img decoding=\"async\" src=\"http:\/\/placehold.it\/770x300&#038;text=two\" \/><\/div>\n<div class=\"item\" data-slide-number=\"2\"><img decoding=\"async\" src=\"http:\/\/placehold.it\/770x300&#038;text=three\" \/><\/div>\n<div class=\"item\" data-slide-number=\"3\"><img decoding=\"async\" src=\"http:\/\/placehold.it\/770x300&#038;text=four\" \/><\/div>\n<div class=\"item\" data-slide-number=\"4\"><img decoding=\"async\" src=\"http:\/\/placehold.it\/770x300&#038;text=five\" \/><\/div>\n<div class=\"item\" data-slide-number=\"5\"><img decoding=\"async\" src=\"http:\/\/placehold.it\/770x300&#038;text=six\" \/><\/div>\n<\/p><\/div>\n<p>                                                                <!-- Carousel nav -->\n                                                                <a class=\"carousel-control left\" href=\"#myCarousel\" data-slide=\"prev\">\u2039<\/a>\n                                                                <a class=\"carousel-control right\" href=\"#myCarousel\" data-slide=\"next\">\u203a<\/a>\n                                                        <\/div>\n<\/p><\/div>\n<div class=\"span4\" id=\"carousel-text\"><\/div>\n<div style=\"display: none;\" id=\"slide-content\">\n<div id=\"slide-content-0\">\n<h2>Slider One<\/h2>\n<p>Lorem Ipsum Dolor<\/p>\n<p class=\"sub-text\">October 24 2012 &#8211; <a href=\"#\">Read more<\/a><\/p>\n<\/p><\/div>\n<div id=\"slide-content-1\">\n<h2>Slider Two<\/h2>\n<p>Lorem Ipsum Dolor<\/p>\n<p class=\"sub-text\">October 24 2012 &#8211; <a href=\"#\">Read more<\/a><\/p>\n<\/p><\/div>\n<div id=\"slide-content-2\">\n<h2>Slider Three<\/h2>\n<p>Lorem Ipsum Dolor<\/p>\n<p class=\"sub-text\">October 24 2012 &#8211; <a href=\"#\">Read more<\/a><\/p>\n<\/p><\/div>\n<div id=\"slide-content-3\">\n<h2>Slider Four<\/h2>\n<p>Lorem Ipsum Dolor<\/p>\n<p class=\"sub-text\">October 24 2012 &#8211; <a href=\"#\">Read more<\/a><\/p>\n<\/p><\/div>\n<div id=\"slide-content-4\">\n<h2>Slider Five<\/h2>\n<p>Lorem Ipsum Dolor<\/p>\n<p class=\"sub-text\">October 24 2012 &#8211; <a href=\"#\">Read more<\/a><\/p>\n<\/p><\/div>\n<div id=\"slide-content-5\">\n<h2>Slider Six<\/h2>\n<p>Lorem Ipsum Dolor<\/p>\n<p class=\"sub-text\">October 24 2012 &#8211; <a href=\"#\">Read more<\/a><\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!--\/Slider--><\/p>\n<div class=\"row hidden-phone\" id=\"slider-thumbs\">\n<div class=\"span12\">\n                                        <!-- Bottom switcher of slider --><\/p>\n<ul class=\"thumbnails\">\n<li class=\"span2\">\n                                                        <a class=\"thumbnail\" id=\"carousel-selector-0\">\n                                                                <img decoding=\"async\" src=\"http:\/\/placehold.it\/170x100&#038;text=one\" \/>\n                                                        <\/a>\n                                                <\/li>\n<li class=\"span2\">\n                                                        <a class=\"thumbnail\" id=\"carousel-selector-1\">\n                                                                <img decoding=\"async\" src=\"http:\/\/placehold.it\/170x100&#038;text=two\" \/>\n                                                        <\/a>\n                                                <\/li>\n<li class=\"span2\">\n                                                        <a class=\"thumbnail\" id=\"carousel-selector-2\">\n                                                                <img decoding=\"async\" src=\"http:\/\/placehold.it\/170x100&#038;text=three\" \/>\n                                                        <\/a>\n                                                <\/li>\n<li class=\"span2\">\n                                                        <a class=\"thumbnail\" id=\"carousel-selector-3\">\n                                                                <img decoding=\"async\" src=\"http:\/\/placehold.it\/170x100&#038;text=four\" \/>\n                                                        <\/a>\n                                                <\/li>\n<li class=\"span2\">\n                                                        <a class=\"thumbnail\" id=\"carousel-selector-4\">\n                                                                <img decoding=\"async\" src=\"http:\/\/placehold.it\/170x100&#038;text=five\" \/>\n                                                        <\/a>\n                                                <\/li>\n<li class=\"span2\">\n                                                        <a class=\"thumbnail\" id=\"carousel-selector-5\">\n                                                                <img decoding=\"async\" src=\"http:\/\/placehold.it\/170x100&#038;text=six\" \/>\n                                                        <\/a>\n                                                <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/div>\n<p><script>\n  jQuery(document).ready(function($) {<\/p>\n<p>        $('#myCarousel').carousel({\n                interval: 5000\n        });<\/p>\n<p>        $('#carousel-text').html($('#slide-content-0').html());<\/p>\n<p>                $('[id^=carousel-selector-]').click( function(){\n                var id_selector = $(this).attr(\"id\");\n                var id = id_selector.substr(id_selector.length -1);\n                var id = parseInt(id);\n                $('#myCarousel').carousel(id);\n        });<\/p>\n<p>                $('#myCarousel').on('slid', function (e) {\n                var id = $('.item.active').data('slide-number');\n                $('#carousel-text').html($('#slide-content-'+id).html());\n        });<\/p>\n<p>});\n<\/script><\/p>\n<div class=\"row-fluid\">\n<div class=\"span4 well\">\n\t<\/div>\n<div class=\"span4 well\">\n\t<\/div>\n<div class=\"span4 well\">\n\t<\/div>\n<\/div>\n<div class=\"row-fluid\">\n<div class=\"span8\">\n \t<span class=\"label label-info\">Info<\/span><\/p>\n<h4>Alice in Wonderland, part dos<\/h4>\n<p>&#8216;You ought to be ashamed<\/p>\n<p>&#8216;You ought to be ashamed<\/p>\n<p>&#8216;You ought to be ashamed<\/p>\n<p>&#8216;You ought to be ashamed<\/p>\n<div>\n    <span class=\"badge badge-success\">Posted 2012-08-02 20:47:04<\/span><\/p>\n<div class=\"pull-right\"><span class=\"label\">alice<\/span> <span class=\"label\">story<\/span> <span class=\"label\">blog<\/span> <span class=\"label\">personal<\/span><\/div>\n<\/p><\/div>\n<hr><\/div>\n<\/p><\/div>\n<div class=\"row-fluid\">\n<div class=\"span12\">\n<ul class=\"thumbnails\">\n<li class=\"span4\">\n<div class=\"thumbnail\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"300x200\" src=\"http:\/\/lorempixel.com\/300\/200\/people\" \/><\/p>\n<div class=\"caption\">\n<h4>\n\t\t\t\t\t\t\t\txxx\n\t\t\t\t\t\t\t<\/h4>\n<p>123 Main Street\nxxxMN 56440\n<i class=\"icon-camera-retro\"><\/i>218-756-3664\n<i class=\"icon-camera-retro icon-border\"><\/i> 218-756-3664<\/p>\n<p>\n\t\t\t\t\t\t\t\tCras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.\n\t\t\t\t\t\t\t<\/p>\n<p>\n\t\t\t\t\t\t\t\t<a class=\"btn btn-primary\" href=\"#\">Action<\/a> <a class=\"btn\" href=\"#\">Action<\/a>\n\t\t\t\t\t\t\t<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/li>\n<li class=\"span4\">\n<div class=\"thumbnail\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"300x200\" src=\"http:\/\/lorempixel.com\/600\/200\/city\" \/><\/p>\n<div class=\"caption\">\n<h4>\n\t\t\t\t\t\t\t\tThumbnail label\n\t\t\t\t\t\t\t<\/h4>\n<p>\n\t\t\t\t\t\t\t\tCras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.\n\t\t\t\t\t\t\t<\/p>\n<p>\n\t\t\t\t\t\t\t\t<a class=\"btn btn-primary\" href=\"#\">Action<\/a> <a class=\"btn\" href=\"#\">Action<\/a>\n\t\t\t\t\t\t\t<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/li>\n<li class=\"span4\">\n<div class=\"thumbnail\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"300x200\" src=\"http:\/\/lorempixel.com\/600\/200\/sports\" \/><\/p>\n<div class=\"caption\">\n<h4>\n\t\t\t\t\t\t\t\tThumbnail label\n\t\t\t\t\t\t\t<\/h4>\n<p>\n\t\t\t\t\t\t\t\tCras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.\n\t\t\t\t\t\t\t<\/p>\n<p>\n\t\t\t\t\t\t\t\t<a class=\"btn btn-primary\" href=\"#\">Action<\/a> <a class=\"btn\" href=\"#\">Action<\/a>\n\t\t\t\t\t\t\t<\/p>\n<p><i class=\"icon-camera-retro icon-large\"><\/i> icon-camera-retro<\/p>\n<p><i class=\"icon-camera-retro icon-2x\"><\/i> icon-camera-retro<\/p>\n<p><i class=\"icon-camera-retro icon-3x\"><\/i> icon-camera-retro<\/p>\n<p><i class=\"icon-camera-retro icon-4x\"><\/i> icon-camera-retro<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<div class=\"container-fluid row-fluid\">\n<div class=\"span6\">\n<h3>xxx<\/h3>\n<p>73 Folsom Ave<\/p>\n<p>xxxMN 56440<\/p>\n<p>218-756-3664<\/p>\n<\/p><\/div>\n<div class=\"span6\">\n<h3>xxx<\/h3>\n<p>\t\t73 Folsom Ave\n\t\tClarxxisxxsa MN 56440\n\t\t218-756-3664\n\t<\/p><\/div>\n<\/div>\n<div class=\"container-fluid row-fluid\">\n<div class=\"span4\">\n<h4>\n\t\tColumn 1 <\/h4>\n<div class=\"container-fluid row-fluid\">\n<div class=\"span6\">\n<ul>\n<li>\n\t\t\t\t\tItem 1 <\/li>\n<li>\n\t\t\t\t\tItem 2 <\/li>\n<li>\n\t\t\t\t\tItem 3 <\/li>\n<\/ul><\/div>\n<div class=\"span6\">\n<ul>\n<li>\n\t\t\t\t\tItem 4 <\/li>\n<li>\n\t\t\t\t\tItem 5 <\/li>\n<li>\n\t\t\t\t\tItem 6 <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"span4\">\n<h4>\n\t\tColumn 2 <\/h4>\n<\/p><\/div>\n<div class=\"span4\">\n<h4>\n\t\tColumn 3 <\/h4>\n<\/p><\/div>\n<\/div>\n<div class=\"container-fluid row-fluid span12\">\n<address>\n<p>\n\t\t<strong>\n\t\tTwwitter, Inc. <\/strong>\n\t<\/p>\n<\/p><\/address>\n<p>\n\t\t 795 Folsom Ave, Suite 600\n\t<\/p>\n<p>\n\t\t San Francisco, CA 94107\n\t<\/p>\n<p>\t<abbr title=\"Phone\">\n\tP: <\/abbr>\n\t(123) 456-7890\n\t<span class=\"label label-warning\">\n\tLabel <\/span>\n\t<span class=\"badge badge-success\">\n\t1 <\/span><\/p>\n<address>\n\t<strong>\n\tTwitter, Inc. <\/strong>\n\t\n\t795 Folsom Ave, Suite 600 \n\tSan Francisco, CA 94107 \n\tPhone: (123) 456-7890 <\/address>\n<p>\n\t<span class=\"label label-warning\">\n\tLabel <\/span>\n\t\n\t<span class=\"badge badge-success\">\n\t1 <\/span>\n\t\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2039 \u203a Slider One Lorem Ipsum Dolor October 24 2012 &#8211; Read more Slider Two Lorem Ipsum Dolor October 24 2012 &#8211; Read more Slider Three Lorem Ipsum Dolor October 24 2012 &#8211; Read more Slider Four Lorem Ipsum Dolor October 24 2012 &#8211; Read more Slider Five Lorem Ipsum Dolor October 24 2012 &#8211;&#8230;  <a href=\"https:\/\/www.jbaker.info\/demo05\/scratch-pad-ccc-business-direcory-a\/\" class=\"more-link\" title=\"Read Scratch Pad &#8211; CCC Business Directory A\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-8433","post","type-post","status-publish","format-standard","hentry","category-unvetted"],"_links":{"self":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/posts\/8433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/comments?post=8433"}],"version-history":[{"count":0,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/posts\/8433\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/media?parent=8433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/categories?post=8433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jbaker.info\/demo05\/wp-json\/wp\/v2\/tags?post=8433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}