<!--
                                                                                                                                                                                                            
                                                                                                                                                                                                        
                                                                                                                                                                                                        
                                                                                                                                                                                                        
                                                                                                                                                                                                        
                                                                                                                                                                                                        
                                                                                                                                                                                                        
                                                                                                                                                                                                        
                                                                                                                                                                                                        
                                                                                                                                                                                                        
                                                                                                                                                                                                        
                                                                                                                                                                                                        
                                                 .*/##%%%%%%##/,.                                                                                                                                       
                                    /%/                                  .#%/                                                                                                                           
                             .%/                                                ,&*                                                                                                                     
                         .(.                                                        /(                                                                                                                  
                       **                                                              *                                                                                                                
                      *,                                                                /                                                                                                               
                      .*               . .  ....,..........,*........ .                ,.                                                                                                               
                      ,%/.        ....,../,,,*.,*,*,,,,,*/,(,/.,./..,,.(......       ,(&#  ..,,*/(((((/*.                                                                                               
                      .*/#%#,  .,,,//,,,,,,*,*/,*.,,,*///////////**,,..,,,.(,,....(%&&&@%&@&#//%&&&&%#(%&&(.                                                                                            
                       */(((#%&#%#.**,,*/,*.,,,....*.**////////////********.##*####%%(%@#@&%%%         #%%*&%,                                                                                          
                       ,*/((###%%%%%%&&&#/%&%/. ..,,,*///*/**, ,(%%(,,/(###########%%/*&&%&               &%##.                                                                                         
                        ,/((####%%%%%%%%%%%%%%%%%%&&&&&&&%%%%%%%###################%%/*&%#                 @##.                                                                                         
                        ,*/((###%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%#############%%%%%&%/,@.                 .@%(                                                                                          
                     .,,,,//((###%%%%#%%%%%%%%%%%%%%%%%%%%%%%%#####%#####%%%%&&%%&&@&(,         ...      *@%%,                                                                                          
                  .,,,,,,.*//((###%%##%%%%%%%%%%%%%%%%%%%%%###########%%%%%%&%&&&%%&%*          ....   /@&%&                                                                                            
                .,,,,,,..../(((#(###%%%%%%%%%%%%%%%%%%%%%%%%#%######%%%%%%%%%%%%%%&&/         ....,#@@&&%&                                                                                              
              .,,,,,........*((###%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%##%@&/###%&&&@@@@@@@&%%,...                                                                                              
            ................../(###%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%&&&%%####&(&@&&&&&&&&&%.......... .                                                                                             
              ...........      *((###%%%%%%%%%%%%%%%%%%%%%&%%%%%%%%%%%%&&@&%%#%&&&&&@@#      ..       ... .                                                                                             
                                 &((####%%%%%%%%%%%&&&&%&&&&&&&&&&&&&&&@@@@&&@@@@@&@@%@#  /@@(%,                                                                                                        
                           .,.     #((#####%%%%%%%&&@@@&&&@@@@@@@@@@@@@@@@@@&@@&(((%&////&%&&%,.                                                                                                        
                         #%&&@%      *((#####%%%&&&@@@@@@@@@@@@@@@@@@@@@@@@@@&%///#%#%%#((.......             ./#%/.     *(/.                                                                           
                         .,///*        ,/(####%&@@@@@@@@@@@@@@@@@@@@@@@@@@%&&&#(*/&%@@#%%(.  ..               *%&&/#%,//,.#%%*  ,.                                                                      
    .                      ..         ../,,####%%&&&&&@@@@@@@@@@@@@@@@@@@@@@@&@&&@@%(/*/#,                   //.   *&@@%#*,.  /%%/#&&%%%((%                                                             
    ,                                   ..*,,,,(####%%&@@@@@@@@%%@&&(%@@@@@&#&%(@&@#%(%#(/                 .(*&&/,.   *&@&&#%&%%&%%/@%%(&%###((.                                                        
     %                                      (%&@%%%..,/&&%/%%%&@@%%&@@&&&%%&@&&@@@@@@%%&%&(((#            &&@@%#%&@/(#**/* ###&@%%@%##&%#%%%#%#               ,                                         
      *&                                   .%%&%%#&,*%###%@@&%&@@&@@@@&&#%%(,/&&&%(%&%&#%%%%       ..  .%(@&/%*&#&%#&@@@%%%/%##%,%#//,*#&(*.          .%#%%#*/@%@%%&/#%                                 
         (%/                               .../##&#&@%/%&@&&&&&&@&&&&&%@&%%%&,,**,.               . &#@&@&&%%(%@@(#@@#%&&&&&/#&&##(@%&(//(%@#/%###      ,//*.    .,/,                                   
            .#&,.                             (#%#%&##*,**&&&%%%(%(#(**(%%(*.              ... ,(%&..,*#@&#@&%#(##&@@@@%#%%###@&%(&@@%&*%%@%(##..      .*,                                              
             ....,%&%%.                          ....   ...,(&%,...                 ...  ,,*##,,,,,,&@@&@@@@@@@@@&#(&@@@&%&&&&&#%#(///%((@%%%&##/(%  #(#%#/*#(                                          
               ...,,,***#%@@#&*                                        .......   ,%*,##/@%,,....,*%@%@@&%@@&%#@/&#/#/%     %%%#%*#//(%%%%&@&#@%#/##%%%                                                  
                 ....,,,***///(((#%&@@@@&&&%(.                   .,(%&&&&&&%###/((#%&&&&%#....   .,*#%%#,(&&@@&%%#%&( &%%#*&@@&%.          ./##(                                                        
                     .....,,,****///((((((((#######(((((#((((((((((//////*****,,,,,,......         ..,(@&&#@&%&&&%%# /&&&&%(&.%##%((%#                                                                  
                           ......,,,,,******//////////////////********,,,,,,,........                .,/#%%## .*/%%%%(#       #%%%#(((                                                                  
                                      .............,,,,,,,,,,,...............                                                                                                                           
                                                                                                                                                                                                        
                                                                                                                                                                                                        
                                                                                                                                                                                                        
                           -->
<!doctype html>
<html lang="en">

<head>
    <link rel="icon" type="image/x-icon" href="admin/assets/images/site/icon.svg">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Nome bar</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
    <style>
        .mb-n1 {
            margin-bottom: -0.25rem !important;
        }

        .white {
            background-color: #ffffff;
        }

        .sfondo {
            background-color: #ffffff;

        }
        .google_translate_element {
            position: relative;
            display: flex;
            justify-content: end;
        }
    </style>
</head>

<body class="sfondo"><div id="home"></div>
<header class="d-flex justify-content-center flex-column flex-md-row  py-3 mb-4 sticky-top white shadow">
    <a href="./" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none justify-content-center">
        <img src="admin/assets/images/site/icon.svg" alt="" width="50px" height="50px" class="ms-3 me-3">
        <span class="fs-4">Nome bar</span>
    </a>
    <ul class="nav nav-pills d-flex justify-content-center align-items-center ">
        <li class="nav-item"><a href="#home" class="nav-link">Home</a></li>
        <li class="nav-item"><a href="#newsletter_id" class="nav-link">Newsletter</a></li>
        <li><a href="#translate"><img src="assets/images/site/translate.svg" alt="translate" width="24px" height="24px" class="me-3"></a></li>
    </ul>
</header>
<div class="container">
    <div class="m-5">
        <h1 class="text-center">Nome bar</h1>
        <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel augue nec enim aliquet feugiat id ullamcorper ante. Suspendisse potenti. Vestibulum scelerisque tempus bibendum. Aenean ante nisi, blandit in erat egestas, tempor interdum neque. Curabitur ut orci ut ante dignissim cursus eget ac metus. Aliquam diam nunc, lacinia pharetra maximus eu, lacinia non ipsum. Aenean et magna nisl.</p>
    </div>
    <h1 class="text-center mb-4">Pietanze</h1>
                                                            <p>
                <button class="btn btn-primary w-100 d-flex justify-content-center mb-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapse21" aria-expanded="false" aria-controls="collapse21">
                    <h4>categoria1 (3)</h4>
                </button>
            </p>
            <div class="collapse mb-5 ms-3 me-3" id="collapse21">
                <div class="d-flex flex-column">
                                                                                                        <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653995794_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo1</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                                                <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996245_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo2</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                                                <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996320_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo3</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                        </div>
            </div>
                                                        <p>
                <button class="btn btn-primary w-100 d-flex justify-content-center mb-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapse22" aria-expanded="false" aria-controls="collapse22">
                    <h4>categoria2 (3)</h4>
                </button>
            </p>
            <div class="collapse mb-5 ms-3 me-3" id="collapse22">
                <div class="d-flex flex-column">
                                                                                                        <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996354_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo4</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                                                <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996358_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo5</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                                                <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996362_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo6</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                        </div>
            </div>
                                                        <p>
                <button class="btn btn-primary w-100 d-flex justify-content-center mb-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapse23" aria-expanded="false" aria-controls="collapse23">
                    <h4>categoria3 (3)</h4>
                </button>
            </p>
            <div class="collapse mb-5 ms-3 me-3" id="collapse23">
                <div class="d-flex flex-column">
                                                                                                        <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996367_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo7</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                                                <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996370_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo8</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                                                <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996373_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo9</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                        </div>
            </div>
                                                        <p>
                <button class="btn btn-primary w-100 d-flex justify-content-center mb-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapse24" aria-expanded="false" aria-controls="collapse24">
                    <h4>categoria4 (3)</h4>
                </button>
            </p>
            <div class="collapse mb-5 ms-3 me-3" id="collapse24">
                <div class="d-flex flex-column">
                                                                                                        <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996379_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo10</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                                                <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996381_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo11</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                                                <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996384_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo12</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                        </div>
            </div>
                                                        <p>
                <button class="btn btn-primary w-100 d-flex justify-content-center mb-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapse25" aria-expanded="false" aria-controls="collapse25">
                    <h4>categoria5 (3)</h4>
                </button>
            </p>
            <div class="collapse mb-5 ms-3 me-3" id="collapse25">
                <div class="d-flex flex-column">
                                                                                                        <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996392_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo13</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                                                <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996398_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo14</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                                                <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996404_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo15</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                        </div>
            </div>
                                                        <p>
                <button class="btn btn-primary w-100 d-flex justify-content-center mb-4" type="button" data-bs-toggle="collapse" data-bs-target="#collapse26" aria-expanded="false" aria-controls="collapse26">
                    <h4>categoria6 (3)</h4>
                </button>
            </p>
            <div class="collapse mb-5 ms-3 me-3" id="collapse26">
                <div class="d-flex flex-column">
                                                                                                        <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996408_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo16</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                                                <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996411_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo17</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                                                <div class="d-flex flex-row mb-3">
                                    <div class="d-flex align-items-center">
                                        <img src="admin/assets/images/food/cover/1653996413_835-536x354.jpeg" alt="immagine cibo" width="75" height="50" class="border border-5">
                                    </div>
                                    <ul class="w-100 align-middle mb-0">
                                        <li class=" mb-2 list-group-item">
                                            <p class="mb-0 mb-n1 ">cibo18</p>
                                            <p class="mb-0 mb-n1">lorem ipsum dolor sit amet</p>
                                        </li>
                                        <li class="border-bottom mb-2 list-group-item d-flex justify-content-between">
                                            <h6 class=" mb-n1">Prezzo</h6>
                                            <p class=" mb-n1">1.00 €</p>
                                        </li>
                                    </ul>
                                </div>
                                                                                        </div>
            </div>
                <div style="height: 500px;"></div>
</div>
<footer class="white pt-5 border-top" style="box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;">
    <div class=" d-flex justify-content-center">
        <div class="col-lg-4">
            <!--visualizza stato risultato-->
                        <!--fine visualizza visualizza stato risultato-->
            <div id="newsletter_id"></div>
            <form action="#newsletter_id" method="POST">
                <h5>Sottoscriviti</h5>
                <p>Nome bar vuole tenerti aggiornato!</p>
                <div class="d-flex w-100 gap-2">
                    <label for="newsletter1" class="visually-hidden">Email</label>
                    <input id="newsletter1" type="text" class="form-control" placeholder="Email" name="email">
                    <button class="btn btn-primary" type="submit" name="add-newsletter">Sottoscriviti</button>
                </div>
            </form>
        </div>
    </div>
    <div class="d-flex justify-content-center pt-5 pb-5 pb-0 text-center">
        <p>© 2022 Company, Inc. All rights reserved.<br><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="77121a161e1b37121a161e1b5914181a">[email&#160;protected]</a></p>
    </div>
    <div id="translate"></div>
    <div id="google_translate_element" class="me-3 google_translate_element"></div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({
                pageLanguage: 'en'
            }, 'google_translate_element');
        }
    </script>

    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</body>

</html>