PageSourceSearch

https://ferla.it/collection-ai.htm

html ferla.it collected 2026-10-10 01:36:34 UTC 19,905 bytes, 538 lines download raw bytes

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.