| LEFT | RIGHT | 
|---|
| 1 {% extends "templates/default" %} | 1 {% extends "templates/default" %} | 
| 2 | 2 | 
|  | 3 {% set product = products[product_id] %} | 
|  | 4 | 
| 3 {% block body %} | 5 {% block body %} | 
| 4   {{ body | safe }} | 6 [Breadcrumbs] | 
|  | 7 | 
|  | 8 <main id="main" class="container clearfix"> | 
|  | 9   <article class="article card {{ product_id }}-card section column two-thirds"> | 
|  | 10       <h1 class="article-heading"> | 
|  | 11         <img class="heading-icon" src="/img/png/logo-{{ product_id }}.png" srcse
    t="/img/svg/logo-{{ product_id }}.svg 2x" alt="{{ product.full_name+" Logo" | tr
    anslate( product_id+"-logo-alt", "Image alt text") }}"> | 
|  | 12 | 
|  | 13         {{ title | translate( get_page_name(page) + "-title", "Article title") }
    } | 
|  | 14       </h1> | 
|  | 15 | 
|  | 16       {% if hide_browser_selector is not defined %} | 
|  | 17       <div class="article-browser-selector"> | 
|  | 18         [Browser selector] | 
|  | 19       </div> | 
|  | 20       {% endif %} | 
|  | 21 | 
|  | 22       <div class="article-body content"> | 
|  | 23           {{ body | safe }} | 
|  | 24       </div> | 
|  | 25   </article> | 
|  | 26   <aside class="section column one-third"> | 
|  | 27     <? include product-topics-accordion ?> | 
|  | 28   </aside> | 
|  | 29 </main> | 
|  | 30 | 
|  | 31 <script id="no-content-for-platform-message" type="text/template"> | 
|  | 32   <p>{{ "Unfortunately, there is no content specific for your current browser. P
    lease use the dropdown menu above to choose a different browser." | translate("n
    o-content-for-platform-message", "paragraph") }}</p> | 
|  | 33 </script> | 
| 5 {% endblock %} | 34 {% endblock %} | 
| LEFT | RIGHT | 
|---|