| LEFT | RIGHT | 
|---|
| 1 {% extends "templates/default" %} | 1 {% extends "templates/minimal" %} | 
| 2 | 2 | 
| 3 {% set product = products[product_id] %} | 3 {% set product = products[product_id] %} | 
| 4 | 4 | 
| 5 {% block body %} | 5 {% block body %} | 
| 6 [Breadcrumbs] | 6 <nav aria-label="{{ "Breadcrumb" | translate("breadcrumb-label", "Label") }}" cl
    ass="breadcrumb"> | 
|  | 7   <ol class="container large-desktop-width clearfix" itemscope itemtype="http://
    schema.org/BreadcrumbList"> | 
|  | 8     <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListIte
    m"> | 
|  | 9       <a class="has-pre-icon" itemscope itemtype="http://schema.org/Thing" itemp
    rop="item" href="{{ product.slug }}"> | 
|  | 10         <span class="pre-icon" style="{{ get_inline_bg('logo-'+product_id) }}"><
    /span> | 
|  | 11         <span itemprop="name">{{ product.full_name | translate(product_id+"-name
    ", "Product name") }}</span> | 
|  | 12       </a> | 
|  | 13       <meta itemprop="position" content="1" /> | 
|  | 14     </li> | 
|  | 15     <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListIte
    m"> | 
|  | 16       <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="{{ p
    age }}" aria-current="page"> | 
|  | 17         <span itemprop="name">{{ title | translate(get_page_name(page) + "-title
    ", "Article title") }}</span> | 
|  | 18       </a> | 
|  | 19       <meta itemprop="position" content="2" /> | 
|  | 20     </li> | 
|  | 21   </ol> | 
|  | 22 </nav> | 
| 7 | 23 | 
| 8 <main id="main" class="container clearfix"> | 24 <main id="main" class="container clearfix"> | 
| 9   <article class="article card {{ product_id }}-card section column two-thirds"> | 25   <div class="row"> | 
| 10       <h1 class="article-heading"> | 26     <div class="column two-thirds"> | 
| 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") }}"> | 27       <article class="article card {{ product_id }}-card section"> | 
|  | 28         <header class="article-heading"> | 
|  | 29           <h1 class="has-pre-icon"> | 
|  | 30             <span class="pre-icon" style="{{ get_inline_bg('logo-'+product_id) }
    }"></span> | 
|  | 31             {{ title | translate( get_page_name(page) + "-title", "Article title
    ") }} | 
|  | 32           </h1> | 
|  | 33         </header> | 
| 12 | 34 | 
| 13         {{ title | translate( get_page_name(page) + "-title", "Article title") }
    } | 35         {% if hide_browser_selector is not defined %} | 
| 14       </h1> | 36         <div class="article-browser-selector"> | 
| 15 | 37           <? include browser-select ?> | 
| 16       {% if hide_browser_selector is not defined %} | 38         </div> | 
| 17       <div class="article-browser-selector"> | 39         {% endif %} | 
| 18         <? include browser-select ?> |  | 
| 19       </div> |  | 
| 20       {% endif %} |  | 
| 21 | 40 | 
| 22       <div class="article-body content"> | 41         <div class="article-body content"> | 
| 23           {{ body | safe }} | 42             {{ body | safe }} | 
| 24       </div> | 43         </div> | 
| 25   </article> | 44       </article> | 
| 26   <aside class="section column one-third"> | 45     </div> | 
| 27     <? include product-topics-accordion ?> | 46     <aside class="section column one-third"> | 
| 28   </aside> | 47       <? include product-topics-accordion ?> | 
|  | 48     </aside> | 
|  | 49   </div> | 
| 29 </main> | 50 </main> | 
| 30 {% endblock %} | 51 | 
|  | 52 <script id="no-content-for-platform-message" type="text/template"> | 
|  | 53   <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> | 
|  | 54 </script> | 
|  | 55 {% endblock %} | 
|  | 56 | 
|  | 57 {% block footer %} | 
|  | 58 <? include contact ?> | 
|  | 59 {% endblock %} | 
|  | 60 | 
|  | 61 {% block scripts %} | 
|  | 62 <script src="/js/vendor/bowser.js"></script> | 
|  | 63 {% endblock %} | 
| LEFT | RIGHT | 
|---|