CINXE.COM
Balocco highlights | Balocco
<!doctype html> <html lang="it"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <meta content="" name="author"> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width"> <title>Balocco highlights | Balocco</title> <link rel="preload" href="https://www.balocco.it/assets/layout/packages.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://www.balocco.it/assets/layout/packages.min.css"></noscript> <link rel="preload" href="https://www.balocco.it/assets/layout/slick-1.8.0/slick/slick-theme.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://www.balocco.it/assets/layout/slick-1.8.0/slick/slick-theme.css"></noscript> <link type="text/css" rel="stylesheet" href="https://www.balocco.it/assets/css/main.css?v=1.621"> <script async src="https://www.google.com/recaptcha/api.js"></script> <style type="text/css"> #export-graph circle { stroke: rgb(191, 17, 45) !important; } #export-graph { transform: rotate(-90deg); color: #f2ced5; background: #f2ced5; border-radius: 50%; width: 200px; position: absolute; top: 0; left: 0; } #export-graph #pie { fill: #f2ced5; stroke-width: 50; stroke-dasharray: 0 158; transition: stroke-dasharray 1.5s; } #readout { position: relative; height: 0; width: 200px; height: 200px; margin-top: 40px } #graph-text { max-width: 350px; margin: auto } @media (max-width: 991px) { #graph-text { text-align: center; margin-bottom: 40px } #readout{margin: auto} #dati {margin-bottom: 50px} } @media (min-width: 992px) { .table-md > div:first-child{width:30%} .table-md > div:last-child{width:70%} } #percentDisplay { position: absolute; line-height: 20px; right: -5px; z-index: 2; top: -40px } #map-pin{position: relative} #grafici .box-border{margin-top: 0px; } #grafici .container-fluid > div{position: relative} #grafici .v-line{background-color: #FCC43D; left: 23%; z-index: 99; width: 30%} #grafici .btn-c{position: absolute;top: -20px;left: 70px} .pin { transition: all .2s ease-in-out; transform: scale(0); width: 2% } .pin.active { transform: scale(1); } </style> <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-50721014-1', 'auto'); ga('create', 'UA-114413785-1', 'auto', 'clientTracker'); ga('set', 'anonymizeIp', true); ga('clientTracker.set', 'anonymizeIp', true); ga('send', 'pageview'); ga('clientTracker.send', 'pageview'); </script> </head> <body class="id-highlights dark" > <!-- POPUP --> <!-- POPUP PARTNER JUVE --> <!-- POPUP CONCORSO JUVE --> <!-- POPUP UOVA ALLEVATE A TERRA--> <!-- POPUP VIDEO--> <div class="fixed-header"> <div class="w-container"> <div class="w-row"> <div class="logo"> <a href="https://www.balocco.it" title="home" id="main-logo-dark"><img src="https://www.balocco.it/assets/images/logo_balocco_dark.png" alt="logo Balocco"></a> <a href="https://www.balocco.it" title="home" id="main-logo"><img src="https://www.balocco.it/assets/images/logo_balocco.png" alt="logo Balocco"></a> </div> <div class="hamburger"> <div id="lang-switch"> <ul> <li><a href="/" class="ce-ignore">IT</a></li> <li>|</li> <li><a href="/en" class="ce-ignore">EN</a></li> </ul> </div> <!--// Menu --> <div id="navbar-controls" class="w-nav navbar"> <div class="w-container nav"> <nav class="w-nav-menu nav-menu" role="navigation"> <a data-menu-toggle="#menu" href="javascript:void(0)" class="ce-ignore"> <div id="nav-icon3"> <span></span> <span></span> <span></span> <span></span> </div> </a> </nav> </div> </div> </div> </div> </div> </div> <!--// Menu lateral section --> <div id="menu" class="close"> <div class="w-nav navbar"> <div class="w-container" style="overflow: hidden"> <div class="btn-close"> <a href="javascript:void(0)" class="ce-ignore" data-menu-toggle="#menu"> </a> </div> <div id="menu-slider" style="width: 100%;overflow: hidden"> <div style="width: 200%; display: table;"> <div id="main-nav" style="width: 50%; display: table-cell"> <nav class="w-nav-menu nav-menu" role="navigation"> <div id="menu-accordion-level-1"> <div class="panel panel-default"> <div class="panel-heading"> <a data-toggle="collapse" data-parent="#menu-accordion-level-1" href="#collapse-menu-our-world">Il nostro mondo</a> </div> <div id="collapse-menu-our-world" class="panel-collapse collapse"> <ul id="accordion-menu-our-world"> <li class="w-nav-link menu-li"><a href="https://www.balocco.it/highlights">Balocco highlights</a></li> <li class="w-nav-link menu-li"><a href="https://www.balocco.it/storia"> Ieri&Oggi</a></li> <li class="w-nav-link menu-li"><a href="https://www.balocco.it/certificazioni"> Le certificazioni</a></li> <li class="w-nav-link menu-li"> <a class="menu-rel" href="#menu-our-world-com">La comunicazione</a> </li> </ul> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <a href="https://www.balocco.it/buoni-per-natura"> buoni per natura </a> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <a data-toggle="collapse" data-parent="#menu-accordion-level-1" href="#collapse-menu-products">I prodotti</a> </div> <div id="collapse-menu-products" class="panel-collapse collapse"> <ul id="accordion-menu-products"> <li class="w-nav-link menu-li"> <a class="menu-rel" href="#menu-frollini">Frollini</a> </li> <li class="w-nav-link menu-li"> <a class="menu-rel" href="#menu-wafer">Wafer</a> </li> <li class="w-nav-link menu-li"> <a class="menu-rel" href="#menu-specialita">Specialità</a> </li> <li class="w-nav-link menu-li"> <a href="/natale-coming-soon">Natale</a> </li> <li class="w-nav-link menu-li"> <a class="menu-rel" href="#menu-pasqua">Pasqua</a> </li> </ul> </div> </div> <div class="panel panel-default"> <a target="_blank" href="https://www.bottegabalocco.it">Bottega Balocco</a> </div> <div class="panel-heading"> <a href="https://www.balocco.it/contatti"> Contattaci</a> </div> <div class="panel-heading"> <a href="https://www.balocco.it/area-collaboratori"> Area collaboratori</a> </div> <div class="panel-heading"> <a href="https://www.balocco.it/fornitori"> AREA FORNITORI</a> </div> </div> <div class="w-nav-social"> <a href="https://www.facebook.com/balocco" target="_blank"><img class="social" src="https://www.balocco.it/assets/images/social/fb.png"/></a> <a href="https://www.instagram.com/balocco/" target="_blank"><img class="social" src="https://www.balocco.it/assets/images/social/in.png"/></a> <a href="https://www.youtube.com/user/baloccochannel" target="_blank"><img class="social" src="https://www.balocco.it/assets/images/social/yt.png"/></a> </div> </nav> </div> <div id="sub-nav" style="width: 50%; width: 50%; display: table-cell"> <div><a id="sub-nav-back" href="#"><</a></div> <div> <ul id="menu-our-world-com"> <li class="menu-li"><a href="https://www.balocco.it/comunicazione">La comunicazione nella storia</a></li> <li class="menu-li"><a href="https://www.balocco.it/video">Spot</a></li> </ul> <ul id="menu-frollini"> <li class="menu-li classici"> <a href="https://www.balocco.it/prodotti/frollini/classici">Classici</a> </li> <li class="menu-li ricchi"> <a href="https://www.balocco.it/prodotti/frollini/ricchi">Ricchi</a> </li> <li class="menu-li integrali"> <a href="https://www.balocco.it/prodotti/frollini/integrali">Integrali</a> </li> <li class="menu-li zeropiu"> <a href="https://www.balocco.it/prodotti/frollini/zeropiu">Zeropiù</a> </li> <li class="menu-li mini-break"> <a href="https://www.balocco.it/prodotti/frollini/mini-break">Mini break</a> </li> </ul> <ul id="menu-wafer"> <li class="menu-li cubes"> <a href="https://www.balocco.it/prodotti/wafer/cubes">Cubes</a> </li> <li class="menu-li wafer"> <a href="https://www.balocco.it/prodotti/wafer/wafer">Wafer</a> </li> <li class="menu-li wafer-snack"> <a href="https://www.balocco.it/prodotti/wafer/wafer-snack">Wafer Snack</a> </li> </ul> <ul id="menu-specialita"> <li class="menu-li amaretti"> <a href="https://www.balocco.it/prodotti/specialita/amaretti">Amaretti</a> </li> <li class="menu-li savoiardi"> <a href="https://www.balocco.it/prodotti/specialita/savoiardi">Savoiardi</a> </li> <li class="menu-li sfogliatine"> <a href="https://www.balocco.it/prodotti/specialita/sfogliatine">Sfogliatine</a> </li> </ul> <ul id="menu-natale"> <li class="menu-li magie-per-piccoli"> <a href="https://www.balocco.it/prodotti/natale/magie-per-piccoli">Magie per piccoli</a> </li> <li class="menu-li mini-confezioni"> <a href="https://www.balocco.it/prodotti/natale/mini-confezioni">Mini confezioni</a> </li> <li class="menu-li torte-in-festa"> <a href="https://www.balocco.it/prodotti/natale/torte-in-festa">Torte in festa</a> </li> <li class="menu-li tradizione"> <a href="https://www.balocco.it/prodotti/natale/tradizione">La Tradizione</a> </li> <li class="menu-li gastronomici"> <a href="https://www.balocco.it/prodotti/natale/gastronomici">I Gastronomici</a> </li> <li class="menu-li cereali-e-cioccolato"> <a href="https://www.balocco.it/prodotti/natale/cereali-e-cioccolato">Cereali e Cioccolato</a> </li> <li class="menu-li i-dolci-al-cucchiaio"> <a href="https://www.balocco.it/prodotti/natale/i-dolci-al-cucchiaio">I dolci al cucchiaio</a> </li> <li class="menu-li specialita"> <a href="https://www.balocco.it/prodotti/natale/specialita">Specialità</a> </li> <li class="menu-li regali"> <a href="https://www.balocco.it/prodotti/natale/regali">Regali</a> </li> </ul> <ul id="menu-pasqua"> <li class="menu-li uova-di-cioccolato"> <a href="https://www.balocco.it/prodotti/pasqua/uova-di-cioccolato">Uova di Cioccolato</a> </li> <li class="menu-li magie-per-i-piccoli-pasqua"> <a href="https://www.balocco.it/prodotti/pasqua/magie-per-i-piccoli-pasqua">Magie per piccoli</a> </li> <li class="menu-li mini-confezioni-pasqua"> <a href="https://www.balocco.it/prodotti/pasqua/mini-confezioni-pasqua">Mini Confezioni</a> </li> <li class="menu-li torte-in-festa-pasqua"> <a href="https://www.balocco.it/prodotti/pasqua/torte-in-festa-pasqua">Torte in Festa</a> </li> <li class="menu-li tradizione-pasqua"> <a href="https://www.balocco.it/prodotti/pasqua/tradizione-pasqua">Tradizione</a> </li> <li class="menu-li cereali-e-cioccolato-pasqua"> <a href="https://www.balocco.it/prodotti/pasqua/cereali-e-cioccolato-pasqua">Cereali & Cioccolato</a> </li> <li class="menu-li soffici-e-golose"> <a href="https://www.balocco.it/prodotti/pasqua/soffici-e-golose">Soffici & Golose</a> </li> <li class="menu-li uovo-maxiciok-pasqua"> <a href="https://www.balocco.it/prodotti/pasqua/uovo-maxiciok-pasqua">L'uovo Maxiciok</a> </li> <li class="menu-li dolce-dessert-pasqua"> <a href="https://www.balocco.it/prodotti/pasqua/dolce-dessert-pasqua">Dolce Dessert</a> </li> <li class="menu-li specialita-pasqua"> <a href="https://www.balocco.it/prodotti/pasqua/specialita-pasqua">Specialità</a> </li> <li class="menu-li regali-pasqua"> <a href="https://www.balocco.it/prodotti/pasqua/regali-pasqua">Regali</a> </li> </ul> </ul> </div> </div> </div> </div> </div> </div> </div> <div style="color: #fff" class="breadcrumb">Balocco highlights</div> <section class="background-cover animatedParent v-parallax" data-src="https://www.balocco.it/assets/images/highlights/affari_bg_antracite_2.jpg" data-appear-top-offset='-300' > <div class="content-wrapper box box-left text-center animated fadeInLeftC"> <img class="icon" src="https://www.balocco.it/assets/images/highlights/affari_icon.png" alt="affari icona"> <p class="content-title"><span class="color-brand">257</span> Mio €</p> <p class="content-subtitle">Giro d'affari</p> <p class="content-title"><span class="color-brand">99,7</span> Mio €</p> <p class="content-subtitle">Patrimonio netto</p> </div> </section> <section class="background-cover animatedParent v-parallax" data-appear-top-offset='-300' data-src="https://www.balocco.it/assets/images/highlights/superficie_bg3.jpg" > <div class="content-wrapper box box-left text-center animated fadeInRightC"> <img class="icon" data-src="https://www.balocco.it/assets/images/highlights/superficie_icon.png" alt="superficie icona"> <p class="content-title"><span class="color-brand">78.200</span> mq</p> <p class="content-subtitle">Superficie produttiva e logistica</p> </div> </section> <section class="background-cover animatedParent v-parallax" data-appear-top-offset='-300' data-src="https://www.balocco.it/assets/images/highlights/unita_bg.jpg"> <div class="content-wrapper box box-left text-center animated fadeInLeftC"> <img class="icon" data-src="https://www.balocco.it/assets/images/highlights/unita_icon.png" alt="unità icona"> <p class="content-title"><span class="color-brand">403</span> unità</p> <p class="content-subtitle"><em>Organico medio 2024 </em></p> <p class="content-title"><span class="color-brand">442</span> unità</p> <p class="content-subtitle"><em>inclusi interinali e cooperative</em><br> Lavoro ciclo continuo, 24/7 </p> </div> </section> <section class="background-cover animatedParent v-parallax" data-appear-top-offset='-300' data-src="https://www.balocco.it/assets/images/highlights/investimenti_bg.jpg?v=1.1" > <div class="content-wrapper box box-left text-center animated fadeInRightC"> <img class="icon" data-src="https://www.balocco.it/assets/images/highlights/investimenti_icon.png" alt="investimenti icona"> <span class="flex-center-vertically"> <p class="content-title">Oltre <span class="color-brand">99</span> Mio €</p> <p class="content-subtitle">Investimenti tecnologici<br>ed in immobili strumentali <br> negli ultimi 10 anni </p> </span> </div> </section> <div id="dati"> <div class="container-fluid main-pd-full"> <div class="col-md-8 col-md-offset-2 col-xs-12 text-center margin-bottom50"> <strong class="f-size-50px">Nel <span class="color-brand f-size-10rem">2024</span></strong> <p class="f-size-3rem"><span class="color-brand"></span></p> </div> <div class="max-width-1300" style="clear: both;"> <div class="col-md-4 col-xs-12 text-center"> <p class="f-size-3rem">Frollini <br><span class="color-brand">43.000</span> </p> <p>tonnellate vendute nel 2024</p> </div> <div class="col-md-4 col-xs-12 text-center"> <p class="f-size-3rem">Ricorrenze <br><span class="color-brand">31,9 milioni </span> </p> <p>pezzi venduti tra Pasqua e Natale 2024</p> </div> <div class="col-md-4 col-xs-12 text-center"> <p class="f-size-3rem">Wafer <br><span class="color-brand">2.600 </span> </p> <p>tonnellate vendute nel 2024</p> </div> </div> </div> </div> <div id="grafici" class=""> <div class="container-fluid"> <div class="max-width-1300 box-border"> <div class="btn-c btn-y">Giro d'affari Export</div> <div class="visible-md visible-lg v-line hidden-xs hidden-md"></div> <div class="table-md" style="margin-top: 50px"> <div> <div id="readout"> <div id="percentDisplay" class="f-size-2rem"> 13% <br> <span class="color-brand">EXPORT</span> </div> <svg id="export-graph" viewBox="0 0 100 100"> <circle r="25" cx="50" cy="50" id="pie"/> </svg> </div> <div id="graph-text"> <div> <br> <b>Giro d'affari <span class="color-brand">33</span> milioni di €</b> <br> (13% delle vendite totali) <br><br> <b>Si esporta in <span class="color-brand">oltre 70</span> paesi</b>: <br> il 67% dei volumi è realizzato <br> all'interno della UE, il 33% Extra UE </div> </div> </div> <div> <div id="map-pin"> <img class="img-responsive" data-src="https://www.balocco.it/assets/images/highlights/mappa.jpg" alt="export map"> </div> </div> </div> </div> </div> </div> <footer class="bg-color-brand color-white text-center main-pd"> <div id="footer-1"> <div id="footer-social"> <a href="https://www.facebook.com/balocco" target="_blank"><img src="https://www.balocco.it/assets/images/social/fb.png"/></a> <a href="https://www.instagram.com/ilsignorbaloccoofficial/" target="_blank"><img src="https://www.balocco.it/assets/images/social/in.png"/></a> <a href="https://www.youtube.com/user/baloccochannel" target="_blank"><img src="https://www.balocco.it/assets/images/social/yt.png"/></a> </div> <div id="made-tunnel"> </div> </div> <div style="text-align: center"> © 2025 Balocco S.p.A <span class="sep">|</span> Sede legale e amministrativa: via S.Lucia, 51 - 12045 FOSSANO (CN) - IT | P.IVA 00312060049 <span class="sep">|</span> Tel +39 0172 653411 <!-- - FAX +39 0172 653470 --><br> <a class="ce-ignore" href="https://www.balocco.it/assets/download/privacy_it.pdf?v=1.2" target="_blank">Privacy Policy</a> | <a class="ce-ignore" href="https://www.balocco.it/assets/download/cookie_it.pdf" target="_blank">Cookie Policy</a> | <a href="https://www.balocco.it/area-collaboratori">Area collaboratori</a> | <a href="https://balocco.openblow.it/" target="_blank" >Whistleblowing</a> | <a href="https://www.balocco.it/assets/download/2022 05 02 Codice Etico Balocco Spa.pdf" target="_blank" >Codice Etico <img style="max-height: 12px;padding: 1px;" src="https://www.balocco.it/assets/images/freccia.png"/></a> | <a href="https://www.balocco.it/assets/download/2024 10 07_Politica Sistema Ambientale.pdf" target="_blank" >Politica Aziendale Ambientale <img style="max-height: 12px;padding: 1px;" src="https://www.balocco.it/assets/images/freccia.png"/></a> | <a href="https://www.balocco.it/buoni-per-natura#etichettatura-ambientale" target="_blank" >Etichettatura Ambientale</a> </div> <a id="back-to-top" href="#"><span class="color-brand">∧</span></a> </footer> <script id="ce-banner-html" type="text/plain"> <div id="cookie-law" style="text-align:justify;font-family:arial, Helvetica Neue, Arial;overflow:hidden;background-color: #000;top:0px;color:#fff;padding: 2% 1%;font-size: 14px;position: relative;z-index: 99999;width: 100%; box-sizing: border-box;line-height:2.2rem;"> <div style="max-width: 1180px;margin: auto;"> <div> Questo sito utilizza cookie, anche di terze parti, per migliorare la tua esperienza di navigazione. Cliccando su "Ok" acconsenti all’uso dei cookie e nascondere questo messaggio. Puoi prendere visione dell’informativa estesa sull’uso dei cookie cliccando <a style="color: #fff;text-decoration: underline" href="https://www.balocco.it/assets/download/cookie_it.pdf" target="_blank">QUI</a>. <a href="javascript:void(0)" style="-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-top:5px;font-size: 1em;padding: 2px 0px;display:block;width:150px;text-align:center;color: #fff;text-decoration: none;font-weight: bold;background-color: #008000" class="ce-accept">ACCETTA E CHIUDI</a> </div> </div> </div> </script> <script id="ce-iframePlaceholder-html" type="text/plain"> <p>This content is not available without cookies.</p> </script> <script type="text/javascript" async src="https://www.balocco.it/assets/js/cookies-enabler.min.js?v=1"></script> <script src="https://www.balocco.it/assets/layout/jquery-3.2.1.min.js" type="text/javascript"></script> <script src="https://www.balocco.it/assets/layout/bootstrap_custom/js/bootstrap.min.js" type="text/javascript"></script> <script src="https://www.balocco.it/assets/layout/unveil/jquery.unveil.js" type="text/javascript"></script> <script src="https://www.balocco.it/assets/layout/css3-animate-it-master/js/css3-animate-it.min.js" type="text/javascript"></script> <script src="https://www.balocco.it/assets/layout/slick-1.8.0/slick/slick.min.js" type="text/javascript"></script> <script type="text/javascript"> /*! loadCSS. [c]2017 Filament Group, Inc. MIT License */ (function(w){"use strict";var loadCSS=function(href,before,media){var doc=w.document;var ss=doc.createElement("link");var ref;if(before){ref=before;} else{var refs=(doc.body||doc.getElementsByTagName("head")[0]).childNodes;ref=refs[refs.length-1];} var sheets=doc.styleSheets;ss.rel="stylesheet";ss.href=href;ss.media="only x";function ready(cb){if(doc.body){return cb();} setTimeout(function(){ready(cb);});} ready(function(){ref.parentNode.insertBefore(ss,(before?ref:ref.nextSibling));});var onloadcssdefined=function(cb){var resolvedHref=ss.href;var i=sheets.length;while(i--){if(sheets[i].href===resolvedHref){return cb();}} setTimeout(function(){onloadcssdefined(cb);});};function loadCB(){if(ss.addEventListener){ss.removeEventListener("load",loadCB);} ss.media=media||"all";} if(ss.addEventListener){ss.addEventListener("load",loadCB);} ss.onloadcssdefined=onloadcssdefined;onloadcssdefined(loadCB);return ss;};if(typeof exports!=="undefined"){exports.loadCSS=loadCSS;} else{w.loadCSS=loadCSS;}}(typeof global!=="undefined"?global:this)); /*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */ (function(w){if(!w.loadCSS){return;} var rp=loadCSS.relpreload={};rp.support=function(){try{return w.document.createElement("link").relList.supports("preload");}catch(e){return false;}};rp.poly=function(){var links=w.document.getElementsByTagName("link");for(var i=0;i<links.length;i++){var link=links[i];if(link.rel==="preload"&&link.getAttribute("as")==="style"){w.loadCSS(link.href,link,link.getAttribute("media"));link.rel=null;}}};if(!rp.support()){rp.poly();var run=w.setInterval(rp.poly,300);if(w.addEventListener){w.addEventListener("load",function(){rp.poly();w.clearInterval(run);});} if(w.attachEvent){w.attachEvent("onload",function(){w.clearInterval(run);});}}}(this)); </script> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script> <script> WebFont.load({ google: { families: ['Overlock:400,700', 'Open+Sans:300,400,700'] } }); </script> <script> $(document).ready(function () { activeAutoScroll(550, 250); }); var graph_value = 0; $(window).scroll(function (e) { if ($(window).scrollTop() + window.innerHeight > $('#grafici').offset().top + 400) { if (graph_value == 12) return; graph_value = 12; pieSlicer(graph_value); $('.pin').each(function (i, item) { setTimeout(function () { $(item).addClass('active'); }, Math.floor((Math.random() * 1500) + 1)); }); } else { if (graph_value != 0) { $('.pin').removeClass('active'); graph_value = 0 pieSlicer(graph_value); } } }); function pieSlicer(value) { var percentValue = (value / 100) * circumference; pie.style.strokeDasharray = percentValue + " " + circumference; pie.style.stroke = "hsl(0 ," + value + "%, 50%)"; } var circle = document.getElementById("pie"), radius = parseInt(circle.getAttribute('r'), 10), circumference = 2 * radius * Math.PI; var pins = [ {x: 26, y: 34}, {x: 23, y: 40.5}, {x: 24.5, y: 50}, {x: 18, y: 51}, {x: 20.5, y: 53}, {x: 29.5, y: 60}, {x: 33.8, y: 65}, {x: 53, y: 78}, {x: 77.5, y: 61}, {x: 80, y: 61}, {x: 81, y: 65.3}, {x: 81, y: 79}, {x: 91, y: 75}, {x: 91, y: 81.5}, {x: 89.5, y: 85.5}, {x: 42.2, y: 45}, {x: 44, y: 40.5}, {x: 45.3, y: 40.3}, {x: 52.53, y: 44}, {x: 59.5, y: 38}, {x: 49.5, y: 38}, {x: 47, y: 36}, {x: 48, y: 33.2}, {x: 51, y: 32.5}, {x: 56, y: 27.5}, {x: 51, y: 27.5}, ]; $.each(pins, function (i, item) { $('#map-pin').prepend('<img class="pin" style="position:absolute; z-inde:2;left:' + item.x + '%;top:' + item.y + '%" src="https://www.balocco.it/assets/images/highlights/pin.png">'); //console.log(item); }); </script> <script src="https://www.balocco.it/assets/js/core.min.js?v=1.2.99" type="text/javascript"></script> </body> </html>