{"id":7449,"date":"2020-05-20T13:57:50","date_gmt":"2020-05-20T13:57:50","guid":{"rendered":"http:\/\/demo.musicmakertheme.com\/chrome\/?page_id=7449"},"modified":"2020-05-20T13:57:50","modified_gmt":"2020-05-20T13:57:50","slug":"full-width","status":"publish","type":"page","link":"https:\/\/demo.musicmakertheme.com\/chrome\/full-width\/","title":{"rendered":"FULL WIDTH"},"content":{"rendered":"<p>This page showcases the full width template, the built in CSS grids, and typography.<\/p>\n<h4>Two Columns<\/h4>\n<p><div class=\"row\"><br \/>\n<div class=\"one-half\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br \/>\n<\/div><br \/>\n<div class=\"one-half\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br \/>\n<\/div><br \/>\n<\/div><\/p>\n<h4>Three Columns<\/h4>\n<p><div class=\"row\"><br \/>\n<div class=\"one-third\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br \/>\n<\/div><br \/>\n<div class=\"one-third\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br \/>\n<\/div><br \/>\n<div class=\"one-third\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br \/>\n<\/div><br \/>\n<\/div><\/p>\n<h4>Four Columns<\/h4>\n<p><div class=\"row\"><br \/>\n<div class=\"one-fourth\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br \/>\n<\/div><br \/>\n<div class=\"one-fourth\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br \/>\n<\/div><br \/>\n<div class=\"one-fourth\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br \/>\n<\/div><br \/>\n<div class=\"one-fourth\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br \/>\n<\/div><br \/>\n<\/div><\/p>\n<h4>Five Columns<\/h4>\n<p><div class=\"row\"><br \/>\n<div class=\"one-fifth\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br \/>\n<\/div><br \/>\n<div class=\"one-fifth\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br \/>\n<\/div><br \/>\n<div class=\"one-fifth\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br \/>\n<\/div><br \/>\n<div class=\"one-fifth\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br \/>\n<\/div><br \/>\n<div class=\"one-fifth\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br \/>\n<\/div><br \/>\n<\/div><\/p>\n<h4>1\/3 Column<\/h4>\n<p><div class=\"row\"><br \/>\n<div class=\"one-third\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/placehold.it\/270x200\" alt=\"\" \/><br \/>\n<\/div><br \/>\n<div class=\"two-third\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla semper, risus nec trist ique imperdiet, mauris nulla sagittis leo, sit amet vulputporta .<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Unordered lists<\/strong><\/p>\n<ul>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Consectetur adipisicing elit<\/li>\n<li>Sed do eiusmod tempor incididunt ut labo<\/li>\n<\/ul>\n<p><\/div><br \/>\n<\/div><\/p>\n<h4>2\/3 Column<\/h4>\n<p><div class=\"row\"><br \/>\n<div class=\"two-third\"><br \/>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla semper, risus nec trist ique imperdiet, mauris nulla sagittis leo, sit amet vulputporta iaculis.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Ordered lists<\/strong><\/p>\n<ol>\n<li>Consectetur adipisicing elit<\/li>\n<li>Sed do eiusmod tempor incididunt ut labore<\/li>\n<li>Et dolore magna aliqua<\/li>\n<\/ol>\n<p><\/div><br \/>\n<div class=\"one-third\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/placehold.it\/270x200\" alt=\"\" \/><br \/>\n<\/div><br \/>\n<\/div><\/p>\n<h1>Header 1<\/h1>\n<h2>Header 2<\/h2>\n<h3>Header 3<\/h3>\n<h4>Header 4<\/h4>\n<h5>Header 5<\/h5>\n<p><strong>Blockquotes<\/strong><\/p>\n<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipisicing esunt in culpa qui officia deserunt mollit anim id est laborum. Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p><\/blockquote>\n<h2>Shortcodes<\/h2>\n<p>Shortcodes in WordPress are little bits of code that allow you to do various things with little effort. Here are previews of all the available shortcodes.<\/p>\n<p><strong>MP3 Player<\/strong><br \/>\n\n        <div style=\"margin-bottom:15px;\">\n             <audio controls=\"controls\" src=\"http:\/\/demo.musicmakertheme.com\/wp-content\/uploads\/2012\/11\/tbagg_contra_85.mp3\" class=\"mejs-player\" preload=\"none\" data-mejsoptions='{\"features\":[\"playpause\",\"current\",\"progress\",\"volume\"],\"audioHeight\":30}'>\n                <object  height=\"30\" type=\"application\/x-shockwave-flash\" data=\"https:\/\/demo.musicmakertheme.com\/chrome\/wp-content\/themes\/MusicMaker\/js\/build\/flashmediaelement.swf\">\n                    <param name=\"movie\" value=\"https:\/\/demo.musicmakertheme.com\/chrome\/wp-content\/themes\/MusicMaker\/js\/build\/flashmediaelement.swf\" \/>\n                    <param name=\"flashvars\" value=\"file=http:\/\/demo.musicmakertheme.com\/wp-content\/uploads\/2012\/11\/tbagg_contra_85.mp3\" \/>\n                <\/object>\n            <\/audio>\n        <\/div><\/p>\n<p><strong>Buttons<\/strong><br \/>\n<a href=\"#\"  class=\" button\"   target=\"\"   >Regular Button<\/a><br \/>\n<a href=\"#\"  class=\"medium button\"   target=\"\"   >Mid Button<\/a><br \/>\n<a href=\"#\"  class=\"big button\"   target=\"\"   >Big Button<\/a><\/p>\n<p><strong>Youtube Video<\/strong><br \/>\n<iframe loading=\"lazy\" width=\"570\" height=\"365\" src=\"https:\/\/www.youtube.com\/embed\/Z2-B9j8MG38\"  class=\"bottom-padding\" frameborder=\"0\" allowfullscreen ><\/iframe><\/p>\n<p><strong>Vimeo Video<\/strong><br \/>\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/49760839\"  width=\"570\"  height=\"365\"  frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen style=\"padding-bottom:15px;\"><\/iframe><\/p>\n<p><strong>Highlighted Text<\/strong><br \/>\n<span class=\"red_highlight text_highlight\"> Default text is red. <\/span>  Nam ac nisl arcu, eget ornare tellus. Aenean a libero <span class=\"blue_highlight text_highlight\"> Color is blue. <\/span>  convallis elit suscipit egestas. Maecenas eget dui lacus, sit amet malesuada erat. In eleifend accumsan lacus, eget gravida risus vestibulum sit amet. Morbi elementum, nulla rutrum feugiat pellentesque, <span class=\"green_highlight text_highlight\"> Color is green. <\/span>  nisl massa pharetra velit, sit amet semper nisi lorem tincidunt mauris. Nulla facilisi. <span class=\"yellow_highlight text_highlight\"> Color is yellow. Lorem ipsum dolor sit amet <\/span>  Nullam tincidunt nibh nec tortor lobortis condimentum et a orci. <span class=\"black_highlight text_highlight\"> Color is black. Lorem ipsum dolor sit amet <\/span> .<\/p>\n<p><strong>Website Snapshot<\/strong><br \/>\n<img decoding=\"async\" src=\"http:\/\/s.wordpress.com\/mshots\/v1\/http%3A%2F%2Fgoogle.com?w=550&h=350\" alt=\"Snapshot of Google\" style=\"margin-bottom:15px;\"><\/p>\n<p><strong>Alert Messages<\/strong><br \/>\n<div class=\"shortcode_alert medium yellow\">This is a message box with important information you should read.<\/div><\/p>\n<div class=\"shortcode_alert medium blue\">This is a message box with important information you should read.<\/div>\n<div class=\"shortcode_alert medium green\">This is a message box with important information you should read.<\/div>\n<div class=\"shortcode_alert medium red\">This is a message box with important information you should read.<\/div>\n<div class=\"shortcode_alert medium grey\">This is a message box with important information you should read.<\/div>\n<p><strong>Testimonial Shortcode<\/strong><br \/>\n<div class=\"testimonial-full\">I was about to spend about $500 on a guy to make a website for me and my friend to sell our beats. I was lucky to find Music Maker theme which was exactly what we needed. <\/div> <div class=\"arrow-down-full\"><\/div> <span class=\"testimonial-full-author\">Pedro Toribio<\/span><\/p>\n<p><strong>Quote<\/strong><br \/>\n<div class=\"shortcode_quote\">I was about to spend about $500 on a guy to make a website for me and my friend to sell our beats. I was lucky to find your theme which was exactly what we needed. <\/div><\/p>\n<p><strong>Tool Tip<\/strong><br \/>\n <span class=\"info\"> Tool Tip Example. Hover over me <span>This is a message box with important information you should read.<\/span><\/span> Fusce arcu nulla, sagittis in sollicitudin non, viverra sit amet nisl. Duis pretium condimentum accumsan.<\/p>\n<p><strong>Google Maps<\/strong><br \/>\n<iframe loading=\"lazy\" class=\"google_map_embed\" width=\"100%\" height=\"400\" src=\"https:\/\/maps.google.com\/maps?q=Guitar+Center&amp;hl=en&amp;ll=34.101056,-118.35067&amp;spn=0.01075,0.026157&amp;cid=8054102878333580747&amp;gl=US&amp;t=m&amp;z=16&amp;iwloc=A&output=embed\"  style=\"padding-bottom:15px;\" ><\/iframe><\/p>\n<p><strong>FAQ Toggle<\/strong><br \/>\n<h4 class=\"trigger\" ><a rel=\"nofollow\" href=\"#\" >What file formats do you offer?<\/a><\/h4><div class=\"toggle_container\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dignissim tempus libero sed mollis. Curabitur tempor risus orci, at scelerisque nisi ultrices sit amet. Phasellus ultricies tincidunt finibus. Sed eget sem efficitur erat tempus condimentum. Cras fermentum magna id interdum semper. Vestibulum ac tincidunt turpis. Sed congue, nulla eget ornare ornare, sem enim egestas metus, maximus porttitor libero nisl at nisl. Maecenas non ornare urna, vel tristique arcu. Ut molestie ligula ac neque rhoncus imperdiet. Nulla ipsum libero, dictum vel pharetra sit amet, tincidunt vitae ex. <\/div><\/p>\n<p><div class=\"row\"><br \/>\n<div class=\"one-full\"><\/p>\n<h4>1 Column<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla semper, risus nec tristique imperdiet, mauris nulla sagittis leo, sit amet vulputate lorem ante in ipsum. Nam quis vestibulum mi. Sed porta iaculis neque sit amet ullamcorper.<br \/>\n<\/div><br \/>\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This page showcases the full width template, the built in CSS grids, and typography. Two Columns Three Columns Four Columns Five Columns 1\/3 Column 2\/3 Column Header 1 Header 2 Header 3 Header 4 Header 5 Blockquotes Lorem ipsum dolor sit amet, consectetur adipisicing esunt in culpa qui officia deserunt mollit anim id est laborum. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-7449","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.musicmakertheme.com\/chrome\/wp-json\/wp\/v2\/pages\/7449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.musicmakertheme.com\/chrome\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.musicmakertheme.com\/chrome\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.musicmakertheme.com\/chrome\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.musicmakertheme.com\/chrome\/wp-json\/wp\/v2\/comments?post=7449"}],"version-history":[{"count":0,"href":"https:\/\/demo.musicmakertheme.com\/chrome\/wp-json\/wp\/v2\/pages\/7449\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.musicmakertheme.com\/chrome\/wp-json\/wp\/v2\/media?parent=7449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}