{"id":370,"date":"2019-07-28T12:14:11","date_gmt":"2019-07-28T12:14:11","guid":{"rendered":"https:\/\/labs.thecreatology.com\/squirrel\/?page_id=370"},"modified":"2019-07-28T12:14:13","modified_gmt":"2019-07-28T12:14:13","slug":"bootstrap-product","status":"publish","type":"page","link":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-product","title":{"rendered":"Bootstrap Product"},"content":{"rendered":"\n<nav class=\"site-header sticky-top py-1\">\n  <div class=\"container d-flex flex-column flex-md-row justify-content-between\">\n    <a class=\"py-2\" href=\"#\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"d-block mx-auto\" role=\"img\" viewBox=\"0 0 24 24\" focusable=\"false\"><title>Product<\/title><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94\"><\/path><\/svg>\n    <\/a>\n    <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Tour<\/a>\n    <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Product<\/a>\n    <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Features<\/a>\n    <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Enterprise<\/a>\n    <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Support<\/a>\n    <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Pricing<\/a>\n    <a class=\"py-2 d-none d-md-inline-block\" href=\"#\">Cart<\/a>\n  <\/div>\n<\/nav>\n\n<div class=\"position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light\">\n  <div class=\"col-md-5 p-lg-5 mx-auto my-5\">\n    <h1 class=\"display-4 font-weight-normal\">Punny headline<\/h1>\n    <p class=\"lead font-weight-normal\">And an even wittier subheading to boot. Jumpstart your marketing efforts with this example based on Apple\u2019s marketing pages.<\/p>\n    <a class=\"btn btn-outline-secondary\" href=\"#\">Coming soon<\/a>\n  <\/div>\n  <div class=\"product-device shadow-sm d-none d-md-block\"><\/div>\n  <div class=\"product-device product-device-2 shadow-sm d-none d-md-block\"><\/div>\n<\/div>\n\n<div class=\"d-md-flex flex-md-equal w-100 my-md-3 pl-md-3\">\n  <div class=\"bg-dark mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden\">\n    <div class=\"my-3 py-3\">\n      <h2 class=\"display-5\">Another headline<\/h2>\n      <p class=\"lead\">And an even wittier subheading.<\/p>\n    <\/div>\n    <div class=\"bg-light shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\"><\/div>\n  <\/div>\n  <div class=\"bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden\">\n    <div class=\"my-3 p-3\">\n      <h2 class=\"display-5\">Another headline<\/h2>\n      <p class=\"lead\">And an even wittier subheading.<\/p>\n    <\/div>\n    <div class=\"bg-dark shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\"><\/div>\n  <\/div>\n<\/div>\n\n<div class=\"d-md-flex flex-md-equal w-100 my-md-3 pl-md-3\">\n  <div class=\"bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden\">\n    <div class=\"my-3 p-3\">\n      <h2 class=\"display-5\">Another headline<\/h2>\n      <p class=\"lead\">And an even wittier subheading.<\/p>\n    <\/div>\n    <div class=\"bg-dark shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\"><\/div>\n  <\/div>\n  <div class=\"bg-primary mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center text-white overflow-hidden\">\n    <div class=\"my-3 py-3\">\n      <h2 class=\"display-5\">Another headline<\/h2>\n      <p class=\"lead\">And an even wittier subheading.<\/p>\n    <\/div>\n    <div class=\"bg-light shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\"><\/div>\n  <\/div>\n<\/div>\n\n<div class=\"d-md-flex flex-md-equal w-100 my-md-3 pl-md-3\">\n  <div class=\"bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden\">\n    <div class=\"my-3 p-3\">\n      <h2 class=\"display-5\">Another headline<\/h2>\n      <p class=\"lead\">And an even wittier subheading.<\/p>\n    <\/div>\n    <div class=\"bg-white shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\"><\/div>\n  <\/div>\n  <div class=\"bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden\">\n    <div class=\"my-3 py-3\">\n      <h2 class=\"display-5\">Another headline<\/h2>\n      <p class=\"lead\">And an even wittier subheading.<\/p>\n    <\/div>\n    <div class=\"bg-white shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\"><\/div>\n  <\/div>\n<\/div>\n\n<div class=\"d-md-flex flex-md-equal w-100 my-md-3 pl-md-3\">\n  <div class=\"bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden\">\n    <div class=\"my-3 p-3\">\n      <h2 class=\"display-5\">Another headline<\/h2>\n      <p class=\"lead\">And an even wittier subheading.<\/p>\n    <\/div>\n    <div class=\"bg-white shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\"><\/div>\n  <\/div>\n  <div class=\"bg-light mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-center overflow-hidden\">\n    <div class=\"my-3 py-3\">\n      <h2 class=\"display-5\">Another headline<\/h2>\n      <p class=\"lead\">And an even wittier subheading.<\/p>\n    <\/div>\n    <div class=\"bg-white shadow-sm mx-auto\" style=\"width: 80%; height: 300px; border-radius: 21px 21px 0 0;\"><\/div>\n  <\/div>\n<\/div>\n\n<footer class=\"container py-5\">\n  <div class=\"row\">\n    <div class=\"col-12 col-md\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"d-block mb-2\" role=\"img\" viewBox=\"0 0 24 24\" focusable=\"false\"><title>Product<\/title><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M14.31 8l5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16L3.95 6.06M14.31 16H2.83m13.79-4l-5.74 9.94\"><\/path><\/svg>\n      <small class=\"d-block mb-3 text-muted\">\u00a9 2019-TheCreatology<\/small>\n    <\/div>\n    <div class=\"col-6 col-md\">\n      <h5>Features<\/h5>\n      <ul class=\"list-unstyled text-small\">\n        <li><a class=\"text-muted\" href=\"#\">Cool stuff<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Random feature<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Team feature<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Stuff for developers<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Another one<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Last time<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"col-6 col-md\">\n      <h5>Resources<\/h5>\n      <ul class=\"list-unstyled text-small\">\n        <li><a class=\"text-muted\" href=\"#\">Resource<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Resource name<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Another resource<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Final resource<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"col-6 col-md\">\n      <h5>Resources<\/h5>\n      <ul class=\"list-unstyled text-small\">\n        <li><a class=\"text-muted\" href=\"#\">Business<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Education<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Government<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Gaming<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"col-6 col-md\">\n      <h5>About<\/h5>\n      <ul class=\"list-unstyled text-small\">\n        <li><a class=\"text-muted\" href=\"#\">Team<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Locations<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Privacy<\/a><\/li>\n        <li><a class=\"text-muted\" href=\"#\">Terms<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Product Tour Product Features Enterprise Support Pricing Cart Punny headline And an even wittier subheading to boot. Jumpstart your marketing efforts with this example based on Apple\u2019s marketing pages. Coming soon Another headline And an even wittier subheading. Another headline.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":349,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no_hands.php","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-370","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Bootstrap Product - Squirrel Framework<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-product\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bootstrap Product - Squirrel Framework\" \/>\n<meta property=\"og:description\" content=\"Product Tour Product Features Enterprise Support Pricing Cart Punny headline And an even wittier subheading to boot. Jumpstart your marketing efforts with this example based on Apple\u2019s marketing pages. Coming soon Another headline And an even wittier subheading. Another headline.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-product\" \/>\n<meta property=\"og:site_name\" content=\"Squirrel Framework\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-28T12:14:13+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\\\/bootstrap-product\",\"url\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\\\/bootstrap-product\",\"name\":\"Bootstrap Product - Squirrel Framework\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#website\"},\"datePublished\":\"2019-07-28T12:14:11+00:00\",\"dateModified\":\"2019-07-28T12:14:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\\\/bootstrap-product#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\\\/bootstrap-product\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\\\/bootstrap-product#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bootstrap 5 Injection\",\"item\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Bootstrap Product\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#website\",\"url\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/\",\"name\":\"Squirrel Framework\",\"description\":\"A Swift-n-Independent Framework with Natural Customizations\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bootstrap Product - Squirrel Framework","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-product","og_locale":"en_US","og_type":"article","og_title":"Bootstrap Product - Squirrel Framework","og_description":"Product Tour Product Features Enterprise Support Pricing Cart Punny headline And an even wittier subheading to boot. Jumpstart your marketing efforts with this example based on Apple\u2019s marketing pages. Coming soon Another headline And an even wittier subheading. Another headline.","og_url":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-product","og_site_name":"Squirrel Framework","article_modified_time":"2019-07-28T12:14:13+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-product","url":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-product","name":"Bootstrap Product - Squirrel Framework","isPartOf":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/#website"},"datePublished":"2019-07-28T12:14:11+00:00","dateModified":"2019-07-28T12:14:13+00:00","breadcrumb":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-product#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-product"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-product#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/labs.thecreatology.com\/squirrel"},{"@type":"ListItem","position":2,"name":"Bootstrap 5 Injection","item":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection"},{"@type":"ListItem","position":3,"name":"Bootstrap Product"}]},{"@type":"WebSite","@id":"https:\/\/labs.thecreatology.com\/squirrel\/#website","url":"https:\/\/labs.thecreatology.com\/squirrel\/","name":"Squirrel Framework","description":"A Swift-n-Independent Framework with Natural Customizations","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/labs.thecreatology.com\/squirrel\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_shortlink":"https:\/\/wp.me\/P2FaOS-5Y","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":368,"url":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-pricing","url_meta":{"origin":370,"position":0},"title":"Bootstrap Pricing","author":"Aky Joe","date":"July 28, 2019","format":false,"excerpt":"Company name Features Enterprise Support Pricing Sign up Pricing Quickly build an effective pricing table for your potential customers with this Bootstrap example. It\u2019s built with default Bootstrap components and utilities with little customization. Free $0 \/ mo 10 users included 2 GB of storage Email support Help center access\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/joedev.do\/squirrel\/wp-content\/uploads\/2019\/04\/img_0767.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":366,"url":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-dashboard","url_meta":{"origin":370,"position":1},"title":"Bootstrap Dashboard","author":"Aky Joe","date":"July 28, 2019","format":false,"excerpt":"Company name Sign out Dashboard (current) Orders Products Customers Reports Integrations Saved reports Current month Last quarter Social engagement Year-end sale Dashboard Share Export This week Section title # Header Header Header Header 1,001 Lorem ipsum dolor sit 1,002 amet consectetur adipiscing elit 1,003 Integer nec odio Praesent 1,003 libero\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":349,"url":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection","url_meta":{"origin":370,"position":2},"title":"Bootstrap 5 Injection","author":"Aky Joe","date":"July 28, 2019","format":false,"excerpt":"Accordion Accordion Item #1 Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the first item's accordion body. Accordion Item #2 Placeholder content for this accordion, which is intended to demonstrate the .accordion-flush class. This is the second item's accordion body. Let's imagine this\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"amp_enabled":false,"_links":{"self":[{"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/pages\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":1,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/pages\/370\/revisions"}],"predecessor-version":[{"id":371,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/pages\/370\/revisions\/371"}],"up":[{"embeddable":true,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/pages\/349"}],"wp:attachment":[{"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/media?parent=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}