Impacted versions: [v9.0]
Description:
I want to add a Menu of products to the page Home page I started adding a new snipped and working hard But nothing happens when you click  inspect in the browser 
Video/Screenshot link (optional):
I want these here to see the picture
<img src="http://zupimages.net/up/17/36/086l.png"   width="800" height="502">
This is what appears in your browser
<img src="http://zupimages.net/up/17/36/rz9c.png"   width="800" height="502">
This my code for snippet 
```
<template id="s_text_imagecvci"   name="Shop menu">
    <section class="s_three_columns">
        <div class="cont">
            <div class="row">
                <div id="home_shop">  
   <t t-foreach="categories" t-as="c">
              <t t-call="website_sale.categories_recursive"/>
          </t>
                       
                </div>
                <div class="col-md-9 col-sm-8">
    <table style="width:100%">
       <tr>
       <td><img class="img img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg" alt="Odoo - Sample 2 for three columns"/>
       <h4 class="mt16">Text</h4>
       <p>
							   
        change the text .
       </p>
       <td> 
       </tr> 
     </table>
                </div>
                 
                </div>
            </div>
       
    </section>
 
</template>
 <template id="website_sale" inherit_id="website.snippets" name="Snippet menu">
   <xpath expr="//div[@id='o_scroll']/div[@id='snippet_structure']/div[@class='o_panel_body']" position="inside"> 
 <t t-snippet="website_sale.s_text_imagecvci" t-thumbnail="/website_sale/static/src/img/block_menu_vertical.png"/> 
 
</xpath>
 
</template>
```