文件操作 - index-2.html

文件: /home/tecnoht/public_html/carrozzeriavilla--com/index-2.html

编辑文件内容

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb">

<head>
		
		

  
<link href="images/icon/icon_1.png" rel="shortcut icon" type="image/x-icon" />

jQuery.noConflict()

jQuery(document).ready(function()
				{
					jQuery('.hasTooltip').tooltip({"container": false});
				});
</script>
<script type="text/javascript">
	// initialise plugins
	jQuery(function(){
		jQuery('ul.sf-menu')
		.superfish({
			hoverClass:    'sfHover',         
		pathClass:     'overideThisToUse',
		pathLevels:    1,    
		delay:         500, 
		animation:     {opacity:'show', height:'show'}, 
		speed:         'normal',   
		speedOut:      'fast',   
		autoArrows:    false, 
		disableHI:     false, 
		useClick:      0,
		easing:        "swing",
		onInit:        function(){},
		onBeforeShow:  function(){},
		onShow:        function(){},
		onHide:        function(){},
		onIdle:        function(){}
		});
	});

jQuery(function(){
		jQuery('.sf-menu').mobileMenu({});
	})

jQuery(function(){
		var ismobile = navigator.userAgent.match(/(iPhone)|(iPod)|(android)|(webOS)/i)
		if(ismobile){
			jQuery('.sf-menu').sftouchscreen({});
		}
	});
	
	jQuery(document).ready(function(){
		jQuery('#camera-slideshow').camera({
			alignment			: "center", //topLeft, topCenter, topRight, centerLeft, center, centerRight, bottomLeft, bottomCenter, bottomRight
			autoAdvance				: false,	//true, false
			mobileAutoAdvance	: false, //true, false. Auto-advancing for mobile devices

barDirection			: "leftToRight",	//'leftToRight', 'rightToLeft', 'topToBottom', 'bottomToTop'
			barPosition				: "bottom",	//'bottom', 'left', 'top', 'right'
			cols							: 6,
			easing						: "easeInOutExpo",	//for the complete list http://jqueryui.com/demos/effect/easing.html
			mobileEasing			: "easeInOutExpo",	//leave empty if you want to display the same easing on mobile devices and on desktop etc.
			fx								: "simpleFade",	
			mobileFx					: "simpleFade",		//leave empty if you want to display the same effect on mobile devices and on desktop etc.
			gridDifference		: 250,	//to make the grid blocks slower than the slices, this value must be smaller than transPeriod
			height						: "46.99646643109541%",	//here you can type pixels (for instance '300px'), a percentage (relative to the width of the slideshow, for instance '50%') or 'auto'
			// imagePath					: 'images/',	//the path to the image folder (it serves for the blank.gif, when you want to display videos)
			hover							: false,	//true, false. Puase on state hover. Not available for mobile devices
			loader						: "none",	//pie, bar, none (even if you choose "pie", old browsers like IE8- can't display it... they will display always a loading bar)
			loaderColor				: "#eeeeee", 
			loaderBgColor			: "#222222", 
			loaderOpacity			: .8,	//0, .1, .2, .3, .4, .5, .6, .7, .8, .9, 1
			loaderPadding			: 2,	//how many empty pixels you want to display between the loader and its background
			loaderStroke			: 7,	//the thickness both of the pie loader and of the bar loader. Remember: for the pie, the loader thickness must be less than a half of the pie diameter
			minHeight					: "140px",	//you can also leave it blank
			navigation				: true,	//true or false, to display or not the navigation buttons
			navigationHover		: false,	//if true the navigation button (prev, next and play/stop buttons) will be visible on hover state only, if false they will be 	visible always
			mobileNavHover		: true,	//same as above, but only for mobile devices
			opacityOnGrid			: false,	//true, false. Decide to apply a fade effect to blocks and slices: if your slideshow is fullscreen or simply big, I recommend to set it false to have a smoother effect 
			overlayer					: false,	//a layer on the images to prevent the users grab them simply by clicking the right button of their mouse (.camera_overlayer)
			pagination				: false,
			playPause					: false,	//true or false, to display or not the play/pause buttons
			pauseOnClick			: false,	//true, false. It stops the slideshow when you click the sliders.
			pieDiameter				: 38,
			piePosition				: "rightTop",	//'rightTop', 'leftTop', 'leftBottom', 'rightBottom'
			portrait					: true, //true, false. Select true if you don't want that your images are cropped
			rows							: 4,
			slicedCols				: 6,	//if 0 the same value of cols
			slicedRows				: 4,	//if 0 the same value of rows
			// slideOn				: "",	//next, prev, random: decide if the transition effect will be applied to the current (prev) or the next slide
			thumbnails				: false,
			time							: 7000,	//milliseconds between the end of the sliding effect and the start of the nex one
			transPeriod				: 1500	//lenght of the sliding effect in milliseconds
			// onEndTransition		: function() {  },	//this callback is invoked when the transition effect ends
			// onLoaded					: function() {  },	//this callback is invoked when the image on a slide has completely loaded
			// onStartLoading		: function() {  },	//this callback is invoked when the image on a slide start loading
			// onStartTransition	: function() {  }	//this callback is invoked when the transition effect starts
		});
	});
</script>
<link href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic" rel="stylesheet" type="text/css">
	</head>
	<body class="com_content view-category task- itemid-101 body__"> 
		<div id="wrapper">
			<div class="wrapper-inner">
				<div id="header-row">
					<div class="row-container">
						<div class="container">
							<header>

<!--

<div id="cookiespolicy" style="height: 34px; width:100%; background: #ddd; font: normal 14px arial; margin: 0 auto; padding: 6px 20px; display:none ">
	<div style="margin: 0 auto; width:1000px;">
		<b>Informativa</b><br>
		Questo sito utilizza cookie tecnici per consentirti una migliore navigazione. Se vuoi saperne di piu` 
		<a href="http://www.81ceramica.it/cookies.php" > clicca qui.</a>
		<input type="button" value="Ok" style="padding: 6px 18px; float: right; margin: -16px 40px" onclick="donecookies()" />
	</div>
</div>
	-->

<div class="row">
	<div id="logo" class="span6">
		<a href="index-2.html">
			<img src="images/logo5-dx.png" alt="Auto"/>
		</a>
	</div>
	<div id="social" class="moduletable   span6">
		<div class="mod-menu__social">
			
			
			
			<ul class="menu social" id="SocialUl">
				
				<li><a target="_blank" href="https://www.facebook.com/pages/CARROZZERIA-VILLA/200826303330091?sk=timeline"><img src="images/social/facebook-logo%201.jpg" alt="Facebook" style="width:80px; margin-top:12px; float:right" /></a></li>
				
				<li style="margin-left:50px;"></li>
				
				
				
			</ul>
				
			<table style="width: 100px;float: right;" id="SocialTable">
				<tr>
					<td>
						<table style="width: 100%;">
							<tr>
								
								
								
								<td>
									<a href="https://www.facebook.com/pages/CARROZZERIA-VILLA/200826303330091?sk=timeline"><img src="images/social/2.jpg" alt="Facebook"/></a>
								</td>
								
								
								
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td>
					
					
								 
								
								
					</td>
				</tr>
				
			</table>
		</div>
	</div>
	
	
	<div class="moduletable navigation  span12">
		<ul class="sf-menu">
			
		<li class='current active ' ><span class='sfHolder'><a href='index-2.html'>Home page</a></span></li><li class='' ><span class='sfHolder'><a href='carrozzeria.html'>Carrozzeria</a></span></li><li class='' ><span class='sfHolder'><a href='gallery.html'>Galleria</a></span></li><li class='' ><span class='sfHolder'><a href='about.html'>Chi Siamo</a></span></li><li class='' ><span class='sfHolder'><a href='contact-us.html'>Contattaci</a></span></li>			</ul>
	</div>
			
									<div class="moduletable   span12">
							<div id="camera-slideshow" class="  camera_wrap pattern_1">
								<div class="camera-item" data-src="images/_HOMEPAGE/1.jpg"  data-link="" data-target="_self">
									<div class="camera_caption fadeIn">
										<h4 class="slide-title">lo staff della carrozzeria villa</h4>
									</div>
								</div>
								<div class="camera-item" data-src="images/_HOMEPAGE/2.jpg"  data-link="" data-target="_self">
									<div class="camera_caption fadeIn">
										<h4 class="slide-title">riparazione auto moderne</h4>
									</div>
								</div>
								
								<div class="camera-item" data-src="images/_HOMEPAGE/3.jpg"  data-link="" data-target="_self">
									<div class="camera_caption fadeIn">
										<h4 class="slide-title">riparazione auto d'epoca</h4>
									</div>
								</div>
								
								<div class="camera-item" data-src="images/_HOMEPAGE/4.jpg"  data-link="" data-target="_self">
									<div class="camera_caption fadeIn">
										<h4 class="slide-title">ricarica condizionatori</h4>
									</div>
								</div>
								
								<div class="camera-item" data-src="images/_HOMEPAGE/5.jpg"  data-link="" data-target="_self">
									<div class="camera_caption fadeIn">
										<h4 class="slide-title">esempio auto d'epoca riparata 1</h4>
									</div>
								</div>
								
								<div class="camera-item" data-src="images/_HOMEPAGE/6.jpg"  data-link="" data-target="_self">
									<div class="camera_caption fadeIn">
										<h4 class="slide-title">esempio auto d'epoca riparata 1</h4>
									</div>
								</div>
							</div>
						</div>

</div>
							</header>
						</div>
					</div>
				</div>
				
				<div id="content-row">
					<div class="row-container">
						<div class="container">
							<div class="content-inner row">
								<div id="component" class="span12">
									<div id="content-top-row" class="row">
										<div id="content-top">

<div class="moduletable   span3">
												<h3 class="moduleTitle ">Epoca</h3>
												<div class="mod-article-single mod-article-single__">
													<div class="item__module">
														<div class="item_img img-intro img-intro__none"> 
															<img src="images/main/epoca.jpg" alt=""/> 
														</div>
														<div class="item_introtext">
															<h4 class="item-title">epoca </h4>
															<span>Restauro e moto d'epoca.</span>
															<p>Restauro completo fino nei minimi particolari di auto e moto d'epoca  </p>
															
															
														</div>
													</div>
												</div>
											</div>
										
											<div class="moduletable   span3">
												<h3 class="moduleTitle ">Moderne</h3>
												<div class="mod-article-single mod-article-single__">
													<div class="item__module">
														<div class="item_img img-intro img-intro__none"> 
															<img src="images/main/camaro.jpg" alt=""/> 
														</div>
														<div class="item_introtext">
															<h4 class="item-title">Moderne </h4>
															<span>Riparazione carrozzeria</span>
															<p>Riparazione auto, moto e mezzi industriali con bilico dima.</p>
															
															
															
														</div>
													</div>
												</div>
											</div>

<div class="moduletable   span3"><h3 class="moduleTitle ">Vetri</h3>
												<div class="mod-article-single mod-article-single__">
													<div class="item__module">
														<div class="item_img img-intro img-intro__none"> 
															<img src="images/main/vetri.jpg" alt=""/> 
														</div>
														<div class="item_introtext">
															<h4 class="item-title">Vetri </h4>
															<span>Sostituzione vetri e parabrezza.</span>
															<p>Servizio completo per la sostituzione dei vetri rotti o scheggiati.</p>
															
															
															
														</div>
													</div>
												</div>
											</div>
											<div class="moduletable   span3">
												<h3 class="moduleTitle ">Gomme</h3>
												<div class="mod-article-single mod-article-single__">
													<div class="item__module">
														<div class="item_img img-intro img-intro__none"> 
															<img src="images/main/gomme.jpg" alt=""/> 
														</div>
														<div class="item_introtext">
															<h4 class="item-title">Gomme </h4>
															<span>Sostituzione gomme con bilanciatura.</span>
															
															<p>Servizio completo  </p>
															
															
															
															
														</div>
													</div>
												</div>
											</div>
											
										</div>
									</div>
									<div id="system-message-container">
										<div id="system-message"></div>
									</div>
									<div class="page-category page-category__"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				 
				 
				 
				
				
				<div id="push"></div>
			</div>
		</div>
		
		
		<div id="footer-wrapper">
			<div class="footer-wrapper-inner">
	<div id="copyright-row" style="padding: 12px 0;">
		<div class="row-container">
			<div class="container">
				<div class="row">
					
					
					<div class="moduletable   span9" id="footerContatti" style="width: 1180px; margin-bottom: 7px">
						<div class="mod-menu" style="text-align:center;font-size:13px;">
							<span><strong style="font-size:17px;">Carrozzeria Villa</strong>&nbsp; - &nbsp;</span>
							<span>Via S. Agata 20 22066 Mariano Comense (CO)&nbsp; - &nbsp;</span> 
							<span>Società in nome collettivo - PIVA IT 03622510133&nbsp; - &nbsp;</span> 
							
							<p></p>
							<span>Tel. 031 749738 &nbsp; - &nbsp;</span> 
							<span>Cell. 338 3157097&nbsp; - &nbsp;</span>
							PEC  <a href="mailto:mailto:carvilla@pec.it">carvilla@pec.it</a>
							   |   
							<a href="mailto:carrozzeriavilla@virgilio.it">carrozzeriavilla@virgilio.it</a>
							
							
							
							<span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;</span>
							<span>&nbsp;&nbsp;&nbsp; </span>
						</div>
					</div>
					
						<br>
					<center>
						<a class="privacy_link" href="privacy-gdpr.html" style="font-size: 13px; color: #ddd">
							Trattamento dei dati personali & Cookies
						</a> | 
						<div id="bt_consenso" style="
		display: inline-block;
		cursor: pointer;
		font-size: 13px;
    color: #ddd;">
							Consenso
						</div>
					</center>
					
				</div>
			</div>
		</div>
	</div>
</div>

<style>

.consenso{
		width: 60%;
		padding: 10px 19%;
		height: 140px;
		background-color: #f4f4f4; /* #f4f4f4;*/
		border-top: solid 2px #aaa;
		position: fixed;
		bottom: 0px;
		z-index: 10000;
		display: none;
		color: #222;
	}
	#tb_consenso td{
		border: solid 1px #888;
		font-size: 10pt;
		text-align: center;
		height: 40px;
		cursor: pointer;
	}
	.consenso_button{
		 display: inline-block;
		 background-color: #18a300;
		 border: 1px solid #18a300;
		 padding: 3px 2px;
		 min-width: 80px;
		 color: #ffffff;
		 text-decoration: none;
		 margin-left: 0;
		 /*margin-top: 6px;*/
		 z-index: 10;
		 font-size: 9.5pt;
		 font-weight: 400;
		 margin-right: 0;
		 text-align: center;
		 white-space: nowrap;	
		 cursor: pointer;
	}
	.consenso_checkbox{
		/*
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		*/
		cursor: pointer;	
		display: inline-block;
	}
	.testo_consenso{
		font-size: 10pt;
		margin: 10px 0px 18px 0px;
		display: inline-block;
	}
	.consenso_disabled{
		color:	#aaa;
		
	}
	.div_dettagli_consenso{
		display: none;	
	}
	.tab1{
		width:60%;
	}
	.tab1 td{
		.width:50%;
		border: solid 1px #ccc;
		height: 26px;
		cursor: pointer;
	}
	.tab3{
		
	}
</style>
<div id="consenso" class="consenso" tag="1">

<b>Questo sito web utilizza i cookie</b><br>
<span class="testo_consenso">

Questo sito non utilizza cookies solo per memorizzare 
gli accessi anonimi sul database di Google Analytics.
</span>

<table style="width:100%" id="tb_consenso" >
		<tr>
			<td title="Obbligatorio - non può essere deselezionato. 
I cookie necessari aiutano a contribuire a rendere fruibile un sito web abilitando le funzioni di base come la navigazione della pagina e l'accesso alle aree protette del sito. Il sito web non può funzionare correttamente senza questi cookie.">
				<input type="checkbox" class="consenso_checkbox" checked=checked disabled />
				Necessario
			</td>
			<td class="consenso_disabled" title="Questo sito non utilizza cookies per memorizzare le preferenze. 
I cookie per le preferenze consentono a un sito web di ricordare le informazioni che influenzano il modo in cui il sito si comporta o si presenta, come la lingua preferita o la regione che ti trovi" >
				<input type="checkbox" class="consenso_checkbox"   disabled />
				Preferenze
			</td>
			<td title="I cookie statistici aiutano i proprietari del sito web a capire come 
i visitatori interagiscono con i siti raccogliendo e trasmettendo informazioni in forma anonima">
				<input type="checkbox" class="consenso_checkbox" checked=checked  />
				Statistiche
			</td>
			<td class="consenso_disabled" title="Questo sito non utilizza cookies per il Marketing.">
				<input type="checkbox" class="consenso_checkbox"  disabled  />
				Marketing
			</td>
				
			<td>
				<div class="consenso_button" id="bt_consenso_ok">
					OK
				</div>
			</td>
	
		</tr>
	</table>
	
	<div class="div_dettagli_consenso">
		<table class="tab1" style="">
			<tr>
				<td>
					Dichiarazione per i cookies
				</td>
				<td>
					Informazioni sui cookies
				</td>
			</tr>
		</table>

<table class="tab2" style="">
			<tr>
				<td>
					Dichiarazione per i cookies
				</td>
				<td>
					Informazioni sui cookies
				</td>
			</tr>
		</table>

<table border="1" class="tab3">
			<tbody>
				<tr>
					<td>Necessario</td>
					<td rowspan="5">&nbsp;</td>
				</tr>
				<tr>
					<td>Preferenze</td>
				</tr>
				<tr>
					<td>Statistiche</td>
				</tr>
				<tr>
					<td>Marketing</td>
				</tr>
				<tr>
					<td>Altri</td>
				</tr>
			</tbody>
		</table>

</div>
	
</div>
<script>

$( document ).ready( function(){
	
		console.log("qui consenso");
		
		$("#bt_consenso").click( function(){
		
			var oc=$("#bt_consenso");
			//console.log("click "+oc.tag)
			
			if ($("#consenso").is(":visible")==true) {
				$("#consenso")[0].style.display="none";
				//$("#backtotop").show();
			}else{
				$("#consenso")[0].style.display="block";
				//$("#backtotop").hide();
			}
			
			//$("#consenso")[0].style.display=($("#consenso").is(":visible")==true)?"none":"block";
			$("html, body").animate({ scrollTop: $(document).height() }, 1000);
			
			
		});
		
		$("#bt_consenso_ok").click( function(){
			$("#consenso").fadeOut(600);
		});

$("#consenso_dettagli").click( function(){
		
			/*
			if ( $("#consenso").height()>200){
				$("#consenso").css({height: "170px"});
				$("#consenso_dettagli").html("Mostra Dettagli")
				$(".div_dettagli_consenso").hide();
			}else{
				$("#consenso").css({height: "350px"});
				$("#consenso_dettagli").html("Nascondi dettagli")
				$(".div_dettagli_consenso").show();
			}
			*/
			
		});
		
	});

</script>

</div>
		<div id="back-top">
			<a href="#">
				<span></span> 
			</a>
		</div>
	</body>

</html>

文件操作 - index-2.html

文件: /home/tecnoht/public_html/carrozzeriavilla--com/index-2.html

编辑文件内容

修改文件时间

删除文件