301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: blu3.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html dir="ltr" lang="it"> <head> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/cookie-bar/cookiebar-latest.min.js?always=1"></script> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="description" content="Stampanti, multifunzioni, plotter, server, computer e monitor di ogni genere" /> <meta name="keywords" content="Stampanti, multifunzioni, plotter, server, computer e monitor di ogni genere" /> <meta name="author" content="Blu3" /> <title>Blu3 Programma Ufficio Castellanza (VA)- Vendita e Noleggio Stampanti, multifunzioni, plotter, server, computer e monitor di ogni genere</title> <link href="images/favicon.png" rel="shortcut icon" type="image/png"> <link href="images/apple-touch-icon.png" rel="apple-touch-icon"> <link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72"> <link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114"> <link href="images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144"> <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css"> <link href="css/animate.css" rel="stylesheet" type="text/css"> <link href="css/css-plugin-collections.css" rel="stylesheet" /> <link href="css/menuzord-megamenu.css" rel="stylesheet" /> <link id="menuzord-menu-skins" href="css/menuzord-skins/menuzord-boxed.css" rel="stylesheet" /> <link href="css/style-main.css" rel="stylesheet" type="text/css"> <link href="css/preloader.css" rel="stylesheet" type="text/css"> <link href="css/custom-bootstrap-margin-padding.css" rel="stylesheet" type="text/css"> <link href="css/responsive.css" rel="stylesheet" type="text/css"> <link href="js/revolution-slider/css/settings.css" rel="stylesheet" type="text/css" /> <link href="js/revolution-slider/css/layers.css" rel="stylesheet" type="text/css" /> <link href="js/revolution-slider/css/navigation.css" rel="stylesheet" type="text/css" /> <!-- <link href="css/colors/theme-skin-color-set3.css" rel="stylesheet" type="text/css"> --> <link href="css/colors/theme-skin-color-set2.css?1716820627888" rel="stylesheet" type="text/css"> <script src="js/jquery-2.2.4.min.js"></script> <script src="js/jquery-ui.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery-plugin-collection.js"></script> <script src="js/revolution-slider/js/jquery.themepunch.tools.min.js"></script> <script src="js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body class="has-side-panel side-panel-right fullwidth-page"> <div id="wrapper" class="clearfix"> <div id="preloader"> <div id="spinner"> <img alt src="images/preloaders/5.gif"> </div> <!-- <div id="disable-preloader" class="btn btn-default btn-sm">Disable Preloader</div> --> </div> <header id="header" class="header"> <div class="header-top bg-theme-colored2 sm-text-center"> <div class="container"> <div class="row"> <div class="col-md-7"> <div class="widget text-white"> <i class="fa fa-clock-o text-theme-colored"></i> Orari: Lun - Ven : 8.30 / 12.00 - 14:00 / 18:30 </div> </div> <div class="col-md-5"> <div class="widget m-0 pull-right sm-pull-none sm-text-center"> <ul class="list-inline pull-right"> </ul> </div> <div class="widget pull-right flip sm-pull-none"> <ul class="nav navbar-nav list-bordered language-switcher"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img src="images/flags/it.png" alt="It"> IT <span class="caret"></span></a> <ul class="dropdown-menu"> <!-- <li><a href="#"><img src="images/flags/fr.png" alt="En"> France</a></li> <li><a href="#"><img src="images/flags/de.png" alt="En"> German</a></li> --> <li><a href="#"><img src="images/flags/it.png" alt="En"> Italiano</a></li> </ul> </li> </ul> </div> <div class="widget pull-right flip sm-pull-none"> <!-- <ul class="list-inline text-right flip sm-text-center"> <li> <a class="text-white" href="#">FAQ</a> </li> <li class="text-white">|</li> <li> <a class="text-white" href="#">Help Desk</a> </li> <li class="text-white">|</li> <li> <a class="text-white" href="#">Support</a> </li> </ul> --> </div> </div> </div> </div> </div> <div class="header-middle p-0 bg-lightest xs-text-center"> <div class="container pt-20 pb-20"> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-3"> <div class="widget no-border sm-text-center mt-10 mb-10 m-0"> <a href="mailto:[email protected]" class="font-12 text-gray text-uppercase"> <i class="fa fa-envelope text-theme-colored font-32 mt-5 mr-sm-0 sm-display-block pull-left flip sm-pull-none"></i> Email <h5 class="font-13 text-black m-0">[email protected]</h5></a> </div> </div> <div class="col-xs-12 col-sm-4 col-md-3"> <div class="widget no-border sm-text-center mt-10 mb-10 m-0"> <a href="tel:+390331501395" class="font-12 text-gray text-uppercase"> <i class="fa fa-phone-square text-theme-colored font-32 mt-5 mr-sm-0 sm-display-block pull-left flip sm-pull-none"></i> Infoline <h5 class="font-13 text-black m-0"> +39 0331 501395</h5></a> </div> </div> <div class="col-xs-12 col-sm-4 col-md-3"> <div class="widget no-border sm-text-center mt-10 mb-10 m-0"> <a href="https://maps.app.goo.gl/bmjWb247jHmbLytx6" target="_blank" class="font-12 text-gray text-uppercase"> <i class="fa fa-building-o text-theme-colored font-32 mt-5 mr-sm-0 sm-display-block pull-left flip sm-pull-none"></i> Castellanza (VA) <h5 class="font-13 text-black m-0">Via Alberto da Giussano, 15</br></h5></a> </div> </div> <div class="col-xs-12 col-sm-12 col-md-3"> <ul class="pull-right flip hidden-sm hidden-xs"> <li> <br> <a href="tel:00390331501395" class="btn btn-default font-14 btn-dark btn-theme-colored mt-0 mb-30 hvr-bounce-to-left no-border">Chiama</a> </li> </ul> </div> </div> </div> </div> <div class="header-nav"> <div class="header-nav-wrapper navbar-scrolltofixed bg-white"> <div class="container"> <nav id="menuzord-right" class="menuzord blue"><a class="menuzord-brand pull-left flip mb-15" href="./"><img src="images/logo-wide-small.png" alt></a> <ul class="list-inline nav-side-icon-list pull-right"> <!-- <li> <a href="#" id="inline-fullwidth-search-btn"><i class="search-icon fa fa-search"></i></a> <div id="inline-fullwidth-search-form" class="clearfix"> <form> <input type="text" onkeypress="return search(this)" name="s" value placeholder="Inserisci descrizione poi premi invio..." autocomplete="off"> </form> <a href="#" id="close-search-btn"><i class="icon_close"></i></a> </div> </li> --> <script> function search(this) { if(addEventListener.key === 'Enter') { window.location = "https://help.madcapsoftware.com/flare2021r2/Default.htm#cshid=&searchQuery=" return false; }} </script> <!-- MINICART <li> <div class="woocommerce top-nav-mini-cart-icon-container"> <div class="top-nav-mini-cart-icon-contents"> <a class="mini-cart-icon" href="#" title="View your shopping cart"><i class="icon_cart_alt"></i><span class="items-count">2</span> <span class="cart-quick-info">2 items - <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">£</span>38.00</span></span></a> <div class="dropdown-content"> <div class="dropdown-content-wrapper"> <ul class="woocommerce-mini-cart cart_list product_list_widget "> <li class="woocommerce-mini-cart-item mini_cart_item"> <a href="#" class="remove" aria-label="Remove this item" data-product_id="3265" data-product_sku>×</a> <a href="#"><img src="http://placehold.it/68x68" alt width="68">Happy Ninja </a> <span class="quantity">1 × <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">£</span>18.00</span></span> </li> <li class="woocommerce-mini-cart-item mini_cart_item"> <a href="#" class="remove" aria-label="Remove this item" data-product_id="31" data-product_sku>×</a> <a href="#"><img src="http://placehold.it/68x68" alt width="68">Ninja Silhouette </a> <span class="quantity">1 × <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">£</span>20.00</span></span> </li> </ul> <div class="woocommerce-mini-cart__total total cart-subtotal">Subtotal: <span><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">£</span>38.00</span></span></div> <div class="woocommerce-mini-cart__buttons buttons cart-action-buttons"> <div class="row"> <div class="col-xs-6 pr-5"><a href="http://kodesolution.net/demo/wp/medicale-wp/cart/" class="btn btn-gray btn-block wc-forward">View Cart</a></div> <div class="col-xs-6 pl-5"><a href="http://kodesolution.net/demo/wp/medicale-wp/checkout/" class="btn btn-dark btn-theme-colored btn-block checkout wc-forward">Checkout</a></div> </div> </div> </div> </div> </div> </div> </li> --> <!-- SIDE PANEL <li><div id="side-panel-trigger" class="side-panel-trigger"><a href="#"><i class="fa fa-bars font-24"></i></a></div></li> --> </ul> <ul class="menuzord-menu onepage-nav"> <li class="active"><a href="#home">Home</a></li> <li><a href="#chisiamo">Chi siamo</a></li> <li><a href="#servizi">Servizi</a></li> <!-- <li><a href="#experts">Experts</a></li> --> <li><a href="#prodotti">Prodotti</a></li> <!-- <li><a href="#gallery">Gallery</a></li> --> <li><a href="#blog">Promo e News</a></li> <li><a href="#contatti">Contatti</a></li> </ul> </nav> </div> </div> </div> </header> <div class="main-content"> <section id="home" class="divider parallax" data-bg-img="images/bg/bg3.jpg"> <div class="display-table"> <div class="display-table-cell"> <div class="container mt-50 mb-20"> <div class="row"> <div class="col-md-8"> <div class="home-content pt-0"> <h1 class="text-white">Vendita, Assistenza e <span class="text-theme-colored2">Noleggio</span><br></h1> <ul class="list list-white check font-20"> <li><a href="#">Stampanti, Multifunzioni e Plotter</a></li> <li><a href="#">Server e Reti</a></li> <li><a href="#">Materiali di consumo</a></li> <li><a href="#">Hardware e Software</a></li> <li><a href="#">Soluzioni per ufficio</a></li> <li><a href="#">Smaltimento Toner</a></li> </ul> <a class="btn btn-theme-colored btn-dark btn-default btn-flat border-left-theme-color-2-6px mt-15" href="#servizi">Tutti i servizi</a> </div> </div> <div class="col-md-4 mt-30 hidden-xs"> <div class="bg-theme-colored p-25"> <h3 class="title-pattern mt-0"><span class="text-white">Richiedi una Consulenza Gratuita</span></h3> <form id="reservation_form" name="reservation_form" class="reservation-form mt-20" method="post" action="./mailer3.php"> <div class="row"> <div class="col-sm-12"> <div class="form-group mb-20"> <input placeholder="Nome e Cognome" type="text" name="name" id="name" required class="form-control"> </div> </div> <div class="col-sm-6"> <div class="form-group mb-20"> <input placeholder="Email" type="text" name="email" id="email" class="form-control" required> </div> </div> <div class="col-sm-6"> <div class="form-group mb-20"> <input placeholder="Telefono" type="text" name="phone" id="phone" class="form-control" required> </div> </div> <div class="col-sm-6"> <div class="form-group mb-20"> <div class="styled-select"> <select id="person_select" name="servizio" id="servizio" class="form-control" required> <option value>Servizio</option> <option value="Stampanti, Multifunzioni e Plotter">Stampanti, Multifunzioni e Plotter</option> <option value="Server e Reti">Server e Reti</option> <option value="Materiali di consumo">Materiali di consumo</option> <option value="Hardware e Software">Hardware e Software</option> <option value="Smaltimento Toner">Smaltimento Toner</option> <option value="Soluzioni per ufficio">Soluzioni per ufficio</option> <option value="Smaltimento Toner">Smaltimento Toner</option> </select> </div> </div> </div> <div class="col-sm-6"> <div class="form-group mb-20"> <input class="form-control" type="date" name="giorno" id="giorno" placeholder="Giorno" aria-required="true"> </div> </div> <div class="col-sm-12"> <div class="form-group"> <textarea placeholder="Orario e informazioni" rows="3" class="form-control required" name="message" id="message" aria-required="true"></textarea> </div> </div> <div class="form-group"> <input type="checkbox" id="human" required="required" name="human"> <label for="human" style="color:white">*Acconsento all'invio dei dati (<a href="#openModal" style="color:#2f538a">privacy</a>)</label> </div> <div class="col-sm-12"> <div class="form-group mb-0 mt-10"> <input name="form_botcheck" class="form-control" type="hidden" value> <button type="submit" class="btn btn-colored btn-theme-color2 text-white btn-lg btn-block" data-loading-text="RICHIESTA INVIATA!">Richiedi Consulenza</button> </div> </div> </div> </form> <script data-cfasync="false" src="../../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> $("#reservation_form").validate({ submitHandler: function(form) { var form_btn = $(form).find('button[type="submit"]'); var form_result_div = '#form-result'; $(form_result_div).remove(); form_btn.before('<div id="form-result" class="alert alert-success" role="alert" style="display: none;"></div>'); var form_btn_old_msg = form_btn.html(); form_btn.html(form_btn.prop('disabled', true).data("loading-text")); $(form).ajaxSubmit({ dataType: 'json', success: function(data) { if( data.status == 'true' ) { $(form).find('.form-control').val(''); } form_btn.prop('disabled', false).html(form_btn_old_msg); $(form_result_div).html(data.message).fadeIn('slow'); setTimeout(function(){ $(form_result_div).fadeOut('slow') }, 6000); } }); } }); </script> </div> </div> </div> </div> </div> </div> </section> <section> <div class="container pb-30 pb-sm-0 mt-10"> <div class="section-content text-center"> <div class="row"> <div class="col-sm-6 col-md-4 maxwidth500 mb-sm-40 mt-sm-0 mt-xs-0 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s"> <div class="project mb-30 border-2px bg-theme-colored2"> <div class> <img class="img-fullwidth" alt src="images/project/t1.jpg"> </div> <div class="project-details p-0"> <div class="pt-60 pb-0"> <h3 class="font-weight-700 text-uppercase text-center mt-10"><a href="#" class="text-white">Assistenza remota</a></h3> </div> <p class="p-30 pt-0 pb-10 text-center text-white"> Clicca per scaricare ed installare il software che ci occorre per fornirti aiuto.</p> <span class="project-number"><i class="pe-7s-tools"></i></span> <a href="https://www.supremocontrol.com/it/" download target="_blank" class="btn btn-default font-14 btn-dark btn-theme-colored mt-0 mb-30 hvr-bounce-to-left no-border">Scarica</a> </div> </div> </div> <div class="col-sm-6 col-md-4 maxwidth500 mb-sm-40 mt-sm-0 mt-xs-0 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s"> <div class="project mb-30 border-2px bg-black-222"> <div class> <img class="img-fullwidth" alt src="images/project/t2.jpg"> </div> <div class="project-details p-0"> <div class="pt-60 pb-0"> <h3 class="font-weight-700 text-uppercase text-center mt-10"><a href="#" class="text-white">Assistenza telefonica</a></h3> </div> <p class="p-30 pt-0 pb-10 text-center text-white">Assistenza telefonica sempre disponibile in orari di ufficio</p> <span class="project-number"><i class="pe-7s-headphones"></i></span> <a href="tel:00390331501395" class="btn btn-default font-14 btn-dark btn-theme-colored mt-0 mb-30 hvr-bounce-to-left no-border">Chiama</a> </div> </div> </div> <div class="col-sm-6 col-md-4 maxwidth500 mb-sm-0 mt-sm-10 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s"> <div class="project mb-30 border-2px bg-theme-colored2"> <div class> <img class="img-fullwidth" alt src="images/project/t3.jpg"> </div> <div class="project-details p-0"> <div class="pt-60 pb-0"> <h3 class="font-weight-700 text-uppercase text-center mt-10"><a href="#" class="text-white">Ritiro Toner Esausti</a></h3> </div> <p class="p-30 pt-0 pb-10 text-center text-white">Ritiro a norma di legge senza pensieri con ZeroZeroToner</p> <span class="project-number"><i class="pe-7s-print"></i></span> <a href="https://www.zerozerotoner.net/Access/LoginCustomer" target="_blank" class="btn btn-default font-14 btn-dark btn-theme-colored mt-0 mb-30 hvr-bounce-to-left no-border">Prenota Ritiro</a> </div> </div> </div> </div> </div> </div> </section> <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Chiudi" class="close">X</a> <h2 style="color:black">Privacy</h2> <p style="color:black">Desideriamo informarla che premendo il tasto Invia, Lei acconsente al trattamento dei suoi dati personali, regolamentato dalla legge n°675/96. Secondo la legge indicata, tale trattamento sarà improntato sui principi di correttezza, liceità e trasparenza, tutelando la sua riservatezza ed i suoi diritti. I dati in nostro possesso non saranno comunicati ad altri soggetti, se non dietro preventivo consenso. Ai sensi dell'art. 13 L 675/96 potrà in qualsiasi momento cancellare i suoi dati scrivendo a <strong>[email protected]</strong> .La Privacy Policy completa è disponibile in fondo al sito.</p> </div> </div> <section id="chisiamo" class="divider parallax layer-overlay overlay-theme-colored-9" data-bg-img="images/bg/bg7.jpg" data-parallax-ratio="0.7"> <div class="container pt-60 pb-50"> <div class="section-content"> <div class="row"> <div class="col-md-6 p-20 pt-0"> <h2 class="text-uppercase mt-0"><strong style="color:white">CANON</strong> <span class="text-theme-colored2"> BUSINESS CENTER</span></h2> <p class="text-white lead p-10 pl-0 text-justify pt-0">Nati nel 1966, rappresentiamo da <script> var birth = new Date('01/01/1966'); var check = new Date(); var milliDay = 1000 * 60 * 60 * 24; // a day in milliseconds; var ageInDays = (check - birth) / milliDay; var ageInYears = Math.floor(ageInDays / 365 ); var age = ageInDays / 365 ; document.write( ageInYears ); </script> anni la più completa organizzazione di soluzioni per il vostro ufficio. Negli anni ci siamo affermati nel mercato dell’Alto Milanese come primari fornitori di prodotti e soluzioni per il mondo delle aziende, dell’office e dei professionisti della stampa digitale. Lavoriamo ogni giorno per soddisfare tutte le esigenze dei nostri clienti che accompagniamo durante la loro crescita conquistando così un rapporto di fiducia stabile e duraturo. Sviluppiamo soluzioni attraverso diverse partnership con i migliori brand e con la nostra creatività e capacità esaminiamo e risolviamo le diverse problematiche che ci vengono sottoposte.<br><br> Le migliaia di clienti che ci dimostrano quotidianamente la loro fiducia confermano la qualità e la professionalità del nostro servizio, che cerchiamo sempre di mantenere ai più alti livelli delle loro aspettative.</p> </div> <div class="col-md-6 mt-0 mb-20"> <br><br> <video width="100%" height="auto" poster="previewVideo.png" controls> <source src="Spot_blu3def.mp4" type="video/mp4"> Il tuo Browser non supporta il Tag Video. </video> </div> </div> </div> </div> </section> <section> <div class="container pt-10 pb-40 pt-sm-0 pb-sm-20"> <div class="section-content"> <div class="row"> <div class="col-sm-12 col-md-4 mb-sm-20 hidden-sm"> <img src="images/photos/ab2.jpg" alt> </div> <div class="col-sm-12 col-md-8 mb-sm-20 mb-xs-0"> <br><br> <h2 class="text-uppercase mt-0">Benvenuti in <span class="text-theme-colored2"> Blu3 Programma Ufficio</span></h2> <p class="lead">Il cliente è al centro del nostro sistema e delle nostre azioni; la ricerca continua di relazioni migliora la nostra capacità di orientarlo e soddisfarlo.</p> <p class="mb-30">La soddisfazione del cliente è la priorità di ogni nostro collaboratore.</p> <h2 class="text-uppercase mt-0">Da <span class="text-theme-colored2"> <script> var birth = new Date('01/01/1966'); var check = new Date(); var milliDay = 1000 * 60 * 60 * 24; // a day in milliseconds; var ageInDays = (check - birth) / milliDay; var ageInYears = Math.floor(ageInDays / 365 ); var age = ageInDays / 365 ; document.write( ageInYears ); </script> anni</span> al vostro servizio</h2> <br><br> <div class="row"> <div class="col-sm-6 col-md-6 mb-10"> <div class="icon-box icon-left p-0 iconbox-theme-colored"> <a class="icon icon-dark icon-circled icon-border-effect effect-circled pull-left flip mr-20" href="#"> <i class="pe-7s-clock"></i> </a> <h4 class="icon-box-title mt-0 mb-5">Consulenza ed Efficienza</h4> <p class="text-gray">Da decenni, Blu3 è il Partner ideale per il tuo Business.</p> </div> </div> <div class="col-sm-6 col-md-6 mb-10"> <div class="icon-box icon-left p-0 iconbox-theme-colored"> <a class="icon icon-dark icon-circled icon-border-effect effect-circled pull-left flip mr-20" href="#"> <i class="pe-7s-cash"></i> </a> <h4 class="icon-box-title mt-0 mb-5">Ottimizzazione dei Costi</h4> <p class="text-gray">Soluzioni su misura per ottimizzare i costi e aumentare la produttività.</p> </div> </div> <div class="col-sm-6 col-md-6"> <div class="icon-box icon-left p-0 iconbox-theme-colored"> <a class="icon icon-dark icon-circled icon-border-effect effect-circled pull-left flip mr-20" href="#"> <i class="pe-7s-headphones"></i> </a> <h4 class="icon-box-title mt-0 mb-5">Supporto e Assistenza</h4> <p class="text-gray">Assistenza remota e Telefonica per tutta la clientela a supporto del vostro Business.</p> </div> </div> <div class="col-sm-6 col-md-6"> <div class="icon-box icon-left p-0 iconbox-theme-colored"> <a class="icon icon-dark icon-circled icon-border-effect effect-circled pull-left flip mr-20" href="#"> <i class="pe-7s-print"></i> </a> <h4 class="icon-box-title mt-0 mb-5">Canon Business Partner</h4> <p class="text-gray">Massimo livello di esperienza nella vendita e assistenza di prodotti o soluzioni avanzate.</p> </div> </div> </div> </div> </div> </div> </div> </section> <section id="mission"> <div class="container-fluid pt-0 pb-0"> <div class="row equal-height"> <div class="col-sm-12 col-md-7 pull-right xs-pull-none bg-theme-colored wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s"> <div class="pt-60 pb-10 pl-90 pr-100 p-md-30 pb-xs-0 pb-sm-0"> <br> <h2 class="title text-white text-uppercase line-bottom mt-0 mb-20">Tecnici Qualificati</h2> <div class="pr-0 pl-20"> <div class="row pb-30"> <p class="mb-40 text-white">Per garantire il massimo livello di assistenza abbiamo implementato un organico di oltre 10 tecnici specializzati che assicurano ai nostri clienti un servizio di assistenza qualitativo e continuativo sia in loco che da remoto.</p> <!-- <div class="col-sm-4 col-md-4"> <div class="icon-box iconbox-theme-colored p-0"> <a href="#" class="icon icon-sm mb-0 mr-0"> <i class="pe-7s-monitor font-42 text-white"></i> </a> <div class="desc"> <h5 class="icon-box-title text-white font-16 font-weight-600 mt-15 mb-10">Free Diagnostics</h5> <p class="text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </div> </div> </div> <div class="col-sm-4 col-md-4"> <div class="icon-box iconbox-theme-colored p-0"> <a href="#" class="icon icon-sm mb-0 mr-0"> <i class="pe-7s-light font-42 text-white"></i> </a> <div class="desc"> <h5 class="icon-box-title text-white font-16 font-weight-600 mt-15 mb-10">High Quality Work</h5> <p class="text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </div> </div> </div> <div class="col-sm-4 col-md-4"> <div class="icon-box iconbox-theme-colored p-0"> <a href="#" class="icon icon-sm mb-0 mr-0"> <i class="pe-7s-cloud font-42 text-white"></i> </a> <div class="desc"> <h5 class="icon-box-title text-white font-16 font-weight-600 mt-15 mb-10">Professional Approch</h5> <p class="text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </div> </div> </div> --> </div> </div> </div> </div> <div class="col-sm-6 col-md-5 p-0 bg-img-cover wow fadeInRight hidden-xs hidden-sm" data-bg-img="images/photos/ab1.jpg" data-wow-duration="1s" data-wow-delay="0.3s"> </div> </div> </div> </section> <section id="servizi"> <div class="container pt-70 pb-40"> <div class="section-title text-center"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2 class="mt-0 line-height-1 text-center text-uppercase mb-10 text-black-333">I NOSTRI <span class="text-theme-colored2"> SERVIZI</span></h2> <!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem<br> voluptatem obcaecati!</p> --> </div> </div> </div> <div class="row multi-row-clearfix"> <div class="col-md-12"> <div class="owl-carousel-3col owl-nav-top" data-dots="true"> <div class="item"> <div class="box-hover-effect effect-alaska"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/services/c1.jpg" alt="project"> </div> <div class="bottom-info-box bg-theme-colored-transparent-deep"> <div class="title"> <div class="pull-left mr-10 text-white"><i class="fa fa-print font-24 mt-5"></i></div> <h3 class="title text-white mt-0">Vendita e Noleggio</h3> <div class="invisible-parts text-white"> <p>Stampanti, multifunzioni, plotter, server, computer e monitor di ogni genere. Offerte ad-hoc e competenza.</p> </div> <!-- <a class="btn btn-border btn-transparent btn-circled btn-sm" href="#">Read more</a> --> </div> </div> </div> </div> </div> <div class="item"> <div class="box-hover-effect effect-alaska"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/services/c2.jpg" alt="project"> </div> <div class="bottom-info-box bg-theme-colored-transparent-deep"> <div class="title"> <div class="pull-left mr-10 text-white"><i class="fa fa-desktop font-24 mt-5"></i></div> <h3 class="title text-white mt-0">Assistenza hardware e software</h3> <div class="invisible-parts text-white"> <p>Proposte “tutto incluso”, supporto e customer care su misura, assistenza remota.</p> </div> <!-- <a class="btn btn-border btn-transparent btn-circled btn-sm" href="#">Read more</a> --> </div> </div> </div> </div> </div> <div class="item"> <div class="box-hover-effect effect-alaska"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/services/c3.jpg" alt="project"> </div> <div class="bottom-info-box bg-theme-colored-transparent-deep"> <div class="title"> <div class="pull-left mr-10 text-white"><i class="fa fa-print font-24 mt-5"></i></div> <h3 class="title text-white mt-0">Gestione del colore professionale</h3> <div class="invisible-parts text-white"> <p>Ottimizzazione e gestione del rapporto qualità/prezzo per le tue stampe.</p> </div> <!-- <a class="btn btn-border btn-transparent btn-circled btn-sm" href="#">Read more</a> --> </div> </div> </div> </div> </div> <div class="item"> <div class="box-hover-effect effect-alaska"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/services/c4.jpg" alt="project"> </div> <div class="bottom-info-box bg-theme-colored-transparent-deep"> <div class="title"> <div class="pull-left mr-10 text-white"><i class="fa fa-desktop font-24 mt-5"></i></div> <h3 class="title text-white mt-0">Soluzioni documentali</h3> <div class="invisible-parts text-white"> <p>Gestione documentale, digitalizzazione e soluzioni su misura per il tuo Business.</p> </div> <!-- <a class="btn btn-border btn-transparent btn-circled btn-sm" href="#">Read more</a> --> </div> </div> </div> </div> </div> <div class="item"> <div class="box-hover-effect effect-alaska"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/services/c5.jpg" alt="project"> </div> <div class="bottom-info-box bg-theme-colored-transparent-deep"> <div class="title"> <div class="pull-left mr-10 text-white"><i class="fa fa-television font-24 mt-5"></i></div> <h3 class="title text-white mt-0">Materiali di consumo</h3> <div class="invisible-parts text-white"> <p>Tutti i materiali di consumo di cui necessiti in facilità.</p> </div> <!-- <a class="btn btn-border btn-transparent btn-circled btn-sm" href="#">Read more</a> --> </div> </div> </div> </div> </div> <div class="item"> <div class="box-hover-effect effect-alaska"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/services/c6.jpg" alt="project"> </div> <div class="bottom-info-box bg-theme-colored-transparent-deep"> <div class="title"> <div class="pull-left mr-10 text-white"><i class="fa fa-print font-24 mt-5"></i></div> <h3 class="title text-white mt-0">Ritiro a domicilio Toner esausti</h3> <div class="invisible-parts text-white"> <p>Gestione completa del ritiro a domicilio delle cartucce esauste di toner e di inchiostro con conferimento allo smaltitore, secondo gli obblighi previsti dalla legge.</p> </div> <!-- <a class="btn btn-border btn-transparent btn-circled btn-sm" href="#">Read more</a> --> </div> </div> </div> </div> </div> <div class="item"> <div class="box-hover-effect effect-alaska"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/services/c7.jpg" alt="project"> </div> <div class="bottom-info-box bg-theme-colored-transparent-deep"> <div class="title"> <div class="pull-left mr-10 text-white"><i class="fa fa-print font-24 mt-5"></i></div> <h3 class="title text-white mt-0">Cancelleria</h3> <div class="invisible-parts text-white"> <p>Tutto quello che ti serve per il tuo Ufficio, a portata di Click.</p> </div> <!-- <a class="btn btn-border btn-transparent btn-circled btn-sm" href="#">Read more</a> --> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- <section id="experts"> <div class="container pt-70 pb-70"> <div class="section-title text-center"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2 class="mt-0 line-height-1 text-center text-uppercase mb-10 text-black-333">Our <span class="text-theme-colored2"> Experts</span></h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem<br> voluptatem obcaecati!</p> </div> </div> </div> <div class="row mtli-row-clearfix"> <div class="col-md-12"> <div class="owl-carousel-4col" data-dots="true"> <div class="item"> <div class="maxwidth500 team-members mb-sm-30 border-2px"> <div class="team-upper-blockr"> <img class="img-fullwidth" src="images/team/c1.jpg" alt> <h4 class="mt-0 bg-theme-colored text-white pb-10 pt-10 pl-20 mb-0">Jacobe Martin <span class="font-13">-Engineer</span></h4> </div> <div class="team-lower-block border-top pb-10 pt-10 p-20"> <p class="pb-0 pt-0">Lorem ipsum dolor sit ametcon secte adipisicing elit.</p> <ul> <li><i class="fa fa-phone"></i> (088) 125-4567</li> <li><i class="fa fa-envelope-o"></i> <a href="https://html.kodesolution.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="82d1e3eff2eee7c2fbedf7f0e6edefe3ebecace1edef">[email protected]</a></li> </ul> <ul class="styled-icons icon-dark icon-bordered icon-circled icon-theme-colored clearfix pt-10"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-skype"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> </ul> </div> </div> </div> <div class="item"> <div class="maxwidth500 team-members mb-sm-30 border-2px"> <div class="team-upper-blockr"> <img class="img-fullwidth" src="images/team/c2.jpg" alt> <h4 class="mt-0 bg-theme-colored text-white pb-10 pt-10 pl-20 mb-0">Jacobe Martin <span class="font-12">-Engineer</span></h4> </div> <div class="team-lower-block border-top pb-10 pt-10 p-20"> <p class="pb-0 pt-0">Lorem ipsum dolor sit ametcon secte adipisicing elit.</p> <ul> <li><i class="fa fa-phone"></i> (088) 125-4567</li> <li><i class="fa fa-envelope-o"></i> <a href="https://html.kodesolution.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2a794b475a464f6a53455f584e45474b434404494547">[email protected]</a></li> </ul> <ul class="styled-icons icon-dark icon-bordered icon-circled icon-theme-colored clearfix pt-10"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-skype"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> </ul> </div> </div> </div> <div class="item"> <div class="maxwidth500 team-members mb-sm-30 border-2px"> <div class="team-upper-blockr"> <img class="img-fullwidth" src="images/team/c3.jpg" alt> <h4 class="mt-0 bg-theme-colored text-white pb-10 pt-10 pl-20 mb-0">Jacobe Martin <span class="font-12">-Engineer</span></h4> </div> <div class="team-lower-block border-top pb-10 pt-10 p-20"> <p class="pb-0 pt-0">Lorem ipsum dolor sit ametcon secte adipisicing elit.</p> <ul> <li><i class="fa fa-phone"></i> (088) 125-4567</li> <li><i class="fa fa-envelope-o"></i> <a href="https://html.kodesolution.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="beeddfd3ced2dbfec7d1cbccdad1d3dfd7d090ddd1d3">[email protected]</a></li> </ul> <ul class="styled-icons icon-dark icon-bordered icon-circled icon-theme-colored clearfix pt-10"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-skype"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> </ul> </div> </div> </div> <div class="item"> <div class="maxwidth500 team-members mb-sm-30 border-2px"> <div class="team-upper-blockr"> <img class="img-fullwidth" src="images/team/c4.jpg" alt> <h4 class="mt-0 bg-theme-colored text-white pb-10 pt-10 pl-20 mb-0">Jacobe Martin <span class="font-12">-Engineer</span></h4> </div> <div class="team-lower-block border-top pb-10 pt-10 p-20"> <p class="pb-0 pt-0">Lorem ipsum dolor sit ametcon secte adipisicing elit.</p> <ul> <li><i class="fa fa-phone"></i> (088) 125-4567</li> <li><i class="fa fa-envelope-o"></i> <a href="https://html.kodesolution.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2370424e534f46635a4c5651474c4e424a4d0d404c4e">[email protected]</a></li> </ul> <ul class="styled-icons icon-dark icon-bordered icon-circled icon-theme-colored clearfix pt-10"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-skype"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> </ul> </div> </div> </div> <div class="item"> <div class="maxwidth500 team-members mb-sm-30 border-2px"> <div class="team-upper-blockr"> <img class="img-fullwidth" src="images/team/c5.jpg" alt> <h4 class="mt-0 bg-theme-colored text-white pb-10 pt-10 pl-20 mb-0">Jacobe Martin <span class="font-12">-Engineer</span></h4> </div> <div class="team-lower-block border-top pb-10 pt-10 p-20"> <p class="pb-0 pt-0">Lorem ipsum dolor sit ametcon secte adipisicing elit.</p> <ul> <li><i class="fa fa-phone"></i> (088) 125-4567</li> <li><i class="fa fa-envelope-o"></i> <a href="https://html.kodesolution.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="481b292538242d0831273d3a2c2725292126662b2725">[email protected]</a></li> </ul> <ul class="styled-icons icon-dark icon-bordered icon-circled icon-theme-colored clearfix pt-10"> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-skype"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </section> --> <section class="divider parallax layer-overlay overlay-dark-8" data-bg-img="images/bg/bg3.jpg" data-parallax-ratio="0.7"> <div class="container pt-70 pb-60 pb-sm-10"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50"> <div class="funfact text-center"> <i class="fa fa-graduation-cap mt-5 text-white mb-20"></i> <h2 data-animation-duration="2000" data-value="58" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2> <h4 class="text-white text-uppercase">Anni di esperienza</h4> </div> </div> <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50"> <div class="funfact text-center"> <i class="fa fa-users mt-5 text-white mb-20"></i> <h2 data-animation-duration="2000" data-value="8700" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2> <h4 class="text-white text-uppercase">Visitatori annui</h4> </div> </div> <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50"> <div class="funfact text-center"> <i class="fa fa-thumbs-o-up mt-5 text-white mb-20"></i> <h2 data-animation-duration="2000" data-value="9500" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2> <h4 class="text-white text-uppercase">Manutenzioni annue</h4> </div> </div> <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50"> <div class="funfact text-center"> <i class="fa fa-smile-o mt-5 text-white mb-20"></i> <h2 data-animation-duration="2000" data-value="2500" class="animate-number text-white mt-0 font-38 font-weight-500">0</h2> <h4 class="text-white text-uppercase">Aziende soddisfatte</h4> </div> </div> </div> </div> </section> <!-- <section id="pricing" class="divider parallax layer-overlay overlay-dark-8" data-stellar-background-ratio="0.5" data-bg-img="images/bg/bg7.jpg"> <div class="container pb-40"> <div class="section-title text-center mb-30"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2 class="mt-0 line-height-1 text-white">Pricing <span class="text-theme-colored2"> Table</span></h2> <p class="text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem<br> voluptatem obcaecati!</p> </div> </div> </div> <div class="section-content"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-4 hvr-float-shadow mb-sm-30"> <div class="pricing-list"> <div class="list-top text-center"> <h2>Basic Services</h2> <h4 class="text-gray">Sample Title Here</h4> </div> <div class="list-midle text-center"> <div class="font-54 text-white pt-0">$120<span class="font-20">/month</span></div> </div> <div class="pricing-table text-center maxwidth400 bg-theme-colored"> <ul class="table-list text-center flip font-18 pt-10 mt-0 pb-10 pr-20"> <li class="pt-10 pb-20">2 Computer Repair</li> <li class="pt-10 mr-30 pb-20">1 Laptop Repair</li> <li class="pt-10 mr-30 pb-20">1 Phone Repair</li> <li class="pt-10 mr-30 pb-20">Free Supports</li> </ul> <a class="btn btn-lg btn-theme-colored text-uppercase btn-block pt-20 pb-20 btn-flat font-18" href="#">Signup</a> </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 hvr-float-shadow mb-sm-30"> <div class="pricing-list"> <div class="list-top text-center"> <h2>Premium Services</h2> <h4 class="text-gray">Sample Title Here</h4> </div> <div class="list-midle text-center"> <div class="font-54 text-white pt-0">$220<span class="font-20">/month</span></div> </div> <div class="pricing-table text-center maxwidth400 bg-theme-colored"> <ul class="table-list text-center flip font-18 pt-10 mt-0 pb-10 pr-20"> <li class="pt-10 pb-20">4 Computer Repair</li> <li class="pt-10 mr-30 pb-20">2 Laptop Repair</li> <li class="pt-10 mr-30 pb-20">2 Phone Repair</li> <li class="pt-10 mr-30 pb-20">Free Supports</li> </ul> <a class="btn btn-lg btn-theme-colored text-uppercase btn-block pt-20 pb-20 btn-flat font-18" href="#">Signup</a> </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 hvr-float-shadow mb-sm-30"> <div class="pricing-list"> <div class="list-top text-center"> <h2>Standard Services</h2> <h4 class="text-gray">Sample Title Here</h4> </div> <div class="list-midle text-center"> <div class="font-54 text-white pt-0">$320<span class="font-20">/month</span></div> </div> <div class="pricing-table text-center maxwidth400 bg-theme-colored"> <ul class="table-list text-center flip font-18 pt-10 mt-0 pb-10 pr-20"> <li class="pt-10 pb-20">7 Computer Repair</li> <li class="pt-10 mr-30 pb-20">3 Laptop Repair</li> <li class="pt-10 mr-30 pb-20">3 Phone Repair</li> <li class="pt-10 mr-30 pb-20">Free Supports</li> </ul> <a class="btn btn-lg btn-theme-colored text-uppercase btn-block pt-20 pb-20 btn-flat font-18" href="#">Signup</a> </div> </div> </div> </div> </div> </div> </section> --> <section class="bg-lighter" id="prodotti"> <div class="container pb-40"> <div class="row multi-row-clearfix"> <div class="col-md-12"> <h2 class="mt-0 line-height-1 text-center mb-40">I nostri <span class="text-theme-colored2"> Prodotti</span></h2> <div class="products owl-carousel-4col"> <div class="item"> <div class="product"> <!-- <span class="tag-sale">Sale!</span> --> <div class="product-thumb"> <br> <img alt src="https://i1.adis.ws/i/canon/i-sensys-x-1440p-frt_hero_cc123cebb9694e9c82574d364d9445c7?$70-30-header-4by3-dt$" class="img-responsive img-fullwidth" style="height:180px"> </div> <div class="product-details text-center"> <a href="#"><h5 class="product-title">STAMPANTI A4</h5></a> <div class="btn-add-to-cart-wrapper"> <a class="btn btn-theme-colored btn-sm btn-add-to-cart" href="#contatti" >RICHIEDI INFORMAZIONI</a> </div> </div> </div> </div> <div class="item"> <div class="product"> <!-- <span class="tag-sale">Sale!</span> --> <div class="product-thumb"><br> <img alt src="https://i1.adis.ws/i/canon/imagerunner-advance-dx-4900-series-frt_range_a8aa728f12554ba9a7d26397dc4d3e82?$search-result-thumb-4by3$" class="img-responsive img-fullwidth" style="height:180px"> </div> <div class="product-details text-center"> <a href="#"><h5 class="product-title">MULTIFUNZIONE A4/A3</h5></a> <div class="btn-add-to-cart-wrapper"> <a class="btn btn-theme-colored btn-sm btn-add-to-cart" href="#contatti" >RICHIEDI INFORMAZIONI</a> </div> </div> </div> </div> <div class="item"> <div class="product"> <!-- <span class="tag-sale">Sale!</span> --> <div class="product-thumb"> <br> <img alt src="https://i1.adis.ws/i/canon/tx-3000_as-front-2rolls-paper-out-01_800x753" class="img-responsive img-fullwidth" style="height:180px"> </div> <div class="product-details text-center"> <a href="#"><h5 class="product-title">PLOTTER</h5></a> <div class="btn-add-to-cart-wrapper"> <a class="btn btn-theme-colored btn-sm btn-add-to-cart" href="#contatti" >RICHIEDI INFORMAZIONI</a> </div> </div> </div> </div> <div class="item"> <div class="product"> <!-- <span class="tag-sale">Sale!</span> --> <div class="product-thumb"> <br> <img alt src="https://i1.adis.ws/i/canon/i-sensys-mf754cdw-frt_hero_91a150f60c4b44d19e147696bd77162d?$70-30-header-4by3-dt$" class="img-responsive img-fullwidth" style="height:180px"> </div> <div class="product-details text-center"> <a href="#"><h5 class="product-title">STAMPANTI PROFESSIONALI</h5></a> <div class="btn-add-to-cart-wrapper"> <a class="btn btn-theme-colored btn-sm btn-add-to-cart" href="#contatti" >RICHIEDI INFORMAZIONI</a> </div> </div> </div> </div> <div class="item"> <div class="product"> <!-- <span class="tag-sale">Sale!</span> --> <div class="product-thumb"> <br> <img alt src="./images/Production.png" class="img-responsive img-fullwidth" style="height:180px"> </div> <div class="product-details text-center"> <a href="#"><h5 class="product-title">PRODUCTION</h5></a> <div class="btn-add-to-cart-wrapper"> <a class="btn btn-theme-colored btn-sm btn-add-to-cart" href="#contatti" >RICHIEDI INFORMAZIONI</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- <section id="gallery"> <div class="container pb-40"> <div class="section-title text-center"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2 class="text-uppercase mt-0 mb-0 ">Project <span class="text-theme-colored2"> Gallery</span></h2> </div> </div> </div> <div class="section-content"> <div class="row"> <div class="col-md-12"> <div class="portfolio-filter text-center"> <a href="#" class="active mb-sm-10" data-filter="*">All</a> <a href="#computer" class data-filter=".computer">Computer</a> <a href="#laptop" class data-filter=".laptop">Laptop</a> <a href="#phone" class data-filter=".phone">Phone</a> <a href="#ipad" class data-filter=".ipad">iPad</a> </div> <div id="grid" class="gallery-isotope grid-4 gutter clearfix"> <div class="gallery-item computer"> <div class="work-gallery"> <div class="box-hover-effect effect-barlin"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/gallery/c1.jpg" alt="project"> </div> <div class="overlay-shade bg-theme-colored-transparent-9"></div> <div class="text-holder text-holder-middle text-center"> <div class="text_holder_inner"> <div class="text_holder_inner2"> <h2 class="title1 text-white mb-0">Title Here</h2> <h5 class="title2 text-white mt-5">Sub Title Here</h5> </div> </div> </div> <a class="hover-link" data-lightbox-gallery="gallery1-link" href="images/gallery/c1.jpg">View more</a> </div> </div> <div class="gallery-bottom-part text-center"> <p class="pt-10">Lorem ipsum dolor sit amet conse tet adip isicing elit ipsum.</p> </div> </div> </div> <div class="gallery-item computer"> <div class="work-gallery"> <div class="box-hover-effect effect-barlin"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/gallery/c2.jpg" alt="project"> </div> <div class="overlay-shade bg-theme-colored-transparent-9"></div> <div class="text-holder text-holder-middle text-center"> <div class="text_holder_inner"> <div class="text_holder_inner2"> <h2 class="title1 text-white mb-0">Title Here</h2> <h5 class="title2 text-white mt-5">Sub Title Here</h5> </div> </div> </div> <a class="hover-link" data-lightbox-gallery="gallery1-link" href="images/gallery/c2.jpg">View more</a> </div> </div> <div class="gallery-bottom-part text-center"> <p class="pt-10">Lorem ipsum dolor sit amet conse tet adip isicing elit ipsum.</p> </div> </div> </div> <div class="gallery-item computer"> <div class="work-gallery"> <div class="box-hover-effect effect-barlin"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/gallery/c3.jpg" alt="project"> </div> <div class="overlay-shade bg-theme-colored-transparent-9"></div> <div class="text-holder text-holder-middle text-center"> <div class="text_holder_inner"> <div class="text_holder_inner2"> <h2 class="title1 text-white mb-0">Title Here</h2> <h5 class="title2 text-white mt-5">Sub Title Here</h5> </div> </div> </div> <a class="hover-link" data-lightbox-gallery="gallery1-link" href="images/gallery/c3.jpg">View more</a> </div> </div> <div class="gallery-bottom-part text-center"> <p class="pt-10">Lorem ipsum dolor sit amet conse tet adip isicing elit ipsum.</p> </div> </div> </div> <div class="gallery-item laptop"> <div class="work-gallery"> <div class="box-hover-effect effect-barlin"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/gallery/c4.jpg" alt="project"> </div> <div class="overlay-shade bg-theme-colored-transparent-9"></div> <div class="text-holder text-holder-middle text-center"> <div class="text_holder_inner"> <div class="text_holder_inner2"> <h2 class="title1 text-white mb-0">Title Here</h2> <h5 class="title2 text-white mt-5">Sub Title Here</h5> </div> </div> </div> <a class="hover-link" data-lightbox-gallery="gallery1-link" href="images/gallery/c4.jpg">View more</a> </div> </div> <div class="gallery-bottom-part text-center"> <p class="pt-10">Lorem ipsum dolor sit amet conse tet adip isicing elit ipsum.</p> </div> </div> </div> <div class="gallery-item laptop"> <div class="work-gallery"> <div class="box-hover-effect effect-barlin"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/gallery/c5.jpg" alt="project"> </div> <div class="overlay-shade bg-theme-colored-transparent-9"></div> <div class="text-holder text-holder-middle text-center"> <div class="text_holder_inner"> <div class="text_holder_inner2"> <h2 class="title1 text-white mb-0">Title Here</h2> <h5 class="title2 text-white mt-5">Sub Title Here</h5> </div> </div> </div> <a class="hover-link" data-lightbox-gallery="gallery1-link" href="images/gallery/c5.jpg">View more</a> </div> </div> <div class="gallery-bottom-part text-center"> <p class="pt-10">Lorem ipsum dolor sit amet conse tet adip isicing elit ipsum.</p> </div> </div> </div> <div class="gallery-item laptop"> <div class="work-gallery"> <div class="box-hover-effect effect-barlin"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/gallery/c6.jpg" alt="project"> </div> <div class="overlay-shade bg-theme-colored-transparent-9"></div> <div class="text-holder text-holder-middle text-center"> <div class="text_holder_inner"> <div class="text_holder_inner2"> <h2 class="title1 text-white mb-0">Title Here</h2> <h5 class="title2 text-white mt-5">Sub Title Here</h5> </div> </div> </div> <a class="hover-link" data-lightbox-gallery="gallery1-link" href="images/gallery/c6.jpg">View more</a> </div> </div> <div class="gallery-bottom-part text-center"> <p class="pt-10">Lorem ipsum dolor sit amet conse tet adip isicing elit ipsum.</p> </div> </div> </div> <div class="gallery-item phone"> <div class="work-gallery"> <div class="box-hover-effect effect-barlin"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/gallery/c7.jpg" alt="project"> </div> <div class="overlay-shade bg-theme-colored-transparent-9"></div> <div class="text-holder text-holder-middle text-center"> <div class="text_holder_inner"> <div class="text_holder_inner2"> <h2 class="title1 text-white mb-0">Title Here</h2> <h5 class="title2 text-white mt-5">Sub Title Here</h5> </div> </div> </div> <a class="hover-link" data-lightbox-gallery="gallery1-link" href="images/gallery/c7.jpg">View more</a> </div> </div> <div class="gallery-bottom-part text-center"> <p class="pt-10">Lorem ipsum dolor sit amet conse tet adip isicing elit ipsum.</p> </div> </div> </div> <div class="gallery-item phone"> <div class="work-gallery"> <div class="box-hover-effect effect-barlin"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/gallery/c8.jpg" alt="project"> </div> <div class="overlay-shade bg-theme-colored-transparent-9"></div> <div class="text-holder text-holder-middle text-center"> <div class="text_holder_inner"> <div class="text_holder_inner2"> <h2 class="title1 text-white mb-0">Title Here</h2> <h5 class="title2 text-white mt-5">Sub Title Here</h5> </div> </div> </div> <a class="hover-link" data-lightbox-gallery="gallery1-link" href="images/gallery/c8.jpg">View more</a> </div> </div> <div class="gallery-bottom-part text-center"> <p class="pt-10">Lorem ipsum dolor sit amet conse tet adip isicing elit ipsum.</p> </div> </div> </div> <div class="gallery-item phone"> <div class="work-gallery"> <div class="box-hover-effect effect-barlin"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/gallery/c9.jpg" alt="project"> </div> <div class="overlay-shade bg-theme-colored-transparent-9"></div> <div class="text-holder text-holder-middle text-center"> <div class="text_holder_inner"> <div class="text_holder_inner2"> <h2 class="title1 text-white mb-0">Title Here</h2> <h5 class="title2 text-white mt-5">Sub Title Here</h5> </div> </div> </div> <a class="hover-link" data-lightbox-gallery="gallery1-link" href="images/gallery/c9.jpg">View more</a> </div> </div> <div class="gallery-bottom-part text-center"> <p class="pt-10">Lorem ipsum dolor sit amet conse tet adip isicing elit ipsum.</p> </div> </div> </div> <div class="gallery-item ipad"> <div class="work-gallery"> <div class="box-hover-effect effect-barlin"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/gallery/c10.jpg" alt="project"> </div> <div class="overlay-shade bg-theme-colored-transparent-9"></div> <div class="text-holder text-holder-middle text-center"> <div class="text_holder_inner"> <div class="text_holder_inner2"> <h2 class="title1 text-white mb-0">Title Here</h2> <h5 class="title2 text-white mt-5">Sub Title Here</h5> </div> </div> </div> <a class="hover-link" data-lightbox-gallery="gallery1-link" href="images/gallery/c10.jpg">View more</a> </div> </div> <div class="gallery-bottom-part text-center"> <p class="pt-10">Lorem ipsum dolor sit amet conse tet adip isicing elit ipsum.</p> </div> </div> </div> <div class="gallery-item ipad"> <div class="work-gallery"> <div class="box-hover-effect effect-barlin"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/gallery/c11.jpg" alt="project"> </div> <div class="overlay-shade bg-theme-colored-transparent-9"></div> <div class="text-holder text-holder-middle text-center"> <div class="text_holder_inner"> <div class="text_holder_inner2"> <h2 class="title1 text-white mb-0">Title Here</h2> <h5 class="title2 text-white mt-5">Sub Title Here</h5> </div> </div> </div> <a class="hover-link" data-lightbox-gallery="gallery1-link" href="images/gallery/c11.jpg">View more</a> </div> </div> <div class="gallery-bottom-part text-center"> <p class="pt-10">Lorem ipsum dolor sit amet conse tet adip isicing elit ipsum.</p> </div> </div> </div> <div class="gallery-item ipad"> <div class="work-gallery"> <div class="box-hover-effect effect-barlin"> <div class="effect-wrapper"> <div class="thumb"> <img class="img-fullwidth" src="images/gallery/c12.jpg" alt="project"> </div> <div class="overlay-shade bg-theme-colored-transparent-9"></div> <div class="text-holder text-holder-middle text-center"> <div class="text_holder_inner"> <div class="text_holder_inner2"> <h2 class="title1 text-white mb-0">Title Here</h2> <h5 class="title2 text-white mt-5">Sub Title Here</h5> </div> </div> </div> <a class="hover-link" data-lightbox-gallery="gallery1-link" href="images/gallery/c12.jpg">View more</a> </div> </div> <div class="gallery-bottom-part text-center"> <p class="pt-10">Lorem ipsum dolor sit amet conse tet adip isicing elit ipsum.</p> </div> </div> </div> </div> </div> </div> </div> </div > </section> <section class="divider parallax layer-overlay overlay-theme-color-sky" data-bg-img="images/bg/bg8.jpg"> <div class="container pt-60 pb-60"> <div class="section-title text-center"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2 class="text-uppercase text-white line-bottom-center mt-0">What Claint's <span class="text-theme-colored2">Say</span></h2> <div class="title-flaticon"> <i class="flaticon-charity-alms"></i> </div> <p class="text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem autem<br> voluptatem obcaecati!</p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="owl-carousel-3col style2 dots-white" data-dots="false"> <div class="item"> <div class="testimonial style1"> <div class="comment bg-theme-colored"> <p class="font-15 pl-0 text-white"><em>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque est quasi, quas ipsam, expedita placeat facilis odio illo ex accusantium eaque.</em></p> </div> <div class="thumb content mt-10 mb-10"><img class="img-circle" alt src="images/testimonials/1.jpg"></div> <h4 class="author text-white mt-0 mb-0">Catherine Grace</h4> <h6 class="title text-white mt-0 mb-15">Designer</h6> </div> </div> <div class="item"> <div class="testimonial style1"> <div class="comment bg-theme-colored"> <p class="font-15 pl-0 text-white"><em>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque est quasi, quas ipsam, expedita placeat facilis odio illo ex accusantium eaque.</em></p> </div> <div class="thumb content mt-10 mb-10"><img class="img-circle" alt src="images/testimonials/2.jpg"></div> <h4 class="author text-white mt-0 mb-0">Catherine Grace</h4> <h6 class="title text-white mt-0 mb-15">Designer</h6> </div> </div> <div class="item"> <div class="testimonial style1"> <div class="comment bg-theme-colored"> <p class="font-15 pl-0 text-white"><em>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque est quasi, quas ipsam, expedita placeat facilis odio illo ex accusantium eaque.</em></p> </div> <div class="thumb content mt-10 mb-10"><img class="img-circle" alt src="images/testimonials/3.jpg"></div> <h4 class="author text-white mt-0 mb-0">Catherine Grace</h4> <h6 class="title text-white mt-0 mb-15">Designer</h6> </div> </div> </div> </div> </div> </div> </section> --> <section id="blog"> <div class="container pb-70 pb-sm-40"> <div class="section-title mb-20 text-center"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2 class="mt-0 line-height-1 text-uppercase">Promo e <span class="text-theme-colored2"> News</span></h2> <p></p> </div> </div> </div> <div class="section-content"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-4 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s"> <article class="post clearfix mb-sm-30"> <div class="entry-header"> <div class="post-thumb thumb"> <img src="images/blog/c1.jpg" alt class="img-responsive img-fullwidth"> </div> </div> <div class="entry-content p-20 pr-10"> <div class="entry-meta mt-0 no-bg no-border"> <div class="event-content"> <h4 class="entry-title text-white text-capitalize m-0 mb-10"><a href="#">2024 a “24”</a></h4> <span class="text-theme-colored mr-10 font-16"><i class="fa fa-user mr-10 text-theme-colored"></i>Promozione | <i class="fa fa-calendar mr-5 text-theme-colored"></i> da Giugno 2024</span> </div> </div> <p class="mt-10">Da Giugno 2024, omaggeremo tutti i nuovi clienti che acquisteranno o noleggeranno una multifunzione a colori A3 di un Monitor Samsung LED Serie S33A da 24'' Full HD... ... <!-- <a href="#" class="text-theme-colored font-15 pl-20"> Leggi tutto →</a> --> <br><br> <a href="./Promo061.pdf" target="_blank" class="btn btn-default font-14 btn-dark btn-theme-colored mt-0 mb-30 hvr-bounce-to-left no-border">Scopri l'offerta (Pdf)</a> </p> </div> <!-- <div class="bg-theme-colored p-5 text-center pt-10 pb-10"> <span class="mb-10 text-white mr-10 font-13"><i class="fa fa-heart-o mr-5 text-white"></i> 895 Likes</span> <span class="mb-10 text-white mr-10 font-13"><i class="fa fa-share-alt mr-5 text-white"></i>42 Share</span> <span class="mb-10 text-white mr-10 font-13"><i class="fa fa-commenting-o mr-5 text-white"></i> 214 Commenti</span> </div> --> </article> </div> <div class="col-xs-12 col-sm-6 col-md-4 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s"> <article class="post clearfix mb-sm-30"> <div class="entry-header"> <div class="post-thumb thumb"> <img src="images/blog/c2.jpg" alt class="img-responsive img-fullwidth"> </div> </div> <div class="entry-content p-20 pr-10"> <div class="entry-meta mt-0 no-bg no-border"> <div class="event-content"> <h4 class="entry-title text-white text-capitalize m-0 mb-10"><a href="#">Super-Valutiamo il tuo Vecchio Plotter</a></h4> <span class="text-theme-colored mr-10 font-16"><i class="fa fa-user mr-10 text-theme-colored"></i>Promozione | <i class="fa fa-calendar mr-5 text-theme-colored"></i> da Giugno 2024</span> </div> </div> <p class="mt-10">Anche nel 2024, con l’acquisto/noleggio di un plotter Canon Cad A0 o A1 vi sarà riconosciuta una valutazione straordinaria per il vostro vecchio plotter... <!-- <a href="#" class="text-theme-colored font-15 pl-20"> Leggi tutto →</a> --> <br><br> <a href="./Promo062.pdf" target="_blank" class="btn btn-default font-14 btn-dark btn-theme-colored mt-0 mb-30 hvr-bounce-to-left no-border">Scopri l'offerta (Pdf)</a> </p> </div> <!-- <div class="bg-theme-colored p-5 text-center pt-10 pb-10"> <span class="mb-10 text-white mr-10 font-13"><i class="fa fa-heart-o mr-5 text-white"></i> 895 Likes</span> <span class="mb-10 text-white mr-10 font-13"><i class="fa fa-share-alt mr-5 text-white"></i>42 Share</span> <span class="mb-10 text-white mr-10 font-13"><i class="fa fa-commenting-o mr-5 text-white"></i> 214 Commenti</span> </div> --> </article> </div> </div> </div> </div> </section> <section id="contatti" class="bg-lighter"> <div class="container pt-70 pb-40"> <div class="section-content"> <div class="row"> <div class="col-md-5"> <h3 class="line-bottom text-uppercase mt-0 mb-30 mt-sm-20">Dove siamo</h3> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2791.3581728090035!2d8.888653310724091!3d45.60344577095592!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47868c507aeee603%3A0xca94f9ddd119eaa9!2sBlu%203%20Programma%20Ufficio!5e0!3m2!1sen!2sit!4v1716879121037!5m2!1sen!2sit" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> </div> <div class="col-md-7"> <h3 class="line-bottom text-uppercase mt-0 mb-30 mt-sm-20">Contatti</h3> <form id="contact_form" name="contact_form" class method="post" action="./mailer.php"> <div class="row"> <div class="col-sm-6"> <div class="form-group mb-30"> <input name="name" id="name" required="required" class="form-control" type="text" placeholder="Nome e Cognome" required> </div> </div> <div class="col-sm-6"> <div class="form-group mb-30"> <input name="email" id="email" class="form-control required email" type="email" placeholder="Email"> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <div class="form-group mb-30"> <input name="oggetto" id="oggetto" required="required" class="form-control" type="text" placeholder="Oggetto"> </div> </div> <div class="col-sm-6"> <div class="form-group mb-30"> <input name="phone" id="phone" class="form-control" type="text" placeholder="Telefono"> </div> </div> </div> <div class="form-group mb-15"> <textarea name="message" id="message" class="form-control required" rows="5" placeholder="Messaggio"></textarea> </div> <div class="form-group"> <input type="checkbox" id="human" required="required" name="human"> <label for="human">*Acconsento all'invio dei dati (<a href="#openModal">privacy</a>)</label> </div> <div class="form-group mb-30"> <input name="form_botcheck" class="form-control" type="hidden" value /> <button type="submit" class="btn btn-flat btn-theme-colored text-uppercase mt-20 mb-sm-30 border-left-theme-color-2-4px" data-loading-text="MESSAGGIO INVIATO!">Invia</button> <button type="reset" class="btn btn-flat btn-theme-colored text-uppercase mt-20 mb-sm-30 border-left-theme-color-2-4px">Annulla</button> </div> </form> <script data-cfasync="false" src="../../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> $("#contact_form").validate({ submitHandler: function(form) { var form_btn = $(form).find('button[type="submit"]'); var form_result_div = '#form-result'; $(form_result_div).remove(); form_btn.before('<div id="form-result" class="alert alert-success" role="alert" style="display: none;"></div>'); var form_btn_old_msg = form_btn.html(); form_btn.html(form_btn.prop('disabled', true).data("loading-text")); $(form).ajaxSubmit({ dataType: 'json', success: function(data) { if( data.status == 'true' ) { $(form).find('.form-control').val(''); } form_btn.prop('disabled', false).html(form_btn_old_msg); $(form_result_div).html(data.message).fadeIn('slow'); setTimeout(function(){ $(form_result_div).fadeOut('slow') }, 6000); } }); } }); </script> </div> </div> </div> </div> </section> <section> <div class="container pt-0 pb-0"> <div class="section-content"> <div class="row"> <div class="footer-box-wrapper equal-height mt-0"> <div class="col-sm-4 footer-box-one pr-0 pl-sm-0"> <div class="footer-box icon-box media"> <a href="https://www.supremocontrol.com/it/" target="_blank" class="media-left pull-left mr-30 mr-sm-15"><i class="pe-7s-tools text-white"></i></a> <div class="media-body"> <h4 class="media-heading heading title">Assistenza remota</h4> <p>Clicca per scaricare ed installare il software di assistenza. <a href="https://www.supremocontrol.com/it/" target="_blank"><i class="fa fa-arrow-circle-right font-14"></i></a></p> </div> </div> </div> <div class="col-sm-4 footer-box-two pl-0 pr-0"> <div class="footer-box icon-box media"> <a href="tel:00390331501395" class="media-left pull-left mr-30 mr-sm-15"><i class="pe-7s-headphones text-white"></i></a> <div class="media-body"> <h4 class="media-heading heading title">Assistenza telefonica</h4> <p>Assistenza telefonica sempre disponibile in orari di ufficio. <a href="tel:00390331501395"><i class="fa fa-arrow-circle-right font-14"></i></a></p> </div> </div> </div> <div class="col-sm-4 footer-box-three pl-0 pr-sm-0"> <div class="footer-box icon-box media"> <a href="https://www.zerozerotoner.net/Access/LoginCustomer" target="_blank" class="media-left pull-left mr-30 mr-sm-15"><i class=" pe-7s-print text-white"></i></a> <div class="media-body"> <h4 class="media-heading heading title">Ritiro Toner Esausti</h4> <p>Ritiro a norma di legge senza pensieri con ZeroZeroToner. <a href="https://www.zerozerotoner.net/Access/LoginCustomer" target="_blank"><i class="fa fa-arrow-circle-right font-14"></i></a></p> </div> </div> </div> </div> </div> </div> </div> </section> </div> <footer id="footer" class="footer bg-black-111" data-bg-img="images/footer-bg.png"> <div class="container pt-70 pb-40"> <div class="row border-bottom-black"> <div class="col-sm-6 col-md-3"> <div class="widget dark"> <img class="mt-10 mb-20" alt src="images/logo-wide-white.png" style="width:70vw; max-width: 120px"> <p>Da più di 50 anni offriamo le migliori soluzioni per il vostro ufficio.</p> </div> <div class="widget dark"> <h5 class="widget-title line-bottom">Contatti</h5> <ul class="list-inline mt-5"> <li class="m-0 pl-10 pr-10"> <i class="fa fa-map-marker text-theme-colored mr-5"></i> <a class="text-gray" href="https://www.google.it/maps/place/Via+Alberto+da+Giussano,+15,+21053+Castellanza+VA/@45.6031714,8.8888785,17z/data=!3m1!4b1!4m6!3m5!1s0x47868c50637f7859:0x5ec98254334fd8fd!8m2!3d45.6031714!4d8.8914534!16s%2Fg%2F11b8vc35d8?entry=tts&g_ep=EgoyMDI0MDYyMy4wKgBIAVAD" target="_blank">Via Alberto da Giussano, 15</br> 21053 Castellanza (VA)</a> </li> <li class="m-0 pl-10 pr-10"> <i class="fa fa-phone text-theme-colored mr-5"></i> <a class="text-gray" href="tel:00390331501395">Tel. +39 0331 501395</a> </li> <li class="m-0 pl-10 pr-10"> <i class="fa fa-envelope-o text-theme-colored mr-5"></i> <a class="text-gray" href="mailto:[email protected]"><span class="__cf_email__" data-cfemail="a6c5c9c8d2c7c5d2e6dfc9d3d4c2c9cbc7cfc888c5c9cb">[email protected]</span></a> </li> <li class="m-0 pl-10 pr-10"> <i class="fa fa-globe text-theme-colored mr-5"></i> <a class="text-gray" href="https://www.blu3.com">www.blu3.com</a> </li> </ul> </div> <!-- SOCIAL <div class="widget dark"> <h5 class="widget-title line-bottom pt-10">Seguici sui nostri Social</h5> <ul class="styled-icons icon-dark mt-20"> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".1s" data-wow-offset="10"><a href="#" data-bg-color="#3B5998"><i class="fa fa-facebook"></i></a></li> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".5s" data-wow-offset="10"><a href="#" data-bg-color="#C22E2A"><i class="fa fa-youtube"></i></a></li> </ul> </div> --> </div> <div class="col-sm-6 col-md-3"> </div> <div class="col-sm-6 col-md-3"> <div class="widget dark"> <h5 class="widget-title line-bottom">Menù</h5> <ul class="list-border"> <li><a href="#home">Home</a></li> <li><a href="#chisiamo">Chi siamo</a></li> <li><a href="#prodotti">Prodotti</a></li> <li><a href="#blog">Blog</a></li> <li><a href="#contatti">Contatti</a></li> </ul> </div> <!-- <div class="widget dark"> <h5 class="widget-title line-bottom">Flickr</h5> <div id="flickr-feed" class="clearfix"> <script type="text/javascript" src="https://www.flickr.com/badge_code_v2.gne?count=6&display=latest&size=s&layout=x&source=user&user=52617155@N08"> </script> </div> </div> --> <div class="widget dark"> <h5 class="widget-title line-bottom">Iscriviti alla nostra Newsletter</h5> <form id="mailchimp-subscription-form-footer" class="newsletter-form" method="post" action="./mailer2.php"> <div class="input-group"> <input type="email" value class="form-control input-lg font-16" name="email" id="email" data-height="45px" id="mce-EMAIL-footer" required="required" placeholder="Inserisci Email"> <span class="input-group-btn"> <button data-height="45px" class="btn btn-colored btn-theme-colored btn-xs m-0 font-14" type="submit">Iscriviti</button> </span> </div> <div class="form-group"> <input type="checkbox" id="human" required="required" name="human"> Acconsento all'invio dei dati (<a href="#openModal">Privacy</a>) </div> </form> </div> </div> <div class="col-sm-6 col-md-3"> <div class="widget dark"> <h5 class="widget-title line-bottom">Assistenza</h5> <div class="categories"> <ul class="list-border"> <li><a href="https://www.supremocontrol.com/it/" target="_blank">Remota</a></li> <li><a href="tel:00390331501395">Telefonica</a></li> <li><a href="https://www.zerozerotoner.net/Access/LoginCustomer" target="_blank">Ritiro Toner</a></li> </ul> </div> </div> <!-- <div class="widget dark mb-20"> <h5 class="widget-title line-bottom">Twitter Feed</h5> <div class="twitter-feed dot-white clearfix" data-username="Envato" data-count="3"></div> </div> --> </div> </div> </div> <div class="footer-bottom bg-black-222"> <div class="container pt-10 pb-0"> <div class="row"> <div class="col-md-6 sm-text-center"> <br> <p class="font-13 text-black-777 m-0"><nobr>Copyright © <script>document.write(new Date().getFullYear())</script> Blu3 Programma Ufficio Srl </nobr><nobr> P.iva 014685701206 </nobr><nobr> Tutti i diritti riservati</nobr></p> </br> </div> <div class="col-md-6 text-right flip sm-text-center"> <div class="widget no-border m-0"> <ul class="styled-icons icon-dark icon-circled icon-sm"> <!-- <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-instagram"></i></a></li> --> </ul> </div> </div> </div> </div> </div> </footer> <a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a> </div> <script src="js/custom.js"></script> <script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.actions.min.js"></script> <script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.carousel.min.js"></script> <script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.kenburn.min.js"></script> <script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.layeranimation.min.js"></script> <script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.migration.min.js"></script> <script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.navigation.min.js"></script> <script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.parallax.min.js"></script> <script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.slideanims.min.js"></script> <script type="text/javascript" src="js/revolution-slider/js/extensions/revolution.extension.video.min.js"></script> </body> </html> <style> .menuzord-brand img { max-height: 45px; margin-top: -4px; position: absolute; } </style> <style> .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity:1; pointer-events: auto; } .modalDialog > div { width: 82%; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; } .close { background: transparent; color: #ff3737; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px #000; box-shadow: 0px 0px 0px #000; } .close:hover { background: transparent; } input[type="submit"].alt, input[type="reset"].alt, input[type="button"].alt, .button.alt { background-color: transparent; box-shadow: inset 0 0 0 2px #fb0405; color: #777; } .box { border: solid 0px rgba(255, 255, 255, 0.125); } /* MIGLIORIA FORM */ /* input[type="submit"], input[type="reset"], input[type="button"], button, .button { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.95); } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea { border: solid 2px rgba(255, 255, 255, 0.83); } input[type="checkbox"] + label:before, input[type="radio"] + label:before { border: solid 2px rgba(255, 255, 255, 0.77); } */ #banner { padding: 7em 0 8.25em 0; background-color: #2e3141; background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url(https://www.tendasystem.it/wp-content/uploads/2022/01/79-768x494.jpg); background-size: auto, cover; background-position: center, center; margin-bottom: -6.5em; } </style>