1<!DOCTYPE html> 2<!--[if lt IE 7 ]> <html class="ie ie6"> <![endif]--> 3<!--[if IE 7 ]> <html class="ie ie7"> <![endif]--> 4<!--[if IE 8 ]> <html class="ie ie8"> <![endif]--> 5<!--[if IE 9 ]> <html class="ie ie9"> <![endif]--> 6<!--[if (gt IE 9)|!(IE)]><!--> <html class="" lang="en"> <!--<![endif]--> 7<head> 8 <meta charset="UTF-8"> 9 10 <title>Ferla</title> 11 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 12 <meta name="description" content="Ferla - Collezione A/I. Colori caldi e intensi che esaltano le texture di stagione"> 13 14 <!-- ///////////////// FONT ///////////////// --> 15 16 <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700%7cLato:400,700,400italic,900' rel='stylesheet' type='text/css'> 17 18 <!-- ///////////////// CSS ///////////////// --> 19 20 <link type="text/css" rel="stylesheet" href="css/font-awesome.css"/><!--css plugin--> 21 <link type="text/css" rel="stylesheet" href="css/owl.carousel.css"/><!--css plugin--> 22 <link type="text/css" rel="stylesheet" href="css/magnific-popup.css"/><!--css plugin--> 23 <link type="text/css" rel="stylesheet" href="css/style.css"/><!-- My CSS --> 24 <link type="text/css" rel="stylesheet" href="css/responsive.css"/> 25 <link type="text/css" rel="stylesheet" href="css/photoswipe.css"/> 26 <link type="text/css" rel="stylesheet" href="css/default-skin/default-skin.css"/> 27 <link type="text/css" rel="stylesheet" href="css/cloudzoom.css"/> 28 <!--[if lt IE 9]> 29
29<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
29 30
30<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
30 31 <![endif]--> 32 33</head> 34<body class="internal"> 35 36<!-- Preloader --> 37<div id="loader-wrapper"> 38 <div class="loader-logo"> 39 <img src="images/loader2.gif" alt=""> 40 </div> 41 <div class="loader-section section-left"></div> 42 <div class="loader-section section-right"></div> 43</div> 44 45 46<header id="header" class="header-v2"> 47 <div class="nav"><div class="container"> 48 <div class="theme-logo"> 49 <div class="theme-logo-content"> 50 <a href="index.php"><img src="images/ferla-logo.png" alt="logo"></a> 51 </div> 52 </div> 53 54 <div class="trigger-menu"> 55 <div class="shape"> 56 <div class="bar"> 57 <span></span> 58 <span></span> 59 <span></span> 60 </div> 61 <i class="fa fa-arrow-right"></i> 62 </div> 63 </div> 64 65 <div class="block-menu"> 66 <div class="menu-content"> 67 <ul class="menu"> 68 <li class="leaf first"><a href="index.php" title="">Home</a></li> 69 <li class="leaf"><a href="index.php#history" title="">Il mondo Ferla</a></li> 70 <li class="leaf"><a href="index.php#services" title="">Baby Alpaca</a></li> 71 <li class="leaf active"><a href="index.php#portfolio" title="">Collezioni</a></li> 72 <li class="leaf"><a href="index.php#team" title="">Appuntamenti</a></li> 73 <li class="leaf"><a href="index.php#contact" title="">Contatti</a></li> 74 <li class="last leaf lang"><a href="" title="" class="current">Ita</a> | <a href="http://www.ferla.it/eng/collection-fw.htm" target="_top" title="">Eng</a></li> 75 </ul> 76 </div> 77 </div> 78 79 80 81 </div></div> 82</header> 83 84<div class="main-page"> 85 <section id="collection-intro" class="section section-collection-intro"> 86 <div class="container-fluid"> 87 <div class="row"> 88 <div class="col-sm-5 col-lg-4 col-xs-12 col-sm-offset-1 col-md-offset-1 col-lg-offset-2"> 89 <div class="section-title title-sty2"> 90 <h3 class="h3 bor-underline">Collezione A/I</h3> 91 <span>Colori caldi e intensi che esaltano le texture di stagione</span> 92 <div class="link-detail"><a href="collection-pe.htm" class="btn btn-default">Collezione P/E</a></div> 93 </div> 94 </div> 95 <div class="bg-collection-intro" style="background:url(images/ai-ferla.jpg);background-size: cover;"> 96 </div> 97 </div> 98 </div> 99 </section> 100 101 <section class="section section-collection-portfolio"> 102 103 <div class="row filter-content gallery gallery-masory" id="filter"> 104 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-item-01"> 105 <img src="images/collezione-ai/thumb/01.jpg" class="cloudzoom" data-cloudzoom="animationTime: 200, variableMagnification: false, lazyLoadZoom: true, zoomImage: 'images/collezione-ai/large/01.jpg', mouseTriggerEvent: 'click', zoomPosition: 'inside'" data-width="1158" data-height="2264"> 106 </figure> 107 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-color-a gallery-color"> 108 <img src="images/collezione-ai/thumb/gallery-color-a.jpg"> 109 </figure> 110 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-item-02"> 111 <img src="images/collezione-ai/thumb/02.jpg" class="cloudzoom" data-cloudzoom="animationTime: 200, variableMagnification: false, lazyLoadZoom: true, zoomImage: 'images/collezione-ai/large/02.jpg', mouseTriggerEvent: 'click', zoomPosition: 'inside'" data-width="1158" data-height="1515"> 112 </figure> 113 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-item-03"> 114 <img src="images/collezione-ai/thumb/03.jpg" class="cloudzoom" data-cloudzoom="animationTime: 200, variableMagnification: false, lazyLoadZoom: true, zoomImage: 'images/collezione-ai/large/03.jpg', mouseTriggerEvent: 'click', zoomPosition: 'inside'" data-width="1158" data-height="2264"> 115 </figure> 116 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-item-04"> 117 <img src="images/collezione-ai/thumb/04.jpg" class="cloudzoom" data-cloudzoom="animationTime: 200, variableMagnification: false, lazyLoadZoom: true, zoomImage: 'images/collezione-ai/large/04.jpg', mouseTriggerEvent: 'click', zoomPosition: 'inside'" data-width="1158" data-height="1515"> 118 </figure> 119 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-item-05"> 120 <img src="images/collezione-ai/thumb/05.jpg" class="cloudzoom" data-cloudzoom="animationTime: 200, variableMagnification: false, lazyLoadZoom: true, zoomImage: 'images/collezione-ai/large/05.jpg', mouseTriggerEvent: 'click', zoomPosition: 'inside'" data-width="1158" data-height="2265"> 121 </figure> 122 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-color-c2 gallery-color hidden-md hidden-lg"> 123 <img src="images/collezione-ai/thumb/gallery-color-c2.jpg"> 124 </figure> 125 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-item-06"> 126 <img src="images/collezione-ai/thumb/06.jpg" class="cloudzoom" data-cloudzoom="animationTime: 200, variableMagnification: false, lazyLoadZoom: true, zoomImage: 'images/collezione-ai/large/06.jpg', mouseTriggerEvent: 'click', zoomPosition: 'inside'" data-width="1158" data-height="1515"> 127 </figure> 128 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-color-b gallery-color"> 129 <img src="images/collezione-ai/thumb/gallery-color-b.jpg"> 130 </figure> 131 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-item-07"> 132 <img src="images/collezione-ai/thumb/07.jpg" class="cloudzoom" data-cloudzoom="animationTime: 200, variableMagnification: false, lazyLoadZoom: true, zoomImage: 'images/collezione-ai/large/07.jpg', mouseTriggerEvent: 'click', zoomPosition: 'inside'" data-width="1158" data-height="2264"> 133 </figure> 134 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-item-08"> 135 <img src="images/collezione-ai/thumb/08.jpg" class="cloudzoom" data-cloudzoom="animationTime: 200, variableMagnification: false, lazyLoadZoom: true, zoomImage: 'images/collezione-ai/large/08.jpg', mouseTriggerEvent: 'click', zoomPosition: 'inside'" data-width="1158" data-height="1515"> 136 </figure> 137 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-color-c gallery-color hidden-xs hidden-sm"> 138 <img src="images/collezione-ai/thumb/gallery-color-c.jpg"> 139 </figure> 140 <figure class="col-md-3 col-sm-6 col-xs-6 gallery-item gallery-color-d gallery-color"> 141 <img src="images/collezione-ai/thumb/gallery-color-d.jpg"> 142 </figure> 143 </div> 144 145 146 147 </section> 148</div> 149 150 151<footer id="contact"> 152 <div class="footer-content"> 153 <div class="container"> 154 <div class="row"> 155 <div class="col-sm-5 col-xs-12"> 156 <div class="theme-info"> 157 <div class="theme-logo"> 158 <div class="logo-content-img"> 159 <a href="index.php"><img src="images/ferla-logo.png" alt="logo"></a> 160 </div> 161 </div> 162 <div class="theme-description"> 163 164 <p><span class="theme-description-subtitle">LANIFICIO EGIDIO FERLA SPA</span><!--<br/>Da oltre cent'anni produciamo tessuti per abbigliamento, uomo e donna, con un'anima, uno stile e uno statement inconfondibili.--></p> 165 </div> 166 </div>
167 </div> 168 <div class="col-sm-3 col-xs-12 col-sm-offset-1"> 169 170 171 172 <div class="theme-address bor-overline"> 173 <p>SEDE LEGALE<br />Via Polto, 13<br /> 174 13835 Trivero (BI)<br /> 175 Italia</p> 176 <p>Tel. +39 015 7388025<br /> 177 Fax +39 015 7387801</p> 178 <p><a href="mailto:[email protected]">[email protected]</a></p> 179 </div> 180 181 </div> 182 <div class="col-sm-3 col-xs-12"> 183 184 185 186 <div class="theme-address bor-overline bor-overline-nude"> 187 <p>Capitale Sociale Euro 1.037.160 i.v.</p> 188 <p>Partita IVA: 01211190028<br /> 189 Codice fiscale e numero d'iscrizione <br /> 190 del Registro Imprese di Biella: 01211190028<br /> 191 REA: BI - 125420<br />Numero Meccanografico BI001346</p> 192 <p><a href="privacy.htm" class="link-popup">Privacy policy</a></p> 193 </div> 194 195 </div> 196 </div> 197 </div> 198 </div> 199</footer> 200 201<div id="besideMouse"></div> 202<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> 203 204 <div class="pswp__bg"></div> 205 206 <div class="pswp__scroll-wrap"> 207 208 <div class="pswp__container"> 209 <div class="pswp__item"></div> 210 <div class="pswp__item"></div> 211 <div class="pswp__item"></div> 212 </div> 213 214 <div class="pswp__ui pswp__ui--hidden"> 215 216 <div class="pswp__top-bar"> 217 218 <div class="pswp__counter"></div> 219 220 <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> 221 222 <button class="pswp__button pswp__button--share" title="Share"></button> 223 224 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> 225 226 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> 227 228 <div class="pswp__preloader"> 229 <div class="pswp__preloader__icn"> 230 <div class="pswp__preloader__cut"> 231 <div class="pswp__preloader__donut"></div> 232 </div> 233 </div> 234 </div> 235 </div> 236 237 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> 238 <div class="pswp__share-tooltip"></div> 239 </div> 240 241 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> 242 </button> 243 244 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> 245 </button> 246 247 <div class="pswp__caption"> 248 <div class="pswp__caption__center"></div> 249 </div> 250 251 </div> 252 253 </div> 254 255</div> 256 257<!-- SCRIPT -->
258<script type="text/javascript" src="js/libs/jquery-1.11.2.min.js"></script>
vendor: 1 bytes, line 258
258
259<script type="text/javascript" src="js/output.min.js"></script>
259 260
261<script type="text/javascript"> 262jQuery(document).ready(function($) { 263 264 $('.link-popup').magnificPopup({ 265 type: 'iframe' 266 }); 267 268 269function isTouchDevice() { 270 var el = document.createElement('div'); 271 el.setAttribute('ongesturestart', 'return;'); // or try "ontouchstart" 272 return typeof el.ongesturestart === "function"; 273} 274 275if (!isTouchDevice()) { 276 277 278 279 $('body').css("overflow-x","hidden"); 280 $(document).mousemove(function(e){ 281 var cpos = { top: e.pageY - 50, left: e.pageX - 30 }; 282 $('#besideMouse').offset(cpos); 283 284 }); 285 286if (!isTouchDevice() && false) { 287 $('.gallery-item:not(.gallery-color)').mouseenter(function(){ 288 $("#besideMouse").html("Clicca per<br/>ingrandire"); 289 $("#besideMouse").addClass("active"); 290 }).mouseup(function(){ 291 $("#besideMouse").html("Clicca per<br/>ingrandire"); 292 $("#besideMouse").addClass("active"); 293 }).mouseleave(function(){ 294 $("#besideMouse").html(""); 295 $("#besideMouse").removeClass("active"); 296 }).mousedown(function(event){ 297 $("#besideMouse").html(""); 298 $("#besideMouse").removeClass("active"); 299 }).click(function(){ 300 $("#besideMouse").html("Clicca per<br/>ingrandire"); 301 $("#besideMouse").addClass("active"); 302 }); 303} 304 305 306CloudZoom.quickStart(); 307 308$('.cloudzoom').bind('click',function(){ 309 window.targetZoom = $(this).data('CloudZoom'); 310 $('body').on('click', '.cloudzoom-zoom-inside', function (e) { 311 312 window.targetZoom.closeZoom(); 313 }); 314 return false; 315 }); 316 317} 318else { 319 320var initPhotoSwipeFromDOM = function(gallerySelector) { 321 322 // parse slide data (url, title, size ...) from DOM elements 323 // (children of gallerySelector) 324 var parseThumbnailElements = function(el) { 325 var thumbElements = el.childNodes, 326 numNodes = thumbElements.length, 327 items = [], 328 figureEl, 329 linkEl, 330 size, 331 item; 332 console.log(thumbElements); 333 for(var i = 0; i < numNodes; i++) { 334 335 figureEl = thumbElements[i]; // <figure> element 336 337 // include only element nodes 338 if($(figureEl).hasClass('gallery-color') || figureEl.nodeType !== 1) { 339 continue; 340 } 341 342 //linkEl = figureEl.children[0]; // <a> element 343 console.log($(figureEl).children('img')); 344 345 src_string = $(figureEl).children('img').attr('src'); 346 347 // create slide object 348 item = { 349 src: src_string.replace("thumb", "large"), 350 w: $(figureEl).find('img').attr('data-width'), 351 h: $(figureEl).find('img').attr('data-height') 352 }; 353 354 item.msrc = src_string.replace("thumb", "large"); 355 356 357 item.el = figureEl; // save link to element for getThumbBoundsFn 358 items.push(item); 359 } 360 return items; 361 }; 362 363 // find nearest parent element 364 var closest = function closest(el, fn) { 365 return el && ( fn(el) ? el : closest(el.parentNode, fn) ); 366 }; 367 368 // triggers when user clicks on thumbnail 369 var onThumbnailsClick = function(e) { 370 371 e = e || window.event; 372 e.preventDefault ? e.preventDefault() : e.returnValue = false; 373 374 var eTarget = e.target || e.srcElement; 375 376 // find root element of slide 377 var clickedListItem = closest(eTarget, function(el) { 378 return (el.tagName && el.tagName.toUpperCase() === 'FIGURE'); 379 }); 380 381 if(!clickedListItem) { 382 return; 383 } 384 385 // find index of clicked item by looping through all child nodes 386 // alternatively, you may define index via data- attribute 387 var clickedGallery = clickedListItem.parentNode, 388 childNodes = clickedListItem.parentNode.childNodes, 389 numChildNodes = childNodes.length, 390 nodeIndex = 0, 391 index; 392 393 for (var i = 0; i < numChildNodes; i++) { 394 if(childNodes[i].nodeType !== 1 || $(childNodes[i]).hasClass('gallery-color')) { 395 continue; 396 } 397 398 if(childNodes[i] === clickedListItem) { 399 index = nodeIndex; 400 break; 401 } 402 nodeIndex++; 403 } 404 405 406 407 if(index >= 0) {
408 // open PhotoSwipe if valid index found 409 openPhotoSwipe( index, clickedGallery ); 410 } 411 return false; 412 }; 413 414 // parse picture index and gallery index from URL (#&pid=1&gid=2) 415 var photoswipeParseHash = function() { 416 var hash = window.location.hash.substring(1), 417 params = {}; 418 419 if(hash.length < 5) { 420 return params; 421 } 422 423 var vars = hash.split('&'); 424 for (var i = 0; i < vars.length; i++) { 425 if(!vars[i]) { 426 continue; 427 } 428 var pair = vars[i].split('='); 429 if(pair.length < 2) { 430 continue; 431 } 432 params[pair[0]] = pair[1]; 433 } 434 435 if(params.gid) { 436 params.gid = parseInt(params.gid, 10); 437 } 438 439 return params; 440 }; 441 442 var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) { 443 var pswpElement = document.querySelectorAll('.pswp')[0], 444 gallery, 445 options, 446 items; 447 448 items = parseThumbnailElements(galleryElement); 449 450 // define options (if needed) 451 options = { 452 453 // define gallery index (for URL) 454 galleryUID: galleryElement.getAttribute('data-pswp-uid'), 455 history: false, 456 showHideOpacity:true, 457 getThumbBoundsFn: function(index) { 458 // See Options -> getThumbBoundsFn section of documentation for more info 459 var thumbnail = items[index].el.getElementsByTagName('img')[0], // find thumbnail 460 pageYScroll = window.pageYOffset || document.documentElement.scrollTop, 461 rect = thumbnail.getBoundingClientRect(); 462 463 return {x:rect.left, y:rect.top + pageYScroll, w:rect.width}; 464 } 465 466 }; 467 468 // PhotoSwipe opened from URL 469 if(fromURL) { 470 if(options.galleryPIDs) { 471 // parse real index when custom PIDs are used 472 // http://photoswipe.com/documentation/faq.html#custom-pid-in-url 473 for(var j = 0; j < items.length; j++) { 474 if(items[j].pid == index) { 475 options.index = j; 476 break; 477 } 478 } 479 } else { 480 // in URL indexes start from 1 481 options.index = parseInt(index, 10) - 1; 482 } 483 } else { 484 options.index = parseInt(index, 10); 485 } 486 487 // exit if index not found 488 if( isNaN(options.index) ) { 489 return; 490 } 491 492 if(disableAnimation) { 493 options.showAnimationDuration = 0; 494 } 495 496 // Pass data to PhotoSwipe and initialize it 497 gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options); 498 gallery.init(); 499 }; 500 501 // loop through all gallery elements and bind events 502 var galleryElements = document.querySelectorAll( gallerySelector ); 503 504 for(var i = 0, l = galleryElements.length; i < l; i++) { 505 galleryElements[i].setAttribute('data-pswp-uid', i+1); 506 galleryElements[i].onclick = onThumbnailsClick; 507 } 508 509 // Parse URL and open gallery if it contains #&pid=3&gid=1 510 var hashData = photoswipeParseHash(); 511 if(hashData.pid && hashData.gid) { 512 openPhotoSwipe( hashData.pid , galleryElements[ hashData.gid - 1 ], true, true ); 513 } 514}; 515 516// execute above function 517initPhotoSwipeFromDOM('.gallery'); 518 519} 520 521}); 522 523 524 525</script>
vendor: 1 bytes, line 525
525
526<script>
vendor: 345 bytes, lines 526-532
526 527 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 528 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 529 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 530 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 531 532 ga('create', '
532UA-76120122-1
vendor: 14 bytes, lines 532-533
532', 'auto'); 533
533ga('set', 'anonymizeIp', true); 534 ga('send', 'pageview'); 535 536</script>
536 537</body> 538</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.