Help
RSS
API
Feed
Maltego
Contact
Domain > www.massimopiccioni.it
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2019-04-19
89.31.72.190
(
ClassC
)
2024-09-10
151.11.48.25
(
ClassC
)
Port 443
HTTP/1.1 200 OKDate: Tue, 10 Sep 2024 10:56:20 GMTServer: ApacheExpires: on, 01 Jan 1970 00:00:00 GMTCache-Control: no-store, no-cache, must-revalidate, post-check0, pre-check0Pragma: no-cacheSet-Cookie: consensosi; expiresWed, 10-Sep-2025 10:56:20 GMT; Max-Age31536000; path/Upgrade: h2Connection: UpgradeLast-Modified: Tue, 10 Sep 2024 10:56:20 GMTVary: Accept-EncodingTransfer-Encoding: chunkedContent-Type: text/html; charsetUTF-8 !DOCTYPE html>html>head>meta nameviewport contentwidthdevice-width, initial-scale1> title>Realizzazione Siti Web Roma - Agenzia Web Roma Eur, SEO, Web Marketing e Posizionamento/title>meta namedescription contentRealizzazione siti web a Roma e posizionamento siti sui Motori di Ricerca da € 990 + iva. Agenzia Web, Web Marketing, SEO, SEM, Ecommerce, campagne Pay per Click AdWords. Preventivo sito web gratuito immediato! />meta namekeywords contentRealizzazione siti web Roma, Agenzia Web Roma, HTML5, posizionamento motori di ricerca, web marketing, SEO, SEM, SMM, siti internet Roma. /> style>/* ______________________ CSS NORMALIZE ______________________*/html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */}body { margin: 0;}main { display: block;}h1 { font-size: 2em; margin: 0.67em 0;}hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}a { background-color: transparent;}abbrtitle { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */}b,strong { font-weight: bolder;}code,kbd,samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}small { font-size: 80%;}sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sub { bottom: -0.25em;}sup { top: -0.5em;}img { border-style: none;}button,input,optgroup,select,textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */}button,input { /* 1 */ overflow: visible;}button,select { /* 1 */ text-transform: none;}button,typebutton,typereset,typesubmit { -webkit-appearance: button; background-color: transparent;}button::-moz-focus-inner,typebutton::-moz-focus-inner,typereset::-moz-focus-inner,typesubmit::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focusring,typebutton:-moz-focusring,typereset:-moz-focusring,typesubmit:-moz-focusring { outline: 1px dotted ButtonText;}fieldset { padding: 0.35em 0.75em 0.625em;}legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}progress { vertical-align: baseline;}textarea { overflow: auto;}typecheckbox,typeradio { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}typenumber::-webkit-inner-spin-button,typenumber::-webkit-outer-spin-button { height: auto;}typesearch { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */}typesearch::-webkit-search-decoration { -webkit-appearance: none;}::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */}details { display: block;}summary { display: list-item;}template { display: none;}hidden { display: none;}/* _____________________ CSS NORMALIZE ______________________*/* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}html { scroll-behavior: smooth;}/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////* /* __________________________CSS MOBILE (+ TABLET + DESKTOP )___________/* /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////*//* ////////////////////////////////// BARRE NAVIGAZIONE BROWSER /////////////////////////////////////*/ /* width */::-webkit-scrollbar { width: 15px;}/* Track */::-webkit-scrollbar-track { border-radius: 10px; border: #cccc 1px solid; background-color: #efefef;} /* Handle */::-webkit-scrollbar-thumb { background: #cccccc; border-radius: 10px;}/* Handle on hover */::-webkit-scrollbar-thumb:hover { background: #9999; }body{background-color: #ffffff;font-family: Raleway, Roboto, sans-serif;color:#666666;}/* ______________________ ELEMENTI ______________________*/#footer {background-color:#666666;color:#CCCCCC;}.contenitore {max-width:1200px;margin-left: auto;margin-right: auto;padding:1em;}/* ______________________ CLASSI FLEX ______________________*/.contenitoreFlex{-webkit-display: flex;display: flex;-webkit-flex-direction: column;flex-direction: column;}.flexContenuti {}.flexContenutiCentrati{/* da usare allinterno di un div con div sfondo height 100vh */-webkit-display: flex; display: flex; height: 100%; justify-content: center; align-items: center;}.flexContenutiAllineatiVerticali{-webkit-display: flex; display: flex; align-items: center;}/*__________________ BARRA NAVIGAZIONE _______*/.logo{width: 4em;}#barraNavigazione {position: fixed; top: 0; left: 0;width: 100%;padding-top:1em;-webkit-transition: background-color 1s, box-shadow 0.5s, padding-top ease-in-out 0.4s;transition: background-color 1s, box-shadow 0.5s, padding-top ease-in-out 0.4s;}#barraNavigazione h2 { display: none;}/* ____________ NAVIGAZIONE PRINCIPALE__________________*/#navigazionePrincipale {-webkit-display: flex;display: flex;align-items: center;}#navigazionePrincipale .icon{margin:0;}#navigazionePrincipale button{padding: 1em; border: none; cursor: pointer;-webkit-transition: 0.5s;transition: 0.5s;}#navigazionePrincipale button:hover{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);}#bottoneVariMobile{margin-left: auto;}#bottoneCercaMobile{display: none;/*margin-left: auto;*/}#bottoneMenuMobile{/* margin-left: auto;*/}#bottoneLinguaMobile{display: none;/* margin-left: auto;*/}#casellaVari a:link, #casellaVari a:active, #casellaVari a:visited, #casellaVari a:hover{color: #FFFFFF;}/* ------------------------------- BOTTONE MEMNU MOBILE ----------------------------*/.bottoneMenuMobile { display: inline-block; cursor: pointer; margin-left:1em;}.bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #fff; margin: 6px 0; transition: 0.4s; -webkit-border-radius: 2px; border-radius: 2px;}/* Rotate first bar */.change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px) ; transform: rotate(-45deg) translate(-9px, 6px) ;}/* Fade out the second bar */.change .bar2 { opacity: 0;}/* Rotate last bar */.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px) ; transform: rotate(45deg) translate(-8px, -8px) ;}/* ____________ MENU PRINCIPALE__________________*/#menuPrincipale{-webkit-transition: opacity 1s ease-out;transition: opacity 1s ease-out; margin-top:1em;}#menuPrincipale{border-radius: 10px;-webkit-border-radius:10px;}#menuPrincipale ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }#menuPrincipale .sottomenu ul { border-bottom: #87b4fb 0.5em dotted; margin-left:1em; margin-right:1em; margin-bottom:1em;}#menuPrincipale li a { display: inline-block; color: #ffffff; padding: 1em; margin-bottom:0.5em; text-decoration: none; width: 100%;}#menuPrincipale li a:hover {-webkit-border-radius:5px;border-radius:5px; background-color: #87b4fb;}.contenutoSottomenu { /*display: none;*/}#menuPrincipale .contenutoSottomenu a { color: #ffffff; padding: 1em; text-decoration: none; display: block; text-align: left;}.contenutoSottomenu a:hover {background-color: #87b4fb;}.pulsanteSottomenu{padding: 1em;border: none; margin-bottom:0.5em; width: 100%; text-align:left; cursor: pointer; color: #FFFFFF;} .pulsanteSottomenu:hover {-webkit-border-radius:5px;border-radius:5px; background-color: #87b4fb; }.pulsanteSottomenu:after {content: \002B;float: right;}/*--------- CASELLE ----------*/#casellaRicerca{padding: 1em; }#casellaRicerca input{width:100%;}#casellaLingua{padding: 1em; }#casellaLingua input{width:100%;}#casellaVari{padding: 1em; color: #FFFFFF;padding-top: 3em;}/* ----------------------- SFONDI ------------------------------------*//* PARALLASSE*/.parallax { background-attachment: scroll; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }.parallax1{min-height: 100vh;}/* SFONDI NON PARALLASSE*/.sfondoHeader{ background-position: 50% 70%; background-repeat: no-repeat; background-size: cover; }.immagineSfondoHeader{background-image: url(Grafica/header-grande-mobile.svg);min-height: 100vh;}.contenutiTuttoSchermo{/* da usare allinterno di un div sfondo con height 100vh */ height: 100%;}.sfondoVerde{ background-image: url(Grafica/sfondoVerde.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}/* ______________________ CLASSI FORMATTAZIONE ______________________*/.hide{display: none;}/* IMMAGINI */.immagini{max-width: 100%;height: auto;border-radius: 5px;-webkit-border-radius: 5px;}.immaginiSVG{width: 100%;}h1, h2{font-family: Fredoka One, Google Sans, sans-serif;word-wrap: break-word;}hr{margin-top: 2em; margin-bottom:2em; }a:link, a:visited, a:active {text-decoration: none;color: #0099FF;}a:hover {color: #0099FF;text-decoration:underline;}.bianco{color: #FFFFFF;}.verde{color: #66CC33;}.blu{color: #3399FF;}.arancio{color: #FF9900;}.nero{color: #000000;}.grigioScuro{color: #333333;}.bloccoTestoAnteprimeContenuti{text-align: center; padding-bottom: 3em;}.immaginiAnteprimeContenuti {}.immaginiAnteprimeContenuti img{background-color: #ffff; -webkit-box-shadow: 5px 0 5px #669933;box-shadow: 0 5px 5px #669933;padding: 1em;}.titoliDivisori{font-size: 3em; padding-top: 1em; margin-top: 1em; border-top: #efefef 0.2em dotted; text-align: center;}.hoverSmall{-webkit-transition: 0.5s;transition: 0.25s;}.hoverSmall:hover{-webkit-transform:scale(0.85,0.85);transform:scale(0.85,0.85);}.grande{font-size: 4em; padding:0; margin: 0;font-family: Fredoka One, Google Sans, sans-serif;}/* --------------- CLASSI PER HEADER --------------- */#header.headerGrande{padding-top: 45vh;}.headerNoParallax{padding-top: 6em; background-image: url(https://www.massimopiccioni.it/Grafica/sfondo-header-noparallax.svg);color: #FFFFFF; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding-bottom: 1em;}#header h1.big{font-size: 10vw; margin-bottom:0;}#header h2.big{font-size: 3.5vw; }#header p.big{font-size: 3.5vw; }/* ----- CLASSI PER FOOTER ---- */#footer a:link, #footer a:active, #footer a:visited{color: #cccccc; text-decoration: none; border-bottom: #cccccc 0.5px dotted;}#footer a:hover{color: #ffffff; text-decoration: none; border-bottom: none;}h3.footerStyle { border-top: #999999 0.25em dotted; padding-top: 2em; margin-top: 2em;}#casellaVari hr{border: #66CCFF 1em dotted;}#footer .iconContainer{margin-top:2em;}#footer ul{list-style-type: none;text-align: left;}#footer .iconSfondoGrande{display: none;}#footer a.button:link, #footer a.button:active, #footer a.button:visited{color: #FFFFFF; border-bottom: none;}#footer a.noLinkFormat:link, #footer a.noLinkFormat:active, #footer a.noLinkFormat:visited{border-bottom: none;}/*-- ALTRE CLASSI --*/.arrow { border: solid #ffff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; margin-left:0.25em; margin-bottom: 0.1em;}.down { transform: rotate(45deg); -webkit-transform: rotate(45deg);}/* -------------------------------------------- BOTTONI -----------------------------*//* TABELLA BOTTONI */.button { border: none; padding: 1em; text-align: center; text-decoration: none; cursor: pointer; color: #FFFFFF; -webkit-border-radius: 10px; border-radius: 10px;-webkit-transition: 0.5s;transition: 0.25s; display: inline-block; margin-top:1em; margin-bottom: 1em;}.button:hover {-webkit-transform:scale(0.95,0.95);transform:scale(0.95,0.95);}.buttonVerde {background-color: #4CAF50;}.buttonRosso {background-color: #f44336;}.buttonGrigio {background-color: #CCCCCC;}.buttonBlu {background-color: #66CCFF;}.buttonBlock {width: 100%;}.buttonNoMargin {margin:0.1em;}a.button:link, a.button:active, a.button:visited, a.button:hover {color: #FFFFFF; text-decoration: none;}/* -------------------- TORNA SU----------------------*/.bottoneTornaSu { display: none;}/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////* /* --------------------- ANIMAZIONI MOBILE +TABLET + DESK----------/* /* //////////////////////////////////////////////////////////////////////////////////////////////////////////*/@keyframes apparizione { from {opacity: 0;} to {opacity: 1;}}/* ------------------------------- LOADER MOB E DESK ----------------------------*/.loader { border: 16px solid #efefef; border-radius: 50%; border-top: 16px solid #cccccc; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 0.5s linear infinite;}/* Safari */@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}/*___________ ICONE _____________*/.iconSocial{display: inline-block;width:2em;height: 2em;padding: 1em;-webkit-border-radius: 50%;border-radius: 50%;margin-left:0.5em; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-opacity: 0.8; opacity: 0.8; -webkit-transition: 0.5s; transition: 0.5s;}.iconSocial:hover{opacity: 1;}.iconSocialPiccola{width:1.5em;height: 1.5em;padding: 1em;margin-left:0.25em;}.icon{display: inline-block;width:1em;height: 1em;margin-right: 0.5em; -webkit-filter:invert(100%);filter:invert(100%); -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}.iconSfondo{width:2em;height: 2em;padding: 1em;-webkit-border-radius: 50%;border-radius: 50%;margin-left:0.5em;}.iconSfondoGrande{ width:3em;height: 3em;padding: 1.5em;}.iconSfondoPiccola{ width:1.5em;height: 1.5em;padding: 0.5em;-webkit-border-radius: 50%;border-radius: 50%;}.iconBianca{-webkit-filter:none;filter:none;}.iconGrigia{-webkit-filter:invert(25%);filter:invert(25%);}.iconaTrasp{opacity: 0.3;}.coloreBluChiaro{background-color: #87b4fb;}.coloreFisso{background-color: #666666;}.coloreSkype{background-color:#00aef3;}.coloreFacebook{background-color: #3b5898;}.coloreMap{background-color:#ff0000;}.coloreTwitter{background-color:#55acee;}.coloreInstagram{background-color: #d50060;}.coloreYoutube{background-color:#ff0000;}.colorePinterest{background-color:#bd081c;}.coloreLinkedin{background-color:#0076b2;}.coloreTelegram{background-color: #2ca4e0;}.coloreMessengerFb{background-color:#0084ff;}.coloreAmazon{background-color:#000000;}.coloreWhatsapp{background-color:#12af0a;}.coloreBooking{background-color:#023880;}.coloreAirbb{background-color:#fd5c62;}#bottoneCercaMobile .icon, #bottoneCercaMobile .iconSfondoPiccola{margin:0;}#bottoneLinguaMobile .icon, #bottoneLinguaMobile .iconSfondoPiccola{margin:0;}#bottoneCercaMobile button{padding:0.25em;}#bottoneLinguaMobile button{padding:0.25em;}#bottoneVariMobile .icon, #bottoneVariMobile .iconSfondoPiccola{margin:0;}#bottoneVariMobile button{padding:0.25em;}/* __________________________VALUTAZIONI ______________*/.stella {display: inline-block; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}.stellaGrande {width:3em;height: 3em;margin-right: 0.5em; }.stellaPiccola {width:1.5em;height: 1.5em;margin-right: 0.2em; }.review a:link, .review a:visited, .review a:active{color: #ffffff;}@media screen and (max-width: 768px) {/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////* /* __________________________CSS SOLO MOBILE ______________/* /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/.noMobile{display: none;} .menuAperto{display: block; -webkit-animation: apparizione 300ms ease-in-out both;animation: apparizione 300ms ease-in-out both;}.menuChiuso{display: none;}/*------------------*/ .sottoMenuAperto{display: block; -webkit-animation: apparizione 300ms ease-in-out both;animation: apparizione 300ms ease-in-out both;}.sottoMenuChiuso{display: none;}/*---------------------*/.barraNavAperta{height: 100%;overflow: auto;}.barraNavChiusa{height: auto;overflow: visible;}}/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////* /* __________________________CSS SOLO TABKLET E DESKTOP ______________/* /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/@media screen and (min-width: 768px) { .soloMobile{display: none;} .sfondoHeader{ background-position: 50% 30%; } /*---------------------------------------------------------------------------------------------------------- /* ALLINEAMENTO CONTENTENUTI SOLO DESKTOP/*____________________________________________________________*/.flex{-webkit-display: flex; display: flex;}.flexVerticaleCentro{ justify-content: center; align-items: center;}.flexContenutiAllineatiDestra{justify-content: flex-end;}.flexContenutiAllineatiSinistra{justify-content: flex-start;}.flexContenuti {-webkit-display: flex;display: flex;-webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between;}.unoFlex { -webkit-flex: 1 2 0;flex: 1 2 0;}.dueFlex { -webkit-flex: 2 2 0;flex: 2 2 0;}.treFlex { -webkit-flex: 3 2 0;flex: 3 2 0;}.dueTerziLunghezza {width: 70%;}.mezzaLunghezza{width: 50%;}#barraNavigazione #contenutoBarra{-webkit-display: flex;display: flex;align-items: center;justify-content: space-between;margin-left: auto;margin-right: auto;}#barraNavigazione h2 { display: none;}/*---------------------------------------------------------------------------------------------*/#navigazionePrincipale{}#menuPrincipale{display: block;position: relative;overflow: visible;}#menuPrincipale ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }#menuPrincipale .sottomenu ul { padding: 1em; border-radius: 5px; -webkit-border-radius: 5px; border-bottom:none;}#menuPrincipale li { float: left; }#menuPrincipale .contenutoSottomenu li {float: none;}#menuPrincipale li a { display: inline-block; color: #ffffff; text-align: center; padding:1em; text-decoration: none; margin-right:1em;}#menuPrincipale li a:hover { -webkit-border-radius:5px;border-radius:5px; } .contenutoSottomenu { display: none; position: absolute; background-color: #f9f9f9; -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}#menuPrincipale .contenutoSottomenu a { color: black; padding: 1em; text-decoration: none; display: block; text-align: left; margin-left:0;}#menuPrincipale .contenutoSottomenu a:hover { background-color:#FFFFFF;}.sottomenu:hover .contenutoSottomenu { display: block; -webkit-animation: apparizione 300ms ease-in-out both; animation: apparizione 300ms ease-in-out both;}.pulsanteSottomenu:after {content: ;float:none;}/*----------------------------------------------------------------------------------------------*/#casellaVari{display: block;padding: 1em; }#casellaLingua{display: none;padding: 1em;}#casellaLingua input{width:100%;}#casellaRicerca{display: none;padding: 1em; background-color: transparent;}#casellaRicerca input{width:100%;}/*___________________ BARRA NAVIGAZINE________________*/#casellaVari .button{margin:0;}#casellaVari .centraTesto{margin:0; padding: 0;}/*----------------------------------------------------------------------------------------------*/#bottoneMenuMobile{display: none;}#bottoneVariMobile{display: none;}#bottoneCercaMobile{display: none;}#bottoneLinguaMobile{display: none;}/* ----------------------- PARALLASSE ------------------------------------*/.parallax1{min-height: 100vh;}/*------------------- SFONDI ------------------------------------------------*/#footer{padding-top: 3em;padding-bottom: 3em;}#footer .iconSfondoGrande{display: inline-block;}#header.headerGrande{padding-top: 58vh;}.headerNoParallax{}#header h1.big{font-size: 5.5vw; margin-bottom:0;}#header p.big{font-size: 1.2em; }.bloccoTestoAnteprimeContenuti{text-align: left; padding-left:1em; padding-bottom:0;}.bloccoTestoAnteprimeContenuti h3{margin-top:0;}/* -----------------------------------------------------------------------------------/* /* ---------------ANIMAZIONI DESK ON OFF-------------/* /* -----------------------------------------------------------------------------------*//* --------- FOTOGRAMMI DESK ON OFF --------------*/@keyframes apparizioneDaDestra { from {right: -100px;} to {right: 0px;}}@keyframes apparizioneDaSinistra { from {left: -100px;} to {left: 0px;}}@keyframes apparizioneDaSopra { from {top: -100px;} to {top: 0px;}}@keyframes apparizioneDaSotto { from {top: 100px;} to {top: 0px;}}@keyframes entra { 0% { transform: scale(0.9);} 25% {transform: scale(1.05);} 100% {transform: scale(1);}}/* ------------------------------- ANIMAZIONI ----------------------------*/.appare {-webkit-animation: apparizione 1s; animation: apparizione 1s; }.appareEntra{-webkit-animation: apparizione 0.8s, entra 0.8s; animation: apparizione 0.8s, entra 0.8s; position: relative;}.appareDaDestra {-webkit-animation: apparizione 1s, apparizioneDaDestra 0.5s; animation: apparizione 1s, apparizioneDaDestra 0.5s;position: relative;}.appareDaSinistra {-webkit-animation: apparizione 1s, apparizioneDaSinistra 0.5s; animation: apparizione 1s, apparizioneDaSinistra 0.5s;position: relative;}.appareDaSopra {-webkit-animation: apparizione 1s, apparizioneDaSopra 0.5s; animation: apparizione 1s, apparizioneDaSopra 0.5s; position: relative;}.appareDaSotto {-webkit-animation: apparizione 1s, apparizioneDaSopra 0.5s; animation: apparizione 1s, apparizioneDaSotto 0.5s; position: relative;}/* ------------------------------- RITARDI ANIMAZIONE ----------------------------*/.primaAnimazione{-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;-webkit-animation-delay: 0.05s;animation-delay: 0.05s;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}.secondaAnimazione{-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}.terzaAnimazione{-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;-webkit-animation-delay: 1.05s;animation-delay: 1.05s;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}/* ------------------------------- CLASSE CHE IDENTIFICA ANIMAZIONE ----------------------------*/.hidden { opacity: 0;}}/* ----------------------- STILI SOLO PER DESKTOP NO TABLET ------------------------------------*/@media screen and (min-width: 1200px) {.contenitore{padding: 0;}#barraNavigazione .contenitore{padding: 0.5em;}.sfondoHeader{ background-position: 50% 50%; } .logo{width: 5em; }.parallax { background-attachment: fixed; }.immagineSfondoHeader{background-image: url(Grafica/header-grande.svg);min-height: 100vh;}/* -------------------- TORNA SU----------------------*/.bottoneTornaSu { position: fixed; /* Fixed/sticky position */ bottom: 2%; /* Place the button at the bottom of the page */ right: 2%; /* Place the button 30px from the right */ z-index: 2; /* Make sure it does not overlap */ border: none; /* Remove borders */ outline: none; /* Remove outline */ background-color: rgba(255,255,255,0.60); color: white; /* Text color */ cursor: pointer; /* Add a mouse pointer on hover */ border-radius: 50%; /* Rounded corners */ font-size: 2em; /* Increase font size */ padding: 0.5em; /* Some padding */ color: #FFFFFF; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; -webkit-animation: apparizione 0.8s, entra 0.8s; animation: apparizione 0.8s, entra 0.8s; }.bottoneTornaSu:hover {-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}}/* ------------------------------- SOLO TABLET ----------------------------*/@media only screen and (max-width: 1200px) and (min-width: 768px) { #menuPrincipale li a { padding:0.5em; margin-right:0.5em; font-size: 0.9em;} #menuPrincipale .pulsanteSottomenu { padding:0.5em; margin-right:0.5em; font-size: 0.9em; } }/* ------------------------------- LANDASCAPE PER MOBILE E TABLET ----------------------------*/@media only screen and (max-width: 768px) and (orientation:landscape) { #barraNavigazione { opacity: 0; transition: 0.5s; } }/* ------------------------------- LOADER MOB E DESK ----------------------------*/.loader { border: 16px solid #efefef; border-radius: 50%; border-top: 16px solid #cccccc; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 0.5s linear infinite;}/* Safari */@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}/* ------------------------------- MULTIMEDIA PLAYER ----------------------------*/.simboloVideoPlayer{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);opacity: 0.9;}.simboloVideoPlayer:hover{cursor: pointer;opacity: 1;}/style> style>/*---------------------------------------------------------------------------------------------------------- FORM CONTATTI /*____________________________________________________________*/*:focus {outline: none;}*:invalid { box-shadow: none;}:-moz-placeholder { color: #CCCCCC;}::-webkit-input-placeholder { color: #CCCCCC;}.modulo inputtypetext, .modulo inputtypeemail, .modulo inputtypetel, .modulo select, .modulo textarea { width: 100%; padding:1em; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 1em; resize: vertical; border: none; }/* -------------- CHECKBOX __________________*/ /* Customize the label (the container) */.containerCheckBox { display: block; position: relative; padding-left: 2.5em; margin-top: 1em; margin-bottom: 1em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }/* Hide the browsers default checkbox */.containerCheckBox input { position: absolute; opacity: 0; cursor: pointer;}/* Create a custom checkbox */.checkmark { position: absolute; top: 0; left: 0; height: 2em; width: 2em; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px;}/* Create the checkmark/indicator (hidden when not checked) */.checkmark:after { content: ; position: absolute; display: none;}/* Show the checkmark when checked */.containerCheckBox input:checked ~ .checkmark:after { display: block;}/* Style the checkmark/indicator */.containerCheckBox .checkmark:after { left: 0.8em; top: 0.4em; width: 0.4em; height: 0.8em; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} /* -------------- CHECKBOX __________________*/ .modulo select { height: 3em; }.modulo label {display: none;}.modulo textarea {resize: none; } .formContainer {-webkit-border-radius: 5px; border-radius: 5px; background-color: #f2f2f2; padding: 2em;}/*--------------------*/.modulo input:invalid {background-image: url(https://www.massimopiccioni.it/Grafica/Form/richiesto.png);background-repeat:no-repeat;background-position: 99% 50%; } .modulo select:invalid {background-image: url(https://www.massimopiccioni.it/Grafica/Form/richiesto.png);background-repeat:no-repeat;background-position: 95% 50%; } .modulo textarea:invalid {background-image: url(https://www.massimopiccioni.it/Grafica/Form/richiesto.png);background-repeat:no-repeat;background-position: 99% 5%; }.containerCheckBox input:required:invalid ~ .checkmark {background-image: url(https://www.massimopiccioni.it/Grafica/Form/richiesto.png);background-repeat:no-repeat;background-position: center center;} /*--------------------*/ .modulo input:focus, .modulo select:focus, .modulo checkbox:focus, .modulo textarea:focus {-webkit-box-shadow: 0 10px 15px #eee inset; box-shadow: 0 10px 15px #eee inset; }/*--------------------*/.modulo input:required:valid {background-image: url(https://www.massimopiccioni.it/Grafica/Form/validato.png);background-repeat:no-repeat;background-position: 99% 50%; } .modulo select:required:valid {background-image: url(https://www.massimopiccioni.it/Grafica/Form/validato.png);background-repeat:no-repeat;background-position: 95% 50%; } .modulo textarea:required:valid {background-image: url(https://www.massimopiccioni.it/Grafica/Form/validato.png);background-repeat:no-repeat;background-position: 99% 5%;}.containerCheckBox input:required:valid ~ .checkmark {background-color: #66CC33;}/* --------------------------- AUTOCOMPLETE -------------------------------*/.autocomplete { /*the container must be positioned relative:*/ position: relative; display: inline-block; width: 100%;}.autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0;}.autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4;}.autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9;}.autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff;}/style> link relpreload hrefCSS/css.css asstyle> link relstylesheet hrefCSS/css.css mediaprint onloadthis.mediaall> link relshortcut icon hrefhttps://www.massimopiccioni.it/Grafica/favicon.png mediaprint onloadthis.mediaall>/head>body> div classcontenitoreFlex> !-- ///////////////////////////////////////////////////// BLOCCO HEADER ///////////////////////////////////////////////////// --> div idheader styleorder: 1 classsfondoHeader immagineSfondoHeader headerGrande hidden primaAnimazione> div classcontenitore> header classhidden terzaAnimazione box> h1 classbig bianco centraTesto>Realizzazione Siti Web span classhide>Roma/span>/h1> p classbig centraTesto nero>SEO - Web Marketing - Social Media Marketing - Posizionamento sui motori di Ricerca - Campagne Advertising/p> p classcentraTesto> a classbutton buttonRosso hrefhttps://www.massimopiccioni.it/contatti.php>Richiedi Preventivo/a> /p> /header> /div> /div> !-- ///////////////////////////////////////////////////// FINE HEADER ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// BLCCO MAIN ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> div styleorder: 7> div classcontenitore flexContenuti centraTesto> main classhidden primaAnimazione stylemax-width: 100%;> div classcontenitore hidden primaAnimazione>h2 classtitoliDivisori>Realizzazione Siti Web Roma br> - Agenzia Web Agency Roma Eur -/h2>/div> p >Sono Massimo Piccioni, web master specializzato nella realizzazione di siti web, in web marketing, nella SEO e nel a hrefhttps://www.massimopiccioni.it/web-marketing.php>posizionamento dei siti web /a>sui motori di ricerca. La mia a hrefhttps://www.massimopiccioni.it/Blog/web-agency-roma-eur_3_64.php>Web Agency/a> ha sede a Roma, in zona Eur Montagnola, ma attraverso il web opero in tutta Italia. Il mio obiettivo è quello di offrire soluzioni inmternet strategiche personalizzate alle aziende e ai liberi professionisti, che hanno intenzione di lanciare il proprio business online oppure sono già presenti sul web con un sito o un a hrefhttps://www.massimopiccioni.it/e-commerce.php>e-commerce/a>, ma non sono soddisfatti dei risultati. /p> div classpiuContenutoChiuso> h3>Realizzazione siti web responsive design/h3>p>La realizzazione dei siti web con responsive design avviene attraverso lo studio delle esigenze del cliente e la successiva programmazione del sito che potrà essere composto o da sole pagine HTML5 e fogli di stile CSS3, oppure potrà essere più complesso, dotato di potenti applicazioni web quali PHP MYSQL e AJAX, arricchiti , nel caso, anche da animazioni in Javascript. In particolar modo, il a hrefhttps://www.massimopiccioni.it/Blog/ricerca_siti-web-responsive-design_responsive_10.php>responsive design/a> consente di visualizzare e navigare su di un sito web su qualunque dispositivo mobile, smartphone o tablet che sia, di qualunque marca o modello. Ciò è fondamentale soprattutto nellottica del a hrefhttps://www.massimopiccioni.it/Blog/ricerca_siti-web-per-mobile_responsive_11.php>mobile only/a>, che progressivamente sta soppiantando quella del mobile first, già universalmente ritenuta uno standard. /p>h3>Siti internet velocissimi, a prova di page speed test/h3>p>Perchè non uso WordPress, Joomla o altri CMS open source per la a hrefhttps://www.massimopiccioni.it/Blog/creazione-siti-web-professionali_3_34.php>creazione dei siti web/a>? Semplice, perchè pur riconoscendo la validità di tali CMS, una lunga esperienza come programmatore mi ha insegnato che non cè niente di meglio in assoluto chea hrefhttps://www.massimopiccioni.it/Blog/software-per-creare-siti-internet_3_33.php> realizzare CMS/a> partendo da zero, la sola ed unica possibilità per personalizzare al meglio ogni aspetto tecnico, e funzionale del sito web. /p>p>Il page speed test verifica la velocità di caricamento del sito e delle singole pagine: più è rapido tale caricamento, migliore sarà la valutazione espressa dai motori di ricerca. Infatti, Google apprezza particolarmente questo aspetto, così come gli utenti: a chi piace un sito che ci impiega diversi secondi per caricare una pagina? A nessuno, chiaramente. Lo a hrefhttps://www.massimopiccioni.it/Blog/come-progettare-un-sito-web_3_36.php>sviluppo dei siti internet /a>da me realizzati avviene proprio in questottica, ovvero quella di migliorare le prestazioni in termini di velocità, così da offrire una user experience formidabile e rapidissima./p>h3>Web design, la chiave giusta per luser experience/h3>p>Mai trascurare il design di un sito. Non è solo una questione meramente estetica, ma pragmatica, funzionale. Un utente che arriva sul vostro sito o sul vostro a hrefhttps://www.massimopiccioni.it/Blog/ricerca_soluzioni-per-le-commerce_ecommerce_9.php>e-commerce/a>, deve comprendere in maniera semplice come navigare fra le varie sezioni, comprendere quali prodotti o servizi offrite, sceglierli ed acquistarli in pochi click. Una grafica trascurata, che non punta alluser experience fa scappare a gambe levate il cliente e, di certo, non lo fidelizzata, considerate le difficoltà incontrate. Anche qui, dunque, diventa fondamentale uno studio grafico e personalizzato, attuabile mediante i diversi step della programmazione. /p>h2>SEO e web marketing/h2>p>Accanto alla realizzazione dei siti internet, è fondamentale affiancare la a hrefhttps://www.massimopiccioni.it/Blog/seo-come-apparire-in-alto-su-google_5_74.php>SEO/a> ed il web a hrefhttps://www.massimopiccioni.it/Blog/un-servizio-di-web-marketing-completo_5_7.php>marketing/a>. Ciò per andare nella giusta direzione ed ottimizzare il sito per il a hrefhttps://www.massimopiccioni.it/Blog/posizionamento-siti-nei-motori-di-ricerca_5_6.php>posizionamento sui motori di ricerca/a>, in modo che sia fra le a hrefhttps://www.massimopiccioni.it/Blog/ricerca_come-si-esce-primi-su-google_google_39.php>prime posizioni su Google/a>. Ma non solo. Attraverso queste tecniche, ogni sito web o e-commerce viene raggiunto da un numero maggiore di utenti, che si traduce in clienti e dunque in a hrefhttps://www.massimopiccioni.it/Blog/ricerca_conversione_Conversione_50.php>conversioni /a>per lazienda che vende un prodotto o un servizio online. Grazie ad uno studio del settore e del singolo caso, si potrà acquisire sempre più clienti e fidelizzarli, attuando un lavoro di web marketing e di SEO in sinergia. E un lavoro costante, quotidiano, che cambia assecondano le nuove tendenze e gli algoritmi dei motori di ricerca che, come si sa, sono sempre più precisi ed esigenti. La ricerca delle a hrefhttps://www.massimopiccioni.it/Blog/ricerca_keyword-o-parola-chiave_key_52.php>keyword/a>, la creazione di contenuti ad hoc per uscire primi nelle a hrefhttps://www.massimopiccioni.it/Blog/ricerca_serp---search-engine-results-page_seo_23.php>SERP di Google/a> ed una strategia mirata di ADV rappresentano step essenziali da compiere per restare sempre primi su Google: un vero e proprio servizio di web marketing a 360° pensato per piccole, medie e grandi aziende e liberi professionisti/p>h3>Link building, costruire lautorevolezza di un sito/h3>p>La link building è unaltra tecnica SEO fondamentale per ottimizzare il vostro sito web sui motori di ricerca. Questa prevede la presenza di backlink di qualità diretti ad un sito, ovvero dei link inseriti su altri siti che puntano direttamente al vostro. Ciò conferisce autorevolezza al vostro sito, tanto da consentirgli di scalare la serp di Google restando sempre in vetta alle ricerche. Di fatto, la a hrefhttps://www.massimopiccioni.it/Blog/ricerca_link-building_Link-Building_48.php>link building /a>va a rappresentare un vantaggio notevole per il proprio business. /p>h3>Local SEO: fate conoscere la vostra azienda su GOOGLE MAPS/h3>p>Fra le strategie da adottare per far emergere organicamente unazienda online, cè la Local SEO. Questa abbraccia tutte le azioni mirate per consentire alla vostra azienda di emergere dal gruppo sul web a livello locale sulle Google Maps, di essere la a hrefhttps://www.massimopiccioni.it/Blog/ricerca_come-si-esce-primi-sui-motori-di-ricerca_primi_38.php>prima sui motori di ricerca /a>per parole chiave inerenti una specifica località. In questo modo, se vendete un prodotto o servizio in una precisa località, sarete subito intercettati dai potenziali clienti. Tante aziende locali hanno già affidato a me la gestione della propria immagine online, alcune potrete trovarle evidenziate nella sezione Portfolio./p>h3>Campagne AdWords, Facebook Ads/h3>p>In un contesto molto competitivo come il web, è necessario dare una spinta al proprio business anche attraverso la pubblicità a pagamento anche detta Advertising. Le campagne AdWords e le Facebook Ads sono la risposta più immediata per ottenere subito lead generation e successive conversioni. Concorderemo assieme un budget per le campagne a pagamento e potrete avere sempre a disposizione i report del caso, in modo da monitorare landamento delle adv. /p>h3>Social media Marketing/h3>p>I social media sono un mezzo fondamentale per farsi conoscere, per delineare unimmagine vivida ed in movimento della propria azienda. Ma sono anche un modo per favorire linterazione con i clienti ed i potenziali tali, così come offrire un servizio di customer care puntuale. Per questo, non è pensabile non essere suia hrefhttps://www.massimopiccioni.it/Blog/ricerca_smo---social-media-optimization_social_27.php> social /a>network, oggi. A seconda del vostro business, valuteremo assieme quali sono i a hrefhttps://www.massimopiccioni.it/Blog/social-e-seo-come-integrare-una-strategia-comune_5_68.php>social media/a> più indicati per incrementare contatti e vendite. Inoltre, una particolare attenzione verrà posta circa la strategia comunicativa da adottare con il proprio target di riferimento/p>h2>E-commerce il tuo negozio on line/h2>p>Le aziende che vogliono espandere il proprio business al di là dei confini locali, devono necessariamente avere un a hrefhttps://www.massimopiccioni.it/Blog/soluzioni-per-le-commerce_4_9.php>e-commerce/a>. La mia proposta, in tal senso, è una hrefhttps://www.massimopiccioni.it/Blog/soluzioni-e-commerce_4.php> e-commerce/a> semplice da gestire, con la possibilità di aggiornare e gestire il tutto attraverso un comodo pannello di controllo. Si può inserire un numero di prodotti infinito, anche arricchendo la singola scheda con presentazioni multimediali e pagamenti attraversi PayPal. Lutente troverà uninterfaccia intuitiva, snella e rapida, tutti elementi che piacciono anche ai motori di ricerca, favorendo così un posizionamento ottimale del vostro negozio virtuale./p> /div> button onClickpiuContenuto(this) classbutton buttonVerde stylemargin-bottom: 4em;>+ Leggi/button> /main> /div> /div> !-- ///////////////////////////////////////////////////// FINE BLOCCO ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// BLOCCO TABELLE PREZZI ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> div styleorder: 6> div classcontenitore hidden primaAnimazione centraTesto>h2 classtitoliDivisori>Prezzi dei servizi che offro/h2>/div> div classcontenitore flexContenuti> !-- ///////////////////////////////////////////////////// RIGA 3 TABELLE PREZZI ///////////////////////////////////////////////////// --> div classunoFlex hidden primaAmazione box boxSfondoTrasp boxOmbreggiato bordiTondi sopraGrande-Ombra> img srcGrafica/siti-web-icona-grande.svg classimmaginiSVG altSiti Web> h2 classcentraTesto blu>Siti Web/h2> ul classprice> li classgrey stylemargin-top:1em>da 990€ + iva/li> li>Tempi di caricamento velocissimi/li> li>Grafica personalizzata/li> li>Navigazione semplice e intuitiva/li> li>Ottimizzati per le conversioni/li> /ul> p>a hrefhttps://www.massimopiccioni.it/siti-web.php classbutton buttonVerde buttonBlock>Dettagli/a>/p> /div> div classunoFlex hidden terzaAnimazione box boxSfondoTrasp boxOmbreggiato bordiTondi sopraGrande-Ombra> img srcGrafica/seo-icona-grande.svg classimmaginiSVG altWeb Marketing> h2 classcentraTesto arancio>Web Marketing/h2> ul classprice>li classgrey stylemargin-top:1em>da 300€ + iva / mese/li> li>Posizionamento sui Motori di Ricerca/li> li>Social Media Marketing/li> li>Content Marketing e Link Building/li> li>Campagne Pay per Click/li> /ul> p>a hrefhttps://www.massimopiccioni.it/web-marketing.php classbutton buttonVerde buttonBlock>Dettagli/a>/p> /div> div classunoFlex hidden secondaAnimazione box boxSfondoTrasp boxOmbreggiato bordiTondi sopraGrande-Ombra> img srcGrafica/ecommerce-icona-grande.svg classimmaginiSVG altE-Commerce> h2 classcentraTesto verde>E-Commerce/h2> ul classprice> li classgrey stylemargin-top:1em>1990€ + iva/li> li>Presentazione prodotti multimediale/li> li>Aggiornamento semplice e intuitivo/li> li>Carrello PayPal/li> li>Ottimizzato per le conversioni/li> /ul> p>a hrefhttps://www.massimopiccioni.it/e-commerce.php classbutton buttonVerde buttonBlock>Dettagli/a>/p> /div> !-- ///////////////////////////////////////////////////// FINE RIGA ///////////////////////////////////////////////////// --> /div> /div> !-- ///////////////////////////////////////////////////// FINE BLOCCO ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// BLOCCO 2 RIGHE ///////////////////////////////////////////////////// --> div styleorder: 2; classsfondoVerde> div classcontenitore nero> !-- ///////////////////////////////////////////////////// 1 RIGA //////////////////////////////////////////////////// --> section classflexContenuti stylemargin-top: 10vw; margin-bottom:5vw;> div classunoFlex hidden primaAnimazione box flex> div classunoFlex box centraTesto immaginiAnteprimeContenuti bordiTondi>img srcGrafica/page-speed-icona-piccola.svg classimmagini altPage Speed Test>/div> div classdueFlex box bloccoTestoAnteprimeContenuti> h3>PAGE SPEED TEST/h3> p>Siti web super veloci al caricamento per ottenere maggiori conversioni/p> /div> /div> div classunoFlex hidden secondaAnimazione box flex> div classunoFlex box centraTesto immaginiAnteprimeContenuti bordiTondi>img srcGrafica/motori-ricerca-icona-piccola.svg classimmagini altMotori di Ricerca>/div> div classdueFlex box bloccoTestoAnteprimeContenuti> h3>MOTORI RICERCA/h3> p>Studio Keywords e posizionamento siti ai primi posti di GOOGLE/p> /div> /div> div classunoFlex hidden terzaAnimazione box flex> div classunoFlex box centraTesto immaginiAnteprimeContenuti bordiTondi>img srcGrafica/conversioni-icona-piccola.svg classimmagini altConversioni>/div> div classdueFlex box bloccoTestoAnteprimeContenuti> h3>CONVERSIONI/h3> p>Siti progettati per generare Conversioni di clienti che richiedono un preventivo /p> /div> /div> /section> !-- ///////////////////////////////////////////////////// FINE RIGA ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// 1 RIGA //////////////////////////////////////////////////// --> section classflexContenuti stylemargin-top: 5vw; margin-bottom:10vw;> div classunoFlex hidden primaAnimazione box flex> div classunoFlex box centraTesto immaginiAnteprimeContenuti bordiTondi>img srcGrafica/local-seo-icona-piccola.svg classimmagini altLocal SEO>/div> div classdueFlex box bloccoTestoAnteprimeContenuti> h3>LOCAL SEO/h3> p>Posizionamento locale della pagina Google MyBusiness ai primi posti di Google Maps /p> /div> /div> div classunoFlex hidden secondaAnimazione box flex> div classunoFlex box centraTesto immaginiAnteprimeContenuti bordiTondi>img srcGrafica/link-building-icona-piccola.svg classimmagini altLink Building>/div> div classdueFlex box bloccoTestoAnteprimeContenuti> h3>LINK BUILDING/h3> p>Generazione di links naturali per incrementare il posizionamento su GOOGLE/p> /div> /div> div classunoFlex hidden terzaAnimazione box flex> div classunoFlex box centraTesto immaginiAnteprimeContenuti bordiTondi>img srcGrafica/social-media-icona-piccola.svg classimmagini altSocial Media>/div> div classdueFlex box bloccoTestoAnteprimeContenuti> h3>SOCIAL MEDIA/h3> p>Creazione e gestione di pagine Social per incrementare la popolarità del Brand/p> /div> /div> /section> !-- ///////////////////////////////////////////////////// FINE RIGA ///////////////////////////////////////////////////// --> /div>/div> !-- ///////////////////////////////////////////////////// FINE BLOCCO ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// -->!-- ///////////////////////////////////////////////////// BLOCCO RIGHE ///////////////////////////////////////////////////// --> !-- //////////// RIGA //////////////////////// --> div styleorder: 3;> div classcontenitore flex flexVerticaleCentro> div classunoFlex box hidden entra primaAnimazione> img srcGrafica/siti-web-immagine-grande.svg classimmaginiSVG altSiti Web> /div> div classunoFlex box hidden entra secondaAnimazione daDestra> h3 stylefont-size:2em;>span classblu>SITI WEB /span>RESPONSIVE DESIGN/h3> p>Realizzazione di siti web Responsive Design velocissimi che si adattano ad ogni dispositivo (Desktop, Tablet, Smartphone) in HTML5 e CSS3 con particolare cura alla usabilità./p> p classverde stylefont-size:1.5em;> (HTML5, CSS3, AJAX, PHP, MySql) /p> a classbutton buttonVerde hrefhttps://www.massimopiccioni.it/siti-web.php>Dettagli/a> /div> /div> !-- //////////// RIGA //////////////////////// --> div classcontenitore flex flexVerticaleCentro> div classunoFlex box hidden entra daSinistra secondaAnimazione> h3 stylefont-size:2em;>span classarancio>WEB MARKETING/span>, posizionamento su GOOGLE, LOCAL SEO/h3> p>Un servizio completo dallo studio delle Keywords al posizionamento sui motori di ricerca. Gestione delle pagine Social, e delle campagne Google ADS. Il tutto con un unico obiettivo:/p> p classverde stylefont-size:1.5em;> LEAD GENERATION, CONVERSIONI/p> a classbutton buttonVerde hrefhttps://www.massimopiccioni.it/web-marketing.php>Dettagli/a> /div> div classunoFlex box hidden entra primaAnimazione noMobile>img srcGrafica/seo-immagine-grande.svg classimmaginiSVG altWeb Marketing> /div> /div> !-- //////////// RIGA //////////////////////// --> div classcontenitore flex flexVerticaleCentro> div classunoFlex box hidden entra primaAnimazione> img srcGrafica/ecommerce-immagine-grande.svg classimmaginiSVG altE-commercer> /div> div classunoFlex box hidden entra daDestra secondaAnimazione> h3 stylefont-size:2em;>span classverde>E-COMMERCE/span>, negozio virtuale/h3> p>Sito web E-commerce semplice e responsive, si aggiorna con un comodo pannello di controllo via Web, possibilità di inserimento infiniti prodotti, presentazioni multimediali, carrell PayPal./p> p classblu stylefont-size:1.5em;> PRESENTAZIONE MULTIMEDIALE PRODOTTI, TASSO DI CONVERSIONE/p> a classbutton buttonVerde hrefhttps://www.massimopiccioni.it/e-commerce.php>Dettagli/a>/div> /div> /div>!-- ///////////////////////////////////////////////////// FINE BLOCCO ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// SLIDE ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> div styleorder: 4;> div classcontenitore hidden primaAnimazione centraTesto>h2 classtitoliDivisori>Ultimi lavori realizzati/h2>/div> div classcontenitore hidden primaAnimazione flexContenuti bordiTondi> div classunoFlex slideRespBorders> !-- Slideshow container -->div classslideshow-container> !-- Full-width images with number and caption text --> div classmySlides fade> picture> source media(max-width: 480px) srcsetSlides/Slide1/Immagini/1Mini.jpg classimmagini> source media(max-width: 768px) srcsetSlides/Slide1/Immagini/1Small.jpg classimmagini> img srcSlides/Slide1/Immagini/1.jpg classimmagini altimmagine> /picture> /div> div classmySlides fade> picture> source media(max-width: 480px) srcsetSlides/Slide1/Immagini/1AMini.png classimmagini> source media(max-width: 768px) srcsetSlides/Slide1/Immagini/1ASmall.png classimmagini> img srcSlides/Slide1/Immagini/1A.png classimmagini altimmagine> /picture> /div> div classmySlides fade> picture> source media(max-width: 480px) srcsetSlides/Slide1/Immagini/2Mini.jpg classimmagini> source media(max-width: 768px) srcsetSlides/Slide1/Immagini/2Small.jpg classimmagini> img srcSlides/Slide1/Immagini/2.jpg classimmagini altimmagine> /picture> /div> div classmySlides fade> picture> source media(max-width: 480px) srcsetSlides/Slide1/Immagini/2AMini.png classimmagini> source media(max-width: 768px) srcsetSlides/Slide1/Immagini/2ASmall.png classimmagini> img srcSlides/Slide1/Immagini/2A.png classimmagini altimmagine> /picture> /div> div classmySlides fade> picture> source media(max-width: 480px) srcsetSlides/Slide1/Immagini/3Mini.jpg classimmagini> source media(max-width: 768px) srcsetSlides/Slide1/Immagini/3Small.jpg classimmagini> img srcSlides/Slide1/Immagini/3.jpg classimmagini altimmagine> /picture> /div> div classmySlides fade> picture> source media(max-width: 480px) srcsetSlides/Slide1/Immagini/3A.png classimmagini> source media(max-width: 768px) srcsetSlides/Slide1/Immagini/3ASmall.png classimmagini> img srcSlides/Slide1/Immagini/3A.png classimmagini altimmagine> /picture> /div> !-- Next and previous buttons --> a classprev onclickplusSlides(-1)>❮/a> a classnext onclickplusSlides(1)>❯/a>/div>br>!-- The dots/circles -->div styletext-align:center> span classdot onclickcurrentSlide(1)>/span> span classdot onclickcurrentSlide(2)>/span> span classdot onclickcurrentSlide(3)>/span> span classdot onclickcurrentSlide(4)>/span> span classdot onclickcurrentSlide(5)>/span> span classdot onclickcurrentSlide(6)>/span> /div> /div> /div> /div> !-- ///////////////////////////////////////////////////// FINE SLIDE ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// -->!-- ///////////////////////////////////////////////////// BLOCCO REVIEWS ///////////////////////////////////////////////////// --> div styleorder: 5>div classcontenitore hidden primaAnimazione centraTesto>h2 classtitoliDivisori>Cosa dicono di noi su GOOGLE/h2>/div> div classcontenitore hidden secondaAnimazione flexContenuti idrecensioni> /div>/div>!-- ///////////////////////////////////////////////////// BLOCCO REVIEWS ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// BLCCO CONTATTI ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> div styleorder: 6> div classcontenitore hidden primaAnimazione centraTesto>h2 classtitoliDivisori>Contattami per ulteriori informazioni/h2>/div> div classcontenitore hidden primaAnimazione flexContenuti> !-- ///////////////////////////////////////////////////// INDIRIZZO ///////////////////////////////////////////////////// --> div classunoFlex box boxBordo bordiTondi> img srcGrafica/avatar-contatti.svg classimmaginiSVG altWeb Master> h2>Massimo Piccioni/h2> p>Via Giuseppe Berto , 73br> 00142 Roma /p> p>span classicon iconGrigia>img srchttps://www.massimopiccioni.it/Grafica/Icone/telefonoFisso.svg classimmagini alticona>/span>span onclickgtag(event, Chiamata, {event_category : Telefonate, event_label : Chiama da Mobile});>Tel. +39 06 5195 9661/span>br> span classicon iconGrigia>img srchttps://www.massimopiccioni.it/Grafica/Icone/mobile.svg classimmagini alticona>/span>span onclickgtag(event, Chiamata, {event_category : Telefonate, event_label : Chiama da Mobile});>Cell. +39 334 5999 425/span> /p> div classiconContainer noMobile> !-- a classiconSocial coloreSkype href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/skype.svg classimmagini alticona>/a> a classiconSocial coloreFacebook href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/fb.svg classimmagini alticona>/a> a classiconSocial coloreMap href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/maps.svg classimmagini alticona>/a> a classiconSocial coloreTwitter href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/twitter.svg classimmagini alticona>/a> a classiconSocial coloreInstagram href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/instagram.svg classimmagini alticona>/a> a classiconSocial coloreYoutube href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/youtube.svg classimmagini alticona>/a> a classiconSocial colorePinterest href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/pinterest.svg classimmagini alticona>/a> a classiconSocial coloreLinkedin href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/linkedin.svg classimmagini alticona>/a> a classiconSocial coloreTelegram href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/telegram.svg classimmagini alticona>/a> a classiconSocial coloreMessengerFb href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/messengerFb.svg classimmagini alticona>/a> a classiconSocial coloreAmazon href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/amazon.svg classimmagini alticona>/a> a classiconSocial coloreWhatsapp href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/whatsapp.svg classimmagini alticona>/a> a classiconSocial coloreBooking href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/booking.svg classimmagini alticona>/a> a classiconSocial coloreAirbb href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/airbb.svg classimmagini alticona>/a> --> a classiconSocial coloreFacebook iconSocialPiccola hrefhttps://www.facebook.com/Realizzazione-Siti-Web-Roma-Massimo-Piccioni-173090412783081>img srchttps://www.massimopiccioni.it/Grafica/Icone/fb.svg classimmagini alticona>/a> a classiconSocial coloreMap iconSocialPiccola hrefhttps://goo.gl/maps/eFG9gtNcixTiRyJh8>img srchttps://www.massimopiccioni.it/Grafica/Icone/maps.svg classimmagini alticona>/a> a classiconSocial coloreLinkedin iconSocialPiccola hrefhttps://it.linkedin.com/in/massimo-piccioni-a72005138>img srchttps://www.massimopiccioni.it/Grafica/Icone/linkedin.svg classimmagini alticona>/a> /div> !-- ///////////////////////////////////////////////////// SOLO MOBILE /////////////////////////////////////////////// --> div classsoloMobile centraTesto> div classflexContenutiCentrati> div classunoFlex box> p>CHIAMA/p> p> a classnoLinkFormat hreftel://+393345999425 titleClicca per telefonare da SmartPhone onclickgtag(event, Chiamata, {event_category : Telefonate, event_label : Chiama da Mobile});>span classicon iconSfondo coloreFisso iconGrigia hoverSmall>img srchttps://www.massimopiccioni.it/Grafica/Icone/mobile.svg classimmagini alticona>/span>/a> /p> /div> div classunoFlex box> p>WHATS APP/p> p>a classnoLinkFormat hrefhttps://api.whatsapp.com/send?phone393345999425&textSalve,%20vorrei%20qualche%20informazione titleClicca per chattare da SmartPhone>span classicon iconSfondo coloreFisso iconGrigia hoverSmall>img srchttps://www.massimopiccioni.it/Grafica/Icone/whatsapp.svg classimmagini alticona>/span>/a>/p> /div> div classunoFlex box linkSenzaFormattazione> p>E-MAIL/p> p>a classnoLinkFormat hrefhttps://www.massimopiccioni.it/contatti.php>span classicon iconSfondo coloreFisso iconGrigia hoverSmall>img srchttps://www.massimopiccioni.it/Grafica/Icone/email.svg classimmagini alticona>/span>/a>/p> /div> /div> /div> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> /div> !-- ///////////////////////////////////////////////////// FORM ///////////////////////////////////////////////////// --> div classdueFlex box boxBordo bordiTondi> form classmodulo formContainer bordiTondi nameformContattiContent> label>Nome/label> input typetext namenome placeholderMario Rossi required> label>Email/label> input typeemail nameemail placeholderinfo@mariorossi.it patterna-z0-9._%+-+@a-z0-9.-+\.a-z{2,}$ required > label>Email/label> input typetel nametelefono placeholder000 000 0000 pattern0-9-+\s()*$ required > label>Messaggio/label> textarea namemessaggio placeholderScrivi qui il tuo messaggio ... styleheight:200px required>/textarea> label classcontainerCheckBox styledisplay: block;> Privacy input typecheckbox nameprivacy required> span classcheckmark>/span>/label> button classbutton buttonVerde buttonBlock typesubmit>Richiedi Preventivo/button> /form> /div> !-- ///////////////////////////////////////////////////// FORM ///////////////////////////////////////////////////// --> /div> /div> !-- ///////////////////////////////////////////////////// FINE BLOCCO ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// BLCCO FOOTER ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> div idfooter styleorder: 8> div classcontenitore flexContenuti> footer classhidden entra primaAnimazione box flexContenuti> div classunoFlex box centraTesto> span classicon iconSfondo coloreFisso iconGrigia iconSfondoGrande>img srchttps://www.massimopiccioni.it/Grafica/Icone/info.svg classimmagini alticona>/span> h3 classfooterStyle>CHI SONO/h3> p styletext-align: left;>Sono Massimo Piccioni e sono un Web Master specializzato nella realizzazione di siti web, in Web Marketing , SEO, nel posizionamento siti web sui motori di ricerca e campagne Advertising./p> p>© 2021 Massimo Piccioni/p>div classiconContainer> !-- a classiconSocial coloreSkype href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/skype.svg classimmagini alticona>/a> a classiconSocial coloreFacebook href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/fb.svg classimmagini alticona>/a> a classiconSocial coloreMap href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/maps.svg classimmagini alticona>/a> a classiconSocial coloreTwitter href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/twitter.svg classimmagini alticona>/a> a classiconSocial coloreInstagram href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/instagram.svg classimmagini alticona>/a> a classiconSocial coloreYoutube href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/youtube.svg classimmagini alticona>/a> a classiconSocial colorePinterest href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/pinterest.svg classimmagini alticona>/a> a classiconSocial coloreLinkedin href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/linkedin.svg classimmagini alticona>/a> a classiconSocial coloreTelegram href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/telegram.svg classimmagini alticona>/a> a classiconSocial coloreMessengerFb href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/messengerFb.svg classimmagini alticona>/a> a classiconSocial coloreAmazon href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/amazon.svg classimmagini alticona>/a> a classiconSocial coloreWhatsapp href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/whatsapp.svg classimmagini alticona>/a> a classiconSocial coloreBooking href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/booking.svg classimmagini alticona>/a> a classiconSocial coloreAirbb href#>img srchttps://www.massimopiccioni.it/Grafica/Icone/airbb.svg classimmagini alticona>/a> --> a classiconSocial coloreFacebook iconSocialPiccola noLinkFormat hrefhttps://www.facebook.com/Realizzazione-Siti-Web-Roma-Massimo-Piccioni-173090412783081>img srchttps://www.massimopiccioni.it/Grafica/Icone/fb.svg classimmagini alticona>/a> a classiconSocial coloreLinkedin iconSocialPiccola noLinkFormat hrefhttps://it.linkedin.com/in/massimo-piccioni-a72005138>img srchttps://www.massimopiccioni.it/Grafica/Icone/linkedin.svg classimmagini alticona>/a> a classiconSocial coloreMap iconSocialPiccola noLinkFormat hrefhttps://goo.gl/maps/eFG9gtNcixTiRyJh8>img srchttps://www.massimopiccioni.it/Grafica/Icone/maps.svg classimmagini alticona>/a> /div> /div> div classunoFlex box centraTesto> span classicon iconSfondo coloreFisso iconGrigia iconSfondoGrande>img srchttps://www.massimopiccioni.it/Grafica/Icone/links.svg classimmagini alticona>/span> h3 classfooterStyle>MAPPA SITO/h3> div classflexContenuti> div classunoFlex> ul> li>a hrefhttps://www.massimopiccioni.it/>Home Page/a>/li> li> a hrefhttps://www.massimopiccioni.it/siti-web.php>Siti Web/a>/li> li>a hrefhttps://www.massimopiccioni.it/e-commerce.php>E-Commerce /a>/li> li>a hrefhttps://www.massimopiccioni.it/web-marketing.php>Web Marketing/a>/li> li> a hrefhttps://www.massimopiccioni.it/contatti.php>Contatti/a>/li> li>a hrefhttps://www.massimopiccioni.it/contatti.php>Mappa/a>/li> li>a hrefhttps://www.massimopiccioni.it/contatti.php>RIchiedi Preventivo/a>/li> /ul> /div> div classunoFlex> ul > li>a hrefhttps://www.massimopiccioni.it/Blog/>Blog/a>/li> li> a hrefhttps://www.massimopiccioni.it/Blog/seo-e-web-marketing_5.php>SEO e Web Marketing /a>/li> li>a hrefhttps://www.massimopiccioni.it/Blog/siti-web_3.php>Sviluppo Siti Internet /a>/li> li>a hrefhttps://www.massimopiccioni.it/Blog/soluzioni-e-commerce_4.php>Soluzioni E-commerce/a>/li> li> a hrefhttps://www.massimopiccioni.it/Blog/web-e-glossario_6.php>Glossario /a>/li> /ul> /div> /div> /div> div classunoFlex box centraTesto> span classicon iconSfondo coloreFisso iconGrigia iconSfondoGrande>img srchttps://www.massimopiccioni.it/Grafica/Icone/chat.svg classimmagini alticona>/span> h3 classfooterStyle>CONTATTI/h3> p>span classicon iconGrigia>img srchttps://www.massimopiccioni.it/Grafica/Icone/maps.svg classimmagini alticona>/span> Via Giuseppe Berto, 73br /> 00142 Roma/p> p> P. Iva 07928701007/p> p>span classicon iconGrigia>img srchttps://www.massimopiccioni.it/Grafica/Icone/telefonoFisso.svg classimmagini alticona>/span>span onclickgtag(event, Chiamata, {event_category : Telefonate, event_label : Chiama da Mobile});>Tel. +39 06 5195 8661/span> br /> span classicon iconGrigia>img srchttps://www.massimopiccioni.it/Grafica/Icone/mobile.svg classimmagini alticona>/span> span onclickgtag(event, Chiamata, {event_category : Telefonate, event_label : Chiama da Mobile});>Cell. +39 334 5999 425/span>/p> p>a hrefhttps://www.massimopiccioni.it/privacy.php>Privacy/a> | a hrefhttps://www.massimopiccioni.it/cookies.php>Cookies/a>/p> div classsoloMobile centraTesto> div classflexContenutiCentrati> div classunoFlex box> p>CHIAMA/p> p> a classnoLinkFormat hreftel://+393345999425 titleClicca per telefonare da SmartPhone onclickgtag(event, Chiamata, {event_category : Telefonate, event_label : Chiama da Mobile});>span classicon iconSfondo coloreFisso iconGrigia hoverSmall>img srchttps://www.massimopiccioni.it/Grafica/Icone/mobile.svg classimmagini alticona>/span>/a> /p> /div> div classunoFlex box> p>WHATS APP/p> p>a classnoLinkFormat hrefhttps://api.whatsapp.com/send?phone393345999425&textSalve,%20vorrei%20qualche%20informazione titleClicca per chattare da SmartPhone>span classicon iconSfondo coloreFisso iconGrigia hoverSmall>img srchttps://www.massimopiccioni.it/Grafica/Icone/whatsapp.svg classimmagini alticona>/span>/a>/p> /div> div classunoFlex box linkSenzaFormattazione> p>E-MAIL/p> p>a classnoLinkFormat hrefhttps://www.massimopiccioni.it/contatti.php>span classicon iconSfondo coloreFisso iconGrigia hoverSmall>img srchttps://www.massimopiccioni.it/Grafica/Icone/email.svg classimmagini alticona>/span>/a>/p> /div> /div> /div> p classcentraTesto noMobile>a classbutton buttonRosso hrefhttps://www.massimopiccioni.it/contatti.php> Richiedi Informazioni/a>/p> /div> /footer> /div> /div> !-- ///////////////////////////////////////////////////// FINE BLOCCO ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// --> /div>!-- ////////////////////////////////////////////////////////////////////// FINE FLEX ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// -->!-- ///////////////////////////////////////////////////// BARRA NAVIGAZIONE ///////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// BARRA NAVIGAZIONE ///////////////////////////////////////////////////// --> div classbarraNavChiusa hidden primaAnimazione idbarraNavigazione>div classcontenitore>div idcontenutoBarra> !-- BARRA NAVIGAZIONE PRINCIPALE MOBILE E LOGO DESCK--> div idnavigazionePrincipale> div classlogo> a hrefhttps://www.massimopiccioni.it>img classimmagini srchttps://www.massimopiccioni.it/Grafica/logo.svg altRealizzazione Siti Web Roma - Massimo Piccioni>/a> /div> div idbottoneVariMobile> button onClickBottoneMenu(casellaVari)> span classicon iconSfondoPiccola iconBianca coloreBluChiaro>img srchttps://www.massimopiccioni.it/Grafica/Icone/chat.svg classimmagini alticona>/span> /button> /div> div idbottoneCercaMobile> button onClickBottoneMenu(casellaRicerca)>span classicon iconSfondoPiccola iconBianca coloreBluChiaro>img srchttps://www.massimopiccioni.it/Grafica/Icone/cerca.svg classimmagini alticona>/span>/button> /div> div idbottoneLinguaMobile> button onClickBottoneMenu(casellaLingua)>span classicon iconSfondoPiccola iconBianca coloreBluChiaro >img srchttps://www.massimopiccioni.it/Grafica/Icone/traduttore.svg classimmagini alticona>/span>/button> /div> div idbottoneMenuMobile classbottoneMenuMobile onclickBottoneMenu(menuPrincipale)> div classbar1>/div> div classbar2>/div> div classbar3>/div>/div> !-- FINE PROVA ORIGINALE --> /div> !-- BARRA NAVIGAZIONE PRINCIPALE --> !-- MENU PRINCIPALE --> nav classmenuChiuso idmenuPrincipale> h2>Menu:/h2> ul> li>a hrefhttps://www.massimopiccioni.it/siti-web.php>Siti Web/a>/li> li>a hrefhttps://www.massimopiccioni.it/e-commerce.php>E-Commerce/a>/li> li>a hrefhttps://www.massimopiccioni.it/web-marketing.php>Web Marketing/a>/li> li>a hrefhttps://www.massimopiccioni.it/Portfolio/>Portfolio/a>/li> li>a hrefhttps://www.massimopiccioni.it/Blog/>Blog/a>/li> li classsottomenu> button classpulsanteSottomenu onClickmostraSottoMenu(this)>Demoi classarrow down noMobile>/i>/button>ul classcontenutoSottomenu sottoMenuChiuso> li>a hrefhttps://www.massimopiccioni.it/Portfolio/>Portfolio/a>/li> li>a hrefhttps://www.massimopiccioni.it/Galleria/>Galleria/a>/li> li>a hrefhttps://www.massimopiccioni.it/Blog/>Blog/a>/li> li>a hrefhttps://www.massimopiccioni.it/Servizi/>Servizi/a>/li> li>a hrefhttps://www.massimopiccioni.it/Prodotti/>Ecommerce/a>/li> /ul> /li> li>a hrefhttps://www.massimopiccioni.it/contatti.php>Contatti/a>/li> /ul> /nav> !-- MENU PRINCIPALE --> !-- CASELLA VARI --> div classmenuChiuso idcasellaVari> div classsoloMobile centraTesto> h3>MASSIMO PICCIONI/h3> p>span classicon iconBianca>img srchttps://www.massimopiccioni.it/Grafica/Icone/maps.svg classimmagini alticona>/span> Via Giuseppe Berto, 73br /> 00142 Roma/p> p>span classicon iconBianca>img srchttps://www.massimopiccioni.it/Grafica/Icone/telefonoFisso.svg classimmagini alticona>/span> span onclickgtag(event, Chiamata, {event_category : Telefonate, event_label : Chiama da Mobile});>Tel. +39 06 5195 8661/span>br /> span classicon iconBianca>img srchttps://www.massimopiccioni.it/Grafica/Icone/mobile.svg classimmagini alticona>/span>span onclickgtag(event, Chiamata, {event_category : Telefonate, event_label : Chiama da Mobile});>Cell. +39 334 5999 425/span> /p> div classflexContenutiCentrati> div classunoFlex> p>CHIAMA/p> p>a hreftel://+393345999425 titleClicca per telefonare da SmartPhone onclickgtag(event, Chiamata, {event_category : Telefonate, event_label : Chiama da Mobile});>span classicon iconSfondo coloreBluChiaro iconBianca iconSfondoGrande hoverSmall>img srchttps://www.massimopiccioni.it/Grafica/Icone/mobile.svg classimmagini alticona>/span>/a>/p> /div> div classunoFlex> p>WHATS APP/p> p>a hrefhttps://api.whatsapp.com/send?phone393345999425&textSalve,%20vorrei%20qualche%20informazione titleClicca per chattare da SmartPhone>span classicon iconSfondo coloreBluChiaro iconBianca iconSfondoGrande hoverSmall>img srchttps://www.massimopiccioni.it/Grafica/Icone/whatsapp.svg classimmagini alticona>/span>/a>/p>/div> div classunoFlex> p>E-MAIL/p> p>a hrefhttps://www.massimopiccioni.it/contatti.php>span classicon iconSfondo coloreBluChiaro iconBianca iconSfondoGrande hoverSmall>img srchttps://www.massimopiccioni.it/Grafica/Icone/email.svg classimmagini alticona>/span>/a>/p> /div> /div> /div> p classcentraTesto noMobile>a hrefhttps://www.massimopiccioni.it/contatti.php>span classicon iconSfondo coloreBluChiaro iconBianca iconSfondoPiccola hoverSmall>img srchttps://www.massimopiccioni.it/Grafica/Icone/email.svg classimmagini alticona>/span>/a>a hrefhttps://www.massimopiccioni.it/contatti.php>/a>/p> !-- INSERIRE QUI LO EVENTUALI VARI--> /div> !-- CASELLA VARI --> !-- CASELLA RICERCA SOLO MODALITA PRODOTTI --> div classmenuChiuso idcasellaRicerca> form autocompleteoff classmodulo moduloRicerca nameformCercaTabella> div classautocomplete> input idmyInputTabella typetext namemySearchTabella placeholderCerca stylemargin: 0;> /div>/form> /div>!-- CASELLA RICERCA SOLO MODALITA PRODOTTI --> !-- CASELLA LINGUA --> div classmenuChiuso idcasellaLingua> !-- INSERIRE QUI LO SCRIPT PER LA CASELLA LINGUA --> /div> !-- CASELLA LINGUA --> /div> /div> /div>!-- ///////////////////////////////////////////////////// BARRA NAVIGAZIONE ///////////////////////////////////////////////////// -->!-- ///////////////////////////////////////////////////// BARRA NAVIGAZIONE ///////////////////////////////////////////////////// -->!-- /////////////////////////////////////////////////////MODAL FORM ///////////////////////////////////////////////////// -->div idmodalForm classmodal modalSopra> span classcloseModal titleClose Modal>×/span> div classflexContenutiCentrati> div classmodalContenitore > div idmodalHeader> div idmodalSimbol>/div> /div> div classmodalContenuti> p>Tutto ok!/p> button idmodalButton classbutton>Prosegui/button> /div> /div>/div> /div>!-- ///////////////////////////////////////////////////// MODAL ///////////////////////////////////////////////////// -->!-- /////////////////////////////////////////////////////MODAL IMG///////////////////////////////////////////////////// -->div idmodalIMG classmodalIMG modal modalSopra> span classcloseModal titleClose Modal>×/span> div classflexContenutiCentrati> div idmodalIMG-immagine>/div> /div> /div>!-- ///////////////////////////////////////////////////// MODAL ///////////////////////////////////////////////////// --> !-- /////////////////////////////////////////////////////MODAL LOADER ///////////////////////////////////////////////////// -->div idmodalLoader classmodal modalSotto> div classflexContenutiCentrati> div classloader>/div> /div> /div>!-- ///////////////////////////////////////////////////// MODAL ///////////////////////////////////////////////////// -->!-- ///////////////////////////////////////////////////// TORNA SU ///////////////////////////////////////////////////// --> button onClicktornaSu() idbottoneTornaSu titleGo to top classbottoneTornaSu>▲/button> !-- ///////////////////////////////////////////////////////////////////////////////////////////////////// --> !-- ///////////////////////////////////////////////////// JAVASCRIPT PRINCIPALE ///////////////////////////////////////////////////// --> script> /*-------------------------------------------------------------------------------------------------- CARICA CSS PRINCIPALE -------------------------/*-------------------------------------------------------------------------*/window.addEventListener(load,CaricaCSSFont); function CaricaCSSFont() { var element document.createElement(link); element.setAttribute(rel, stylesheet); element.setAttribute(href ,https://fonts.googleapis.com/css2?familyFredoka+One&familyRaleway&displayswap); document.getElementsByTagName(head)0.appendChild(element);}/*-------------------------------------------------------------------------------------------------- BARRA NAVBIGAZIONE -------------------------/*-------------------------------------------------------------------------*//* ---------------------------- CHIUDI MENU CON CLICK SU TRASPARENZA (MOBILE) -------------------------------- */barraNavigazione document.getElementById(barraNavigazione);barraNavigazione.addEventListener(click, function(){chiudiBarraNav();});var figliBarraNavigazione barraNavigazione.children;var i;for (i 0; i figliBarraNavigazione.length; i++) {figliBarraNavigazionei.addEventListener(click, function(event){event.cancelBubble true;});} function chiudiBarraNav(){barraNavigazione.classNamebarraNavigazione.className.replace(barraNavAperta,barraNavChiusa); FunzioneBottoneMenuMobile(false); chiudiMenu(); chiudiSottomenu(); if (document.body.scrollTop > 100 || document.documentElement.scrollTop >100) { document.getElementById(barraNavigazione).style.backgroundColor rgba(51, 153, 255, 100); } else { document.getElementById(barraNavigazione).style.backgroundColor rgba(51, 153, 255, 0); } }/* ------ MENU (MOBILE ) ------*/function FunzioneBottoneMenuMobile(x) { if(x) { document.getElementById(bottoneMenuMobile).classList.toggle(change); } else { if(document.getElementById(menuPrincipale).className menuAperto) { document.getElementById(bottoneMenuMobile).classList.toggle(change); } } } /* ---------------------------- APRI E CHIUDI MENU (MOBILE)-------------------------------- */function BottoneMenu(cosaAprire) { if(cosaApriremenuPrincipale) { FunzioneBottoneMenuMobile(true); } else { FunzioneBottoneMenuMobile(false); }var barraNavigazionedocument.getElementById(barraNavigazione);var x document.getElementById(cosaAprire); if (x.className menuChiuso) { chiudiMenu(); chiudiSottomenu(); x.className x.className.replace(menuChiuso,menuAperto); barraNavigazione.classNamebarraNavigazione.className.replace(barraNavChiusa,barraNavAperta); if (document.body.scrollTop > 100 || document.documentElement.scrollTop >100) { document.getElementById(barraNavigazione).style.backgroundColor rgba(51, 153, 255, 100); } else { document.getElementById(barraNavigazione).style.backgroundColor rgba(51, 153, 255, 100); } } else { x.classNamex.className.replace(menuAperto,menuChiuso); chiudiSottomenu(); barraNavigazione.classNamebarraNavigazione.className.replace(barraNavAperta,barraNavChiusa); if (document.body.scrollTop > 100 || document.documentElement.scrollTop >100) { document.getElementById(barraNavigazione).style.backgroundColor rgba(51, 153, 255, 100); } else { document.getElementById(barraNavigazione).style.backgroundColor rgba(51, 153, 255, 0); } }}function chiudiMenu(){var elems document.querySelectorAll(.menuAperto); var i; for ( i 0; i elems.length; i++) { elemsi.classNameelemsi.className.replace(menuAperto,menuChiuso); }}/* ------------------------- FUNZIONI SOTTOMENU (MOBILE) ------------------------- */function mostraSottoMenu(sottomenuDaAprire){ if(sottomenuDaAprire.nextSibling.className contenutoSottomenu sottoMenuAperto) { sottomenuDaAprire.nextSibling.classNamesottomenuDaAprire.nextSibling.className.replace(sottoMenuAperto,sottoMenuChiuso); } else { chiudiSottomenu(); sottomenuDaAprire.nextSibling.classNamesottomenuDaAprire.nextSibling.className.replace(sottoMenuChiuso,sottoMenuAperto); }}function chiudiSottomenu(){ var tuttiSottomenu document.querySelectorAll(.sottoMenuAperto); var i; for ( i 0; i tuttiSottomenu.length; i++) { tuttiSottomenui.classNametuttiSottomenui.className.replace(sottoMenuAperto,sottoMenuChiuso); }}/* -------------------------/* ------------------------- FUNZIONI ON SCROLL/* -------------------------CAMBIA BARRA NAVIGAZIONE CON SCROLL CAMBIA FORMA ------------------------- */window.addEventListener(scroll, cambiaBarraOnScroll);window.addEventListener(load, cambiaBarraOnScroll);function cambiaBarraOnScroll(){ /* ----------------------------------- CAMBIA BARRA NAVIGAZIONE CON SCROLL CAMBIA FORMA ------------------------- */ if (document.body.scrollTop > 100 || document.documentElement.scrollTop >100) { document.getElementById(barraNavigazione).style.backgroundColor rgba(51, 153, 255, 100); document.getElementById(barraNavigazione).style.boxShadow 1px 2px 20px #333333; document.getElementById(barraNavigazione).style.paddingTop 0.25em; } else { if(document.getElementById(barraNavigazione).className ! barraNavAperta) { document.getElementById(barraNavigazione).style.backgroundColor rgba(51, 153, 255, 0); } document.getElementById(barraNavigazione).style.boxShadow none; document.getElementById(barraNavigazione).style.paddingTop 1em; } } /* -------------------- CAMBIA BARRA NAVIGAZIONE CON SCROLL CAMBIA FORMA ------------------------- *//*-------------------------------------------------------------------------------------------------- ANIMAZIONI -------------------------/*-------------------------------------------------------------------------*/var animateHTML function() {var elems;var windowHeight;function init() {elems document.querySelectorAll(.hidden);windowHeight window.innerHeight;addEventHandlers();checkPosition();}function addEventHandlers() {window.addEventListener(scroll, checkPosition);window.addEventListener(resize, init);}function checkPosition() {for (var i 0; i elems.length; i++) {var positionFromTop elemsi.getBoundingClientRect().top; if (positionFromTop - windowHeight - ( windowHeight / 4 ) ) { elemsi.className elemsi.className.replace(hidden,appare); elemsi.className elemsi.className.replace(daDestra,appareDaDestra); elemsi.className elemsi.className.replace(daSinistra,appareDaSinistra); elemsi.className elemsi.className.replace(daSopra,appareDaSopra); elemsi.className elemsi.className.replace(daSotto,appareDaSotto); elemsi.className elemsi.className.replace(entra,appareEntra); }}}return {init: init};};window.onload animateHTML().init();/*-------------------------------------------------------------------------------------------------- SCRIP UTILITY ON PAGE -------------------------/*-------------------------------------------------------------------------*//* __________________ PIU CONTENUTO ____________________ */function piuContenuto(dove) {dove.previousElementSibling.classList.toggle(piuContenutoAperto);if(dove.innerHTML + Leggi){ dove.innerHTML - Riduci;}else{ dove.innerHTML + Leggi;}}/* ------ ------ ------ CREA AJAX ------------ ------*/function creaAjax(){ if (window.XMLHttpRequest) { xmlhttp new XMLHttpRequest(); } else { xmlhttp new ActiveXObject(Microsoft.XMLHTTP); } return xmlhttp;}/* ------ ---------- MODAL COLOSE ------------ ------*/var modal document.getElementsByClassName(modal);var i;for (i 0; i modal.length; i++) { modali.addEventListener(click, function(event){event.cancelBubble true;}); modali.addEventListener(click, function(){this.style.displaynone;modalLoader(false);}); } function modalLoader(cosa){var modalLoader document.getElementById(modalLoader); if(cosa) { modalLoader.style.display block; } else { modalLoader.style.display none; } }/* ------ ---------- FUNZIONI PER IMMAGINI GENERALI ------------ ------*//* ----- MODAL IMAGE ------*/function openModalImage(IMG) { modalLoader(true);var modalImage document.getElementById(modalIMG-immagine);modalImage.innerHTML ;var modalIMG document.getElementById(modalIMG);modalIMG.style.display block;modalImage.innerHTML img src+ IMG.src+ alt immagine classimmagini>;}/* ----- TORNA SU ------*/window.addEventListener(scroll, bottoneTornaSu);window.addEventListener(resize, bottoneTornaSu);function bottoneTornaSu() {var mybutton document.getElementById(bottoneTornaSu); // SOLO PER DESKTOP if( window.innerWidth 1200 || document.documentElement.clientWidth 1200 || document.body.clientWidth 1200) { mybutton.style.display none; } else { if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) { mybutton.style.display block; } else { mybutton.style.display none; } } }// When the user clicks on the button, scroll to the top of the documentfunction tornaSu() { document.body.scrollTop 0; // For Safari document.documentElement.scrollTop 0; // For Chrome, Firefox, IE and Opera} // BANNER COOKIES var banner document.createElement(div); banner.setAttribute(id,banner); document.getElementsByTagName(body).item(0).appendChild(banner); var contenutoBannerdiv style\position: fixed;bottom:0px;left:0px;z-index:2;width: 100%;opacity:0.85;padding: 1em; background-color: #ffffff;text-align:center;font-size: 0.8em\>p>Attenzione, questo sito utilizza cookie tecnici per migliorare la tua navigazione e cookie di terze parti. Proseguendo nella navigazione accetti i cookie. Scorri la pagina per chiudere queato avviso./p>p> a href\https://www.massimopiccioni.it/cookie.php\>Leggi qui linformativa/a>/p>/div>; document.getElementById(banner).innerHTMLcontenutoBanner; window.addEventListener(scroll, chiudiBanner); function chiudiBanner() { if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100 ) { document.getElementById(banner).style.displaynone; }}// AUTOCOMOPLETAMENTO CASELLA DI RICERCA GENERICO function autocomplete(inp, arr) { /*the autocomplete function takes two arguments, the text field element and an array of possible autocompleted values:*/ var currentFocus; /*execute a function when someone writes in the text field:*/ inp.addEventListener(input, function(e) { var a, b, i, val this.value; /*close any already open lists of autocompleted values*/ closeAllLists(); if (!val) { return false;} currentFocus -1; /*create a DIV element that will contain the items (values):*/ a document.createElement(DIV); a.setAttribute(id, this.id + autocomplete-list); a.setAttribute(class, autocomplete-items); /*append the DIV element as a child of the autocomplete container:*/ this.parentNode.appendChild(a); /*for each item in the array...*/ for (i 0; i arr.length; i++) { /*check if the item starts with the same letters as the text field value:*/ if (arri.substr(0, val.length).toUpperCase() val.toUpperCase()) { /*create a DIV element for each matching element:*/ b document.createElement(DIV); /*make the matching letters bold:*/ b.innerHTML strong> + arri.substr(0, val.length) + /strong>; b.innerHTML + arri.substr(val.length); /*insert a input field that will hold the current array items value:*/ b.innerHTML + input typehidden value + arri + >; /*execute a function when someone clicks on the item value (DIV element):*/ b.addEventListener(click, function(e) { /*insert the value for the autocomplete text field:*/ inp.value this.getElementsByTagName(input)0.value; /*close the list of autocompleted values, (or any other open lists of autocompleted values:*/ closeAllLists(); }); a.appendChild(b); } } }); /*execute a function presses a key on the keyboard:*/ inp.addEventListener(keydown, function(e) { var x document.getElementById(this.id + autocomplete-list); if (x) x x.getElementsByTagName(div); if (e.keyCode 40) { /*If the arrow DOWN key is pressed, increase the currentFocus variable:*/ currentFocus++; /*and and make the current item more visible:*/ addActive(x); } else if (e.keyCode 38) { //up /*If the arrow UP key is pressed, decrease the currentFocus variable:*/ currentFocus--; /*and and make the current item more visible:*/ addActive(x); } else if (e.keyCode 13) { /*If the ENTER key is pressed, prevent the form from being submitted,*/ e.preventDefault(); if (currentFocus > -1) { /*and simulate a click on the active item:*/ if (x) xcurrentFocus.click(); } } }); function addActive(x) { /*a function to classify an item as active:*/ if (!x) return false; /*start by removing the active class on all items:*/ removeActive(x); if (currentFocus > x.length) currentFocus 0; if (currentFocus 0) currentFocus (x.length - 1); /*add class autocomplete-active:*/ xcurrentFocus.classList.add(autocomplete-active); } function removeActive(x) { /*a function to remove the active class from all autocomplete items:*/ for (var i 0; i x.length; i++) { xi.classList.remove(autocomplete-active); } } function closeAllLists(elmnt) { /*close all autocomplete lists in the document, except the one passed as an argument:*/ var x document.getElementsByClassName(autocomplete-items); for (var i 0; i x.length; i++) { if (elmnt ! xi && elmnt ! inp) { xi.parentNode.removeChild(xi); } }}/*execute a function when someone clicks in the document:*/document.addEventListener(click, function (e) { closeAllLists(e.target);});}/* ------ ----------- CARICA MULTIMEDIA ------ ------ ------*/ function CaricaContenuto(dove,tipoMultimedia,contenutoMultimedia) { if(tipoMultimediavideo) { var contentutovideo stylewidth:100%; height: 100% controls autoplay>source src+contenutoMultimedia+ typevideo/mp4>source src+contenutoMultimedia+ typevideo/ogg>Your browser does not support the video tag./video>; } else { var contentutodiv classiframeContainer>+contenutoMultimedia+/div>; } var boxContenuto document.getElementById(dove); boxContenuto.innerHTMLcontentuto; }/script>!-- Global site tag (gtag.js) - Google Analytics -->script defer srchttps://www.googletagmanager.com/gtag/js?idUA-5960959-3>/script>script> window.dataLayer window.dataLayer || ; function gtag(){dataLayer.push(arguments);} gtag(js, new Date()); gtag(config, UA-5960959-3);/script> script>/* ------ ----------- FUNZIONE CERCA MENU PRINCIPALE ------ ------ ------*/ /*An array containing all the country names in the world:*/var nomiItemTabella Carne,Cena,Colazione,Dolci,Pasta,Pranzo;/*initiate the autocomplete function on the myInput element, and pass along the countries array as possible autocomplete values:*/autocomplete(document.getElementById(myInputTabella), nomiItemTabella);document.getElementById(myInputTabella).addEventListener(keyup, function(e) { if (event.keyCode 13) { // Cancel the default action, if needed e.preventDefault(); // Trigger the button element with a click CercaItemTabella(); } });function CercaItemTabella(){ modalLoader(true); var chiavidocument.formsformCercaTabellamySearchTabella.value; chiavichiavi.replace(/\+/g, ); chiavichiavi.replace(/,/g, ); chiavichiavi.replace(/\./g, ); chiavichiavi.replace(/\//g, ); chiavichiavi.replace(/\\/g, ); chiavichiavi.replace(/\|/g, ); chiavichiavi.replace(/_/g, ); chiavichiavi.replace(/-/g, ); chiavichiavi.replace(/\?/g, ); chiavi chiavi.split( ); var ricerca; for(i 0; i chiavi.length; i++) { if( chiavii ! && chiavii ! ) { ricerca+chiavii + -; } } if(ricerca ! ) { ricerca ricerca.slice(0,-1); window.location.hrefhttps://www.massimopiccioni.it/Ricerca/ricerca_+ricerca+_nomeItem_ASC.php; modalLoader(false); } else { var modalHeader document.getElementById(modalHeader); modalHeader.classList.remove(modalHeaderSuccess); modalHeader.classList.add(modalHeaderError); var modalSimbol document.getElementById(modalSimbol); modalSimbol.classList.remove(modalSuccess); modalSimbol.classList.add(modalError); var modalButton document.getElementById(modalButton); modalButton.classList.remove(buttonVerde); modalButton.classList.add(buttonRosso); modalButton.innerHTML Controlla; var modalContenutiP document.querySelector(.modalContenuti p); modalContenutiP.innerHTML Attenzione fai una ricerca inserendo delle parole chiave; modalForm.style.displayblock; } }/script> script>/* ------ ---------- SLIDE SHOW ------------ ------*/var slideIndex 1;showSlides(slideIndex);function plusSlides(n) { showSlides(slideIndex + n);}function currentSlide(n) { showSlides(slideIndex n);}function showSlides(n) { var i; var slides document.getElementsByClassName(mySlides); var dots document.getElementsByClassName(dot); if (n > slides.length) {slideIndex 1} if (n 1) {slideIndex slides.length} for (i 0; i slides.length; i++) { slidesi.style.display none; } for (i 0; i dots.length; i++) { dotsi.className dotsi.className.replace( active, ); } slidesslideIndex-1.style.display block; dotsslideIndex-1.className + active;}/script> script>/* ------ ------------ FORMS ------ ------ ------*//* __________________ DICHIARA TUTTI I FORM ____________________ */document.formsformContattiContent.addEventListener(submit, function(e) { e.preventDefault(); spedisciFormContatti(document.formsformContattiContent); //CONVERSIONE GOOGLE ANALYTICS gtag(event, Invia, {event_category : Moduli, event_label : Invio Modulo}); });function spedisciFormContatti(form){ var nomeformnome.value; var telefonoformtelefono.value; var emailformemail.value; var messaggioformmessaggio.value; var privacy formprivacy.checked; var postinviaMessaggiotrue&nome+encodeURIComponent(nome)+&telefono+encodeURIComponent(telefono)+&email+encodeURIComponent(email)+&messaggio+encodeURIComponent(messaggio); var ajax creaAjax(); var nomeFileAjax/ajax.php; ajax.onreadystatechange function() { if(ajax.readyState 4) { if(ajax.status 200) { var myJSON ajax.responseText; var myObj JSON.parse(myJSON); var modalForm document.getElementById(modalForm); if(myObj.risultato) { formnome.value ; formtelefono.value ; formemail.value ; formmessaggio.value ; formprivacy.checkedfalse; var modalHeader document.getElementById(modalHeader); modalHeader.classList.remove(modalHeaderError); modalHeader.classList.add(modalHeaderSuccess); var modalSimbol document.getElementById(modalSimbol); modalSimbol.classList.remove(modalError); modalSimbol.classList.add(modalSuccess); var modalButton document.getElementById(modalButton); modalButton.classList.remove(buttonRosso); modalButton.classList.add(buttonVerde); modalButton.innerHTML Prosegui; } else { var modalHeader document.getElementById(modalHeader); modalHeader.classList.remove(modalHeaderSuccess); modalHeader.classList.add(modalHeaderError); var modalSimbol document.getElementById(modalSimbol); modalSimbol.classList.remove(modalSuccess); modalSimbol.classList.add(modalError); var modalButton document.getElementById(modalButton); modalButton.classList.remove(buttonVerde); modalButton.classList.add(buttonRosso); modalButton.innerHTML Controlla; } var modalContenutiP document.querySelector(.modalContenuti p); modalContenutiP.innerHTML myObj.messaggio; modalForm.style.displayblock; } } else { modalLoader(true); } }; ajax.open(POST, nomeFile, true); ajax.setRequestHeader(Content-type, application/x-www-form-urlencoded); ajax.send(post); }/* ------ MESSAGGI PIU PRECISI FORM CONTATTI CONTENT------*/const nome document.formsformContattiContentnome;const email document.formsformContattiContentemail;const telefono document.formsformContattiContenttelefono;const privacy document.formsformContattiContentprivacy;nome.addEventListener(input, function (event) { if (nome.validity.valueMissing) { nome.setCustomValidity(Per favore inserisci il tuo nome e cognome); } else { nome.setCustomValidity(); }});email.addEventListener(input, function (event) { if (email.validity.patternMismatch) { email.setCustomValidity(Per favore inserisci una e-mail corretta es: mario@rossi.it); } else { email.setCustomValidity(); }});telefono.addEventListener(input, function (event) { if (telefono.validity.patternMismatch) { telefono.setCustomValidity(Per favore inserisci un telefono corretto e se necessario aggiungi il prefisso es: +39 333 99 0000); } else { telefono.setCustomValidity(); }});privacy.addEventListener(input, function (event) { if (privacy.validity.valueMissing) { privacy.setCustomValidity(Per favore autorizzaci a trattare i tuoi dati ai fini della legge sulla Privacy); } else { privacy.setCustomValidity(); }});/* ------ ----------- FORMS ------ ------ ------*/ /script> script typeapplication/ld+json> { @context: https://schema.org, @type: Organization, url: https://www.massimopiccioni.it, logo: https://www.massimopiccioni.it/Grafica/logo.png } /script> script typeapplication/ld+json> { @context: https://schema.org, @type: LocalBusiness, @id: https://www.massimopiccioni.it, address: { @type: PostalAddress, addressLocality: Roma, addressRegion: Italy, postalCode:00142, streetAddress: Via Giuseppe Berto 73 }, description: Realizzazione siti web Roma, posizionamento sui motori di ricerca, SEO e PPC, name: Realizzazione Siti Web Roma, hasMap: https://goo.gl/maps/CmN9ZjufSGk, telephone: (0039) 06 51958661, url: https://www.massimopiccioni.it, openingHours: Mo,Tu,We,Th,Fr 09:00-17:00, geo: { @type: GeoCoordinates, latitude: 41.842279, longitude: 12.49227 }, image: https://www.massimopiccioni.it/Grafica/copertina-local-business.png, priceRange: $$$ } /script> !-- ///////////////////////////////////////////////////// JAVASCRIPT RECENSIONI ///////////////////////////////////////////////////// --> script>// get the element to animatevar element document.getElementById(recensioni);var elementHeight element.clientHeight;var visualizzatofalse;// listen for scroll event and call animate functiondocument.addEventListener(scroll, visualizzaRecensioni);// check if element is in viewfunction inView() { // get window height var windowHeight window.innerHeight; // get number of pixels that the document is scrolled var scrollY window.scrollY || window.pageYOffset; // get current scroll position (distance from the top of the page to the bottom of the current viewport) var scrollPosition scrollY + windowHeight; // get element position (distance from the top of the page to the bottom of the element) var elementPosition element.getBoundingClientRect().top + scrollY + elementHeight; // is scroll position greater than element position? (is element in view?) if (scrollPosition > elementPosition) { return true; } return false;}// animate element when it is in viewfunction visualizzaRecensioni() { // is element in view? if (inView() && !visualizzato) { // element is in view, add class to element reviewsdiv classelfsight-app-23eff535-606c-4487-b23e-f1ab64bb93d8>/div>; element.innerHTMLreviews; visualizzato true; }} !-- ///////////////////////////////////////////////////// JAVASCRIPT RECENSIONI ///////////////////////////////////////////////////// --> /script> script srchttps://apps.elfsight.com/p/platform.js defer>/script> /body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]