{"id":47,"date":"2019-07-24T20:43:23","date_gmt":"2019-07-24T20:43:23","guid":{"rendered":"https:\/\/www.themedemo.app\/magnetic\/?page_id=47"},"modified":"2026-02-12T19:07:57","modified_gmt":"2026-02-12T19:07:57","slug":"features","status":"publish","type":"page","link":"https:\/\/www.themedemo.app\/magnetic\/features\/","title":{"rendered":"Features"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Page Templates<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Image Header<\/strong><br>Large, full-width featured image header with page title and optional lead text overlaying the image. <br><\/li>\n\n\n\n<li><strong>Full Width Hero<\/strong><br>A page template optimized for the block editor with a Hero cover block at the top and a transparent navigation overlay. <br><\/li>\n\n\n\n<li><strong>Full Width<\/strong><br>A page template optimized for the block editor. <br><\/li>\n\n\n\n<li><strong>No Sidebar<\/strong><br>Standard template without the sidebar widget area.<br><\/li>\n\n\n\n<li><strong>Default template<\/strong><br>Standard template including the sidebar widget area.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Block Patterns<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">New block patterns, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hero cover block<\/li>\n\n\n\n<li>Two-column text and image sections with a CTA button<\/li>\n\n\n\n<li>Full-width CTA section<\/li>\n\n\n\n<li>Three-column team display<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Text Formatting<\/h2>\n\n\n<p class=\"lead\">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget,<br \/>tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada<br \/>libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam,<br \/>tellus dui fringilla quam, in condimentum augue lorem non tellus.<\/p>\n<h2>Heading 2<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec,<br \/>auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac<br \/>quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla<br \/>quam, in condimentum augue lorem non tellus.<\/p>\n<h3>Heading 3<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec,<br \/>auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac<br \/>quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla<br \/>quam, in condimentum augue lorem non tellus.<\/p>\n<h4>Heading 4<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec,<br \/>auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac<br \/>quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla<br \/>quam, in condimentum augue lorem non tellus.<\/p>\n<h5>Heading 5<\/h5>\n<h6>Heading 6<\/h6>\n<h2>Lists<\/h2>\n<h3>Unordered list<\/h3>\n<ul>\n<li>list item<\/li>\n<li>list item<\/li>\n<li>list item\n<ul>\n<li>list item<\/li>\n<li>list item<\/li>\n<li>list item<\/li>\n<\/ul>\n<\/li>\n<li>list item<\/li>\n<li>list item<\/li>\n<\/ul>\n<h4>Unstyled list<\/h4>\n<ul class=\"list-unstyled\">\n<li>list item<\/li>\n<li>list item<\/li>\n<li>list item<\/li>\n<\/ul>\n<h4>Inline list<\/h4>\n<ul class=\"list-inline\">\n<li class=\"list-inline-item\">list item<\/li>\n<li class=\"list-inline-item\">list item<\/li>\n<li class=\"list-inline-item\">list item<\/li>\n<\/ul>\n<h3>Ordered list<\/h3>\n<ol>\n<li>list item<\/li>\n<li>list item<\/li>\n<li>list item<\/li>\n<li>list item<\/li>\n<li>list item<\/li>\n<li>list item<\/li>\n<\/ol>\n<h3>Description list<\/h3>\n<dl>\n<dt>Term<\/dt>\n<dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec,<br \/>auctor quis, purus. Vivamus ut sem.<\/dd>\n<dt>Term<\/dt>\n<dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec,<br \/>auctor quis, purus. Vivamus ut sem.<\/dd>\n<dt>Term<\/dt>\n<dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec,<br \/>auctor quis, purus. Vivamus ut sem.<\/dd>\n<\/dl>\n<h2>Basic text formatting<\/h2>\n<h3>Emphasis<\/h3>\n<p><strong>strong<\/strong> <b>bold<\/b> <em>emphasis<\/em> <i>italic<\/i><\/p>\n<h3>Address<\/h3>\n<address><strong>Your Name<\/strong><br \/>123 Main Street<br \/>Anytown, XY 12345<\/address>\n<h3>Blockquote<\/h3>\n<blockquote class=\"blockquote\">\n<p>\u201cLorem ipsum dolor sit amet consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique<br \/>nec.\u201d<\/p>\n<p><small>John Smith<\/small><\/p>\n<\/blockquote>\n<h3>Abbreviations<\/h3>\n<p><abbr class=\"initialism\" title=\"PHP: Hypertext Preprocessor\">PHP<\/abbr><\/p>\n<h3>Small text<\/h3>\n<p><small>Tiny text<\/small><\/p>\n<h3>Alignment<\/h3>\n<p class=\"text-left\">left<\/p>\n<p class=\"text-center\">center<\/p>\n<p class=\"text-right\">right<\/p>\n<h3>Special characters<\/h3>\n<p>Left &amp; right double quotes: \u201c <!--&#8220;--> \u201d <!--&#8221;--><br \/>Left &amp; right single quotes: \u2018 \u2019<br \/>Ampersand: &amp;<br \/>Em dash: \u2014 <!--&#8212;--><br \/>En dash: \u2013 <!--&#8211;--><\/p>\n<h2>Basic table<\/h2>\n<table class=\"table table-striped\"><caption>Caption<\/caption>\n<thead>\n<tr>\n<th scope=\"col\">header<\/th>\n<th scope=\"col\">header<\/th>\n<th scope=\"col\">header<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>cell<\/td>\n<td>cell<\/td>\n<td>cell<\/td>\n<\/tr>\n<tr>\n<td>cell<\/td>\n<td>cell<\/td>\n<td>cell<\/td>\n<\/tr>\n<tr>\n<td>cell<\/td>\n<td>cell<\/td>\n<td>cell<\/td>\n<\/tr>\n<tr>\n<td>cell<\/td>\n<td>cell<\/td>\n<td>cell<\/td>\n<\/tr>\n<tr>\n<td>cell<\/td>\n<td>cell<\/td>\n<td>cell<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Basic form<\/h2>\n<form action=\"#\" method=\"post\"><fieldset><legend>Contact Us<\/legend>\n<div class=\"form-group\"><label for=\"full_name\">Your Name<\/label><input id=\"full_name\" class=\"form-control\" name=\"full_name\" type=\"text\" placeholder=\"name\" \/><\/div>\n<div class=\"form-group\"><label for=\"email\">Your Email<\/label><input id=\"email\" class=\"form-control\" name=\"email\" type=\"text\" placeholder=\"email\" \/><\/div>\n<div class=\"form-group\"><label for=\"routing\">Concerning<\/label><select id=\"routing\" class=\"form-control\" name=\"routing\">\n<option selected=\"selected\" value=\"\">select an option<\/option>\n<option value=\"Lizards\">Lizards<\/option>\n<option value=\"Monkeys\">Monkeys<\/option>\n<option value=\"Cats\">Cats<\/option>\n<\/select><\/div>\n<div class=\"form-group\"><label for=\"message\">Your Message<\/label><textarea id=\"message\" class=\"form-control\" cols=\"5\" name=\"message\" rows=\"8\">enter a message<\/textarea><\/div>\n<p><b>Receive our newsletter?<\/b><\/p>\n<div class=\"form-group form-check\"><input id=\"yes\" class=\"form-check-input\" name=\"newsletter\" type=\"radio\" value=\"yes\" \/><label class=\"form-check-label\" for=\"yes\">Sign me up!<\/label><\/div>\n<div class=\"form-group form-check\"><input id=\"no\" class=\"form-check-input\" name=\"newsletter\" type=\"radio\" value=\"no\" \/><label class=\"form-check-label\" for=\"no\">No thanks<\/label><\/div>\n<div class=\"form-group form-check\"><input id=\"terms\" class=\"form-check-input\" name=\"terms\" type=\"checkbox\" value=\"agree\" \/><label class=\"form-check-label\" for=\"terms\">I agree to the <a href=\"#\">terms and conditions<\/a><\/label><\/div>\n<\/fieldset>\n<p><button id=\"send\" class=\"btn btn-primary mt-2 mb-2\" name=\"send\" type=\"submit\">Send<\/button><\/p>\n<\/form>\n\n\n<h2 class=\"wp-block-heading\">Buttons<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"#\" class=\"btn\">Basic Button<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><!-- p><a href=\"#\" class=\"btn btn-outline\">Outline Button<\/a><\/p --><\/p>\n\n\n\n<p><a href=\"#\" class=\"btn wide\">Wide Button<\/a><\/p>\n<p><a href=\"#\" class=\"btn alt\">Alternate Button<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Page Templates Block Patterns New block patterns, including: Text Formatting Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget,tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuadalibero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam,tellus dui&hellip;<\/p>\n<div class=\"more-wrap\"><a href=\"https:\/\/www.themedemo.app\/magnetic\/features\/\" class=\"more-link\">Continue to Features<\/a><\/div>\n","protected":false},"author":1,"featured_media":40,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-image-header.php","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","has-post-thumbnail","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":10,"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/pages\/47\/revisions\/159"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/media\/40"}],"wp:attachment":[{"href":"https:\/\/www.themedemo.app\/magnetic\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}