Website Style Samples
#html-body [data-pb-style=FIMMVI0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=GDOTLXJ]{border-style:none}#html-body [data-pb-style=EEOJ561],#html-body [data-pb-style=LUYM6AH]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=GDOTLXJ]{border-style:none} }
<h1>This is what an H1 looks like</h1>
<h2>This is what an H2 looks like</h2>
<h3>This is what an H3 looks like</h3>
<h4>This is what an H4 looks like</h4>
<h5>This is what an H5 looks like</h5>
<h6>This is what an H6 looks like</h6>
<p>This is what a paragraph of normal text would look like if we were actually to take the time to write out content that was good enough and long enought to warrant being put into an entire paragraph, rather than merely shown in a heading or bulleted list or something of that nature. Lorem ipsum doler sit amut and all that jazz. The quick brown fox jumps over the lazy dog.</p>
<p>Here is an example of <a title=”Go to the homepage” href=”https://www.ar500armor.com/”>hyperlinked text</a>.</p>
<p>If you want to make text stand out, <strong>you might make it bold.</strong></p>
<p>Alternatively, <span style=”text-decoration: underline;”>you could use underlines to emphasize a point.</span></p>
<p>Finally, <em>italics are sometimes used</em> as well to indicate a change in tone or emphasis.</p>
<p>Ready for a horizontal line?</p>
<hr>
<p>In order to visually break up a page you can do a number of things, like:</p>
<ol>
<li>Add numbered lists, like this one</li>
<li>Insert images</li>
<li>Add headers to the sections of the page</li>
<li>Use bolding to emphasize key points</li>
<li>Repeat key points through quoting the content in a bigger, more stylized way</li>
</ol>
<p>When the order of items isn’t as important, you can also use a bulleted list, like this:</p>
<ul>
<li>AR500 Armor</li>
<li>TMG Target Systems</li>
<li>Ironside</li>
</ul>
<p>Now we’ll play around with some of the widgets that seem to be available…</p>
<p>The threat level chart:</p>
<p>{{widget type=”MagentoCmsBlockWidgetBlock” template=”widget/static_block/default.phtml” block_id=”64″}}</p>
<p>The Listrak recommender:</p>
<p>{{widget type=”MagentoCmsBlockWidgetBlock” template=”widget/static_block/default.phtml” block_id=”61″}}</p>
<p>The Catalog product list:</p>
<p>{{widget type=”MagentoCatalogWidgetBlockProductProductsList” title=”Test Product List” show_pager=”0″ products_count=”10″ template=”Magento_CatalogWidget::product/widget/content/grid.phtml” conditions_encoded=”^[`1`:^[`type`:`Magento||CatalogWidget||Model||Rule||Condition||Combine`,`aggregator`:`all`,`value`:`1`,`new_child`:“^]^]”}}</p>
<h2>This is what an H2 looks like</h2>
<h3>This is what an H3 looks like</h3>
<h4>This is what an H4 looks like</h4>
<h5>This is what an H5 looks like</h5>
<h6>This is what an H6 looks like</h6>
<p>This is what a paragraph of normal text would look like if we were actually to take the time to write out content that was good enough and long enought to warrant being put into an entire paragraph, rather than merely shown in a heading or bulleted list or something of that nature. Lorem ipsum doler sit amut and all that jazz. The quick brown fox jumps over the lazy dog.</p>
<p>Here is an example of <a title=”Go to the homepage” href=”https://www.ar500armor.com/”>hyperlinked text</a>.</p>
<p>If you want to make text stand out, <strong>you might make it bold.</strong></p>
<p>Alternatively, <span style=”text-decoration: underline;”>you could use underlines to emphasize a point.</span></p>
<p>Finally, <em>italics are sometimes used</em> as well to indicate a change in tone or emphasis.</p>
<p>Ready for a horizontal line?</p>
<hr>
<p>In order to visually break up a page you can do a number of things, like:</p>
<ol>
<li>Add numbered lists, like this one</li>
<li>Insert images</li>
<li>Add headers to the sections of the page</li>
<li>Use bolding to emphasize key points</li>
<li>Repeat key points through quoting the content in a bigger, more stylized way</li>
</ol>
<p>When the order of items isn’t as important, you can also use a bulleted list, like this:</p>
<ul>
<li>AR500 Armor</li>
<li>TMG Target Systems</li>
<li>Ironside</li>
</ul>
<p>Now we’ll play around with some of the widgets that seem to be available…</p>
<p>The threat level chart:</p>
<p>{{widget type=”MagentoCmsBlockWidgetBlock” template=”widget/static_block/default.phtml” block_id=”64″}}</p>
<p>The Listrak recommender:</p>
<p>{{widget type=”MagentoCmsBlockWidgetBlock” template=”widget/static_block/default.phtml” block_id=”61″}}</p>
<p>The Catalog product list:</p>
<p>{{widget type=”MagentoCatalogWidgetBlockProductProductsList” title=”Test Product List” show_pager=”0″ products_count=”10″ template=”Magento_CatalogWidget::product/widget/content/grid.phtml” conditions_encoded=”^[`1`:^[`type`:`Magento||CatalogWidget||Model||Rule||Condition||Combine`,`aggregator`:`all`,`value`:`1`,`new_child`:“^]^]”}}</p>

