@model IList<ProductOverviewModel>

@using Nop.Web.Models.Catalog;

@if (Model.Count > 0)
{    <section class="slider">
        <h2 class="prodotti-title">@T("HomePage.Products")</h2>
        
        <div class="container slider-nav">
           <div class="row">
              <div class="col-xs-6">
                <h2><a class="slider-move" data-target="vino" href="#">Vino</a></h2>
                <div class="col-xs-6 col-sm-3"><a class="slider-move" data-target="rosso" href="#">Rosso <br><i class="fa fa-chevron-down"></i> </a></div>
                <div class="col-xs-6  col-sm-3"><a class="slider-move" data-target="rosato" href="#">Rosato <br><i class="fa fa-chevron-down"></i></a></div>
                <div class="col-xs-6  col-sm-3"><a class="slider-move" data-target="bianco" href="#">Bianco <br><i class="fa fa-chevron-down"></i></a></div>
                <div class="col-xs-6  col-sm-3"><a class="slider-move" data-target="spumante" href="#">Spumante <br><i class="fa fa-chevron-down"></i></a></div>
              </div>
              <div class="col-xs-6">
                <h2><a class="slider-move" data-target="olio" href="#">Olio</a></h2>
                <div class="col-xs-6"><a class="slider-move" data-target="olio" href="#">Leggero <br><i class="fa fa-chevron-down"></i></a></div>
                <div class="col-xs-6"><a class="slider-move" data-target="olio" href="#">Intenso <br><i class="fa fa-chevron-down"></i></a></div>
              </div>
           </div>
        </div>
        
        <div class="frame" >
            
            <ul class="slidee">

                
                @foreach (var item in Model)
                {   
                        @Html.Partial("_ProductBoxHome", item)                      
                }                
            </ul>            
        </div>   
    </section>