{"id":368,"date":"2019-07-28T12:12:17","date_gmt":"2019-07-28T12:12:17","guid":{"rendered":"https:\/\/labs.thecreatology.com\/squirrel\/?page_id=368"},"modified":"2019-07-28T12:12:21","modified_gmt":"2019-07-28T12:12:21","slug":"bootstrap-pricing","status":"publish","type":"page","link":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-pricing","title":{"rendered":"Bootstrap Pricing"},"content":{"rendered":"\n<div class=\"d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm\">\n  <h5 class=\"my-0 mr-md-auto font-weight-normal\">Company name<\/h5>\n  <nav class=\"my-2 my-md-0 mr-md-3\">\n    <a class=\"p-2 text-dark\" href=\"#\">Features<\/a>\n    <a class=\"p-2 text-dark\" href=\"#\">Enterprise<\/a>\n    <a class=\"p-2 text-dark\" href=\"#\">Support<\/a>\n    <a class=\"p-2 text-dark\" href=\"#\">Pricing<\/a>\n  <\/nav>\n  <a class=\"btn btn-outline-primary\" href=\"#\">Sign up<\/a>\n<\/div>\n\n<div class=\"pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center\">\n  <h1 class=\"display-4\">Pricing<\/h1>\n  <p class=\"lead\">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.<\/p>\n<\/div>\n\n<div class=\"container\">\n  <div class=\"card-deck mb-3 text-center\">\n    <div class=\"card mb-4 shadow-sm\">\n      <div class=\"card-header\">\n        <h4 class=\"my-0 font-weight-normal\">Free<\/h4>\n      <\/div>\n      <div class=\"card-body\">\n        <h1 class=\"card-title pricing-card-title\">$0 <small class=\"text-muted\">\/ mo<\/small><\/h1>\n        <ul class=\"list-unstyled mt-3 mb-4\">\n          <li>10 users included<\/li>\n          <li>2 GB of storage<\/li>\n          <li>Email support<\/li>\n          <li>Help center access<\/li>\n        <\/ul>\n        <button type=\"button\" class=\"btn btn-lg btn-block btn-outline-primary\">Sign up for free<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"card mb-4 shadow-sm\">\n      <div class=\"card-header\">\n        <h4 class=\"my-0 font-weight-normal\">Pro<\/h4>\n      <\/div>\n      <div class=\"card-body\">\n        <h1 class=\"card-title pricing-card-title\">$15 <small class=\"text-muted\">\/ mo<\/small><\/h1>\n        <ul class=\"list-unstyled mt-3 mb-4\">\n          <li>20 users included<\/li>\n          <li>10 GB of storage<\/li>\n          <li>Priority email support<\/li>\n          <li>Help center access<\/li>\n        <\/ul>\n        <button type=\"button\" class=\"btn btn-lg btn-block btn-primary\">Get started<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"card mb-4 shadow-sm\">\n      <div class=\"card-header\">\n        <h4 class=\"my-0 font-weight-normal\">Enterprise<\/h4>\n      <\/div>\n      <div class=\"card-body\">\n        <h1 class=\"card-title pricing-card-title\">$29 <small class=\"text-muted\">\/ mo<\/small><\/h1>\n        <ul class=\"list-unstyled mt-3 mb-4\">\n          <li>30 users included<\/li>\n          <li>15 GB of storage<\/li>\n          <li>Phone and email support<\/li>\n          <li>Help center access<\/li>\n        <\/ul>\n        <button type=\"button\" class=\"btn btn-lg btn-block btn-primary\">Contact us<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <footer class=\"pt-4 my-md-5 pt-md-5 border-top\">\n    <div class=\"row\">\n      <div class=\"col-12 col-md\">\n        <img loading=\"lazy\" decoding=\"async\" class=\"mb-2\" src=\"https:\/\/joedev.do\/squirrel\/wp-content\/uploads\/2019\/04\/img_0767.jpg\" alt=\"\" width=\"24\" height=\"24\">\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>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<\/div>\n","protected":false},"excerpt":{"rendered":"<p>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.<\/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-368","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 Pricing - 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-pricing\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bootstrap Pricing - Squirrel Framework\" \/>\n<meta property=\"og:description\" content=\"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.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-pricing\" \/>\n<meta property=\"og:site_name\" content=\"Squirrel Framework\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-28T12:12:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/joedev.do\/squirrel\/wp-content\/uploads\/2019\/04\/img_0767.jpg\" \/>\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-pricing\",\"url\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\\\/bootstrap-pricing\",\"name\":\"Bootstrap Pricing - Squirrel Framework\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\\\/bootstrap-pricing#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\\\/bootstrap-pricing#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/joedev.do\\\/squirrel\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/img_0767.jpg\",\"datePublished\":\"2019-07-28T12:12:17+00:00\",\"dateModified\":\"2019-07-28T12:12:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\\\/bootstrap-pricing#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\\\/bootstrap-pricing\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\\\/bootstrap-pricing#primaryimage\",\"url\":\"https:\\\/\\\/joedev.do\\\/squirrel\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/img_0767.jpg\",\"contentUrl\":\"https:\\\/\\\/joedev.do\\\/squirrel\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/img_0767.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/labs.thecreatology.com\\\/squirrel\\\/bootstrap-4-3-1-injection\\\/bootstrap-pricing#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 Pricing\"}]},{\"@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 Pricing - 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-pricing","og_locale":"en_US","og_type":"article","og_title":"Bootstrap Pricing - Squirrel Framework","og_description":"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.","og_url":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-pricing","og_site_name":"Squirrel Framework","article_modified_time":"2019-07-28T12:12:21+00:00","og_image":[{"url":"https:\/\/joedev.do\/squirrel\/wp-content\/uploads\/2019\/04\/img_0767.jpg","type":"","width":"","height":""}],"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-pricing","url":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-pricing","name":"Bootstrap Pricing - Squirrel Framework","isPartOf":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/#website"},"primaryImageOfPage":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-pricing#primaryimage"},"image":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-pricing#primaryimage"},"thumbnailUrl":"https:\/\/joedev.do\/squirrel\/wp-content\/uploads\/2019\/04\/img_0767.jpg","datePublished":"2019-07-28T12:12:17+00:00","dateModified":"2019-07-28T12:12:21+00:00","breadcrumb":{"@id":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-pricing#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-pricing"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-pricing#primaryimage","url":"https:\/\/joedev.do\/squirrel\/wp-content\/uploads\/2019\/04\/img_0767.jpg","contentUrl":"https:\/\/joedev.do\/squirrel\/wp-content\/uploads\/2019\/04\/img_0767.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-pricing#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 Pricing"}]},{"@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-5W","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":370,"url":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-product","url_meta":{"origin":368,"position":0},"title":"Bootstrap Product","author":"Aky Joe","date":"July 28, 2019","format":false,"excerpt":"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 And an even wittier subheading. Another headline And an even\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":366,"url":"https:\/\/labs.thecreatology.com\/squirrel\/bootstrap-4-3-1-injection\/bootstrap-dashboard","url_meta":{"origin":368,"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":368,"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\/368","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=368"}],"version-history":[{"count":1,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/pages\/368\/revisions"}],"predecessor-version":[{"id":369,"href":"https:\/\/labs.thecreatology.com\/squirrel\/wp-json\/wp\/v2\/pages\/368\/revisions\/369"}],"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=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}