PageSourceSearch

https://www.smc-metal.fr/decoupe-laser_smc_presentation.phtml

html smc-metal.fr collected 2026-09-28 15:24:31 UTC 24,586 bytes, 375 lines download raw bytes

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
3   <head>
4
5      <meta name="Author" lang="fr" content="Leb Communication"/>
6      <meta name="Description" content="SMC vous propose une solution globale de l'étude à la livraison de vos pièces métalliques. Un outil industriel puissant et des équipes compétentes  pour la réussite de vos équipements industriels."/>
7      <meta name="Keywords" lang="fr" content="bureau d'études, découpe laser, découpe laser fibre, cintrage, taraudage, perçage, soudure robot, soudure manuelle, pliage tôle, stockage matière, pièce métallique,débit tube, grenaillage, peinture pièce métallique, multiactivités,  montsûrs, mayenne, laval, 53, SMC, recherche et développement, compétence humaines et technologiques, tôlerie, tubulaire"/>
8      <meta name="Identifier-URL" content="www.smc-metal.fr"/>
9
10      <meta name="google-site-verification" content="kof06moA-tANGeKvVQfrORWYXUkIfgoDnPf4KKhrCuA" />
11
12      <meta name="Reply-to" content=""/>
13      <meta name="revisit-after" content="7"/>
14      <meta name="Publisher" content="SMC"/>
15      <meta name="Copyright" content="SMC"/>
16      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
17
18      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
19      <link rel="canonical" href="https://www.smc-metal.fr/decoupe-laser_smc_presentation.phtml"/>
20
21      <title>SMC Métal est un sous traitant en découpe laser et pliage métal</title>
22
23      <link rel="stylesheet" type="text/css" href="css/styles.css?v=20241223" media="all" />
24      <link rel="stylesheet" type="text/css" href="css/regles_responsive.css?v=20241223" media="all" />
25      <link rel="stylesheet" type="text/css" href="css/spec.css?v=20241223" media="print" onload="this.media='all'" />
26
27      <link rel="stylesheet" type="text/css" href="/inquery/credits-leb.css" media="print" onload="this.media='all'" />
28       <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
29       <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
30
31      <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
32      <link rel="icon" href="./favicon.ico" type="image/x-icon">
33
34      
34<script src="/inquery/jquery-1.8.2.min.js" type="text/javascript" defer></script>
34
35      <!-- 
35<script src="js/jquery-ui-1.8.8/ui.js" type="text/javascript"></script>
35 -->
36      <link rel="stylesheet" type="text/css" href="js/jquery-ui-1.8.8/ui.css" media="print" onload="this.media='all'" />
37      
37<script src="/inquery/jquery.tools.full.min.js" type="text/javascript" defer></script>
37
38
39      
39<script src="/inquery/cycle2/jquery.cycle2.min.js" type="text/javascript" defer></script>
39
40      
40<script src="/inquery/cycle2/jquery.cycle2.carousel.min.js" defer></script>
40
41      
41<script src="/inquery/cycle2/jquery.cycle2.tile.min.js" defer></script>
41
42      
42<script src="/inquery/cycle2/jquery.cycle2.flip.min.js" defer></script>
42
43
44       <link href="//vjs.zencdn.net/4.10/video-js.css" rel="stylesheet" media="print" onload="this.media='all'">
45       
45<script src="https://vjs.zencdn.net/4.10/video.js" defer></script>
45
46
47      
47<script src="/inquery/fancybox-1.3.0blanc/jquery.fancybox-1.3.0.pack.js" type="text/javascript" defer></script>
47
48      <link rel="stylesheet" type="text/css" href="/inquery/fancybox-1.3.0blanc/jquery.fancybox-1.3.0.css" media="print" onload="this.media='all'"/>
49
50      <link rel="stylesheet" type="text/css" href="js/scrollable-buttons.css" media="print" onload="this.media='all'" />
51      <link rel="stylesheet" type="text/css" href="js/scrollable-horizontal.css" media="print" onload="this.media='all'" />
52
53      
54
55      
55<script src="js/global.js" type="text/javascript" defer></script>
55
56
57
58
59       
59<script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDiB40c-5x-GAEBw3mIJXPTvamFHUV536I&callback=initializeMap"></script>
59
60
61       
61<script type="text/javascript">
62           var geoloc = 0;
63           var cartesCMS = [];
64
65           function initializeMap(){
66               console.log('INITIALIZEMAP() '+cartesCMS.length);
67               //document.querySelector('.gmap__consent-message').setAttribute('style', 'display:flex;');
68
69               for(var i=0; i<cartesCMS.length; i++){
70                   eval("initializeMapGeoloc"+cartesCMS[i]+"()");
71               }
72           }
73       </script>
73
74
75
76       <!-- Google Tag Manager -->
77       
77<script type="text/javascript">
vendor: 563 bytes, lines 77-89
77
78           (function (w, d, s, l, i) {
79               w[l] = w[l] || [];
80               w[l].push({
81                   'gtm.start':
82                       new Date().getTime(), event: 'gtm.js'
83               });
84               var f = d.getElementsByTagName(s)[0],
85                   j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
86               j.async = true;
87               j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
88               f.parentNode.insertBefore(j, f);
89           })(window, document, 'script', 'dataLayer', '
89GTM-MM8WGZX
vendor: 11 bytes, lines 89-90
89');
90       
90</script>
90
91       <!-- End Google Tag Manager -->
92
93</head>
94<body>
95    <!-- Google Tag Manager (noscript) -->
vendor: 81 bytes, lines 95-97
95
96    <noscript>
97        <iframe src="https://www.googletagmanager.com/ns.html?id=
97GTM-MM8WGZX
vendor: 92 bytes, lines 97-99
97" height="0" width="0" style="display:none;visibility:hidden"></iframe>
98    </noscript>
99    
99<!-- End Google Tag Manager (noscript) -->
100
101      <span id="fixResponsive"></span>
102
103      <div id="contentMenuMobile">
104         <p class="padding-top30"><a href="" id="closemm"><span class="gras">X</span> FERMER</a></p>
105
106         <h2>PRÉSENTATION ENTREPRISE</h2>
107
108         <a class="titre" href="#" title="SMC">SMC</a><div class="dev">                      <a href="decoupe-laser_smc_presentation.phtml" title="Présentation">Présentation</a>
109                                            <a href="decoupe-laser_smc_situation-geographique.phtml" title="Situation géographique">Situation géographique</a>
110                                            <a href="decoupe-laser_smc_qualite.phtml" title="Qualité">Qualité</a>
111                      </div><a class="titre" href="#" title="NOS METIERS">NOS METIERS</a><div class="dev">                      <a href="decoupe-laser_nos-metiers_cintrage-tube.phtml" title="Cintrage tube">Cintrage tube</a>
112                                            <a href="decoupe-laser_nos-metiers_decoupe-laser.phtml" title="Découpe Laser">Découpe Laser</a>
113                                                    <li><a class="margin-left25" href="decoupe-laser_nos-metiers_decoupe-laser_avantages-de-la-decoupe-laser.phtml">Avantages de la découpe laser</span></a></li>
114                                                        <li><a class="margin-left25" href="decoupe-laser_nos-metiers_decoupe-laser_sous-traitance-en-decoupe-laser.phtml"> Sous-traitance en découpe laser</span></a></li>
115                                                        <li><a class="margin-left25" href="decoupe-laser_nos-metiers_decoupe-laser_domaines-d-application-de-la-decoupe-laser.phtml">Domaines d'application de la découpe laser</span></a></li>
116                                                        <li><a class="margin-left25" href="decoupe-laser_nos-metiers_decoupe-laser_decoupe-laser-une-precision-industrielle.phtml">Découpe laser: Une précision industrielle</span></a></li>
117                                                        <li><a class="margin-left25" href="decoupe-laser_nos-metiers_decoupe-laser_la-decoupe-laser-pour-l-industrie-de-la-defense-et-aeronautique.phtml">La Découpe Laser pour l'industrie de la Défense et Aéronautique</span></a></li>
118                                                        <li><a class="margin-left25" href="decoupe-laser_nos-metiers_decoupe-laser_impact-environnemental-de-la-decoupe-laser.phtml">Impact environnemental de la découpe laser</span></a></li>
119                                                        <li><a class="margin-left25" href="decoupe-laser_nos-metiers_decoupe-laser_maintenance-des-machines-decoupe-laser.phtml">Maintenance des machines découpe laser</span></a></li>
120                                                <a href="decoupe-laser_nos-metiers_pliage-tole.phtml" title="Pliage tôle">Pliage tôle</a>
121                                                    <li><a class="margin-left25" href="decoupe-laser_nos-metiers_pliage-tole_la-technique-du-pliage-de-tole.phtml">La technique du pliage de tôle</span></a></li>
122                                                        <li><a class="margin-left25" href="decoupe-laser_nos-metiers_pliage-tole_le-pliage-de-tole-dans-le-secteur-industriel.phtml">Le pliage de tôle dans le secteur industriel</span></a></li>
123                                                <a href="decoupe-laser_nos-metiers_debit.phtml" title="Débit">Débit</a>
124                                            <a href="decoupe-laser_nos-metiers_percage-et-taraudage.phtml" title="Perçage et Taraudage">Perçage et Taraudage</a>
125                                            <a href="decoupe-laser_nos-metiers_soudure-manuelle.phtml" title="Soudure manuelle">Soudure manuelle</a>
126                                            <a href="decoupe-laser_nos-metiers_robot-soudure.phtml" title="Robot soudure">Robot soudure</a>
127                                            <a href="decoupe-laser_nos-metiers_grenaillage.phtml" title="Grenaillage">Grenaillage</a>
128                                            <a href="decoupe-laser_nos-metiers_bureau-d-etudes.phtml" title="Bureau d'études">Bureau d'études</a>
129                                            <a href="decoupe-laser_nos-metiers_peinture.phtml" title="Peinture">Peinture</a>
130                                            <a href="decoupe-laser_nos-metiers_logistique.phtml" title="Logistique">Logistique</a>
131                      </div><a class="titre" href="#" title="ACTUALITES">ACTUALITES</a><div class="dev">                      <a href="decoupe-laser_actualites_nouveau-site-web.phtml" title="Nouveau site web">Nouveau site web</a>
132                                            <a href="decoupe-laser_actualites_investir-et-innover.phtml" title="Investir et innover">Investir et innover</a>
133                                            <a href="decoupe-laser_actualites_installation-du-nouveau-laser-bystronic-bystar-3015-fiber-15kw.phtml" title="Installation du nouveau laser Bystronic Bystar 3015 Fiber 15Kw. ">Installation du nouveau laser Bystronic Bystar 3015 Fiber 15Kw. </a>
134                      </div>
135
136         <div id="coordmob">
137            <h2>COORDONNÉES</h2>
138         </div>
139
140
141
142      </div>
143
144      <div id="encaps">
145<div id="page">
146
147      <div id="top">
148
149      <div id="header" class="fluxOK">
150
151         <div class="conteneur fluxOK">
152            <div class="origine">
153               <div class="made-in-france"></div>
154               <p id="changementLangue"><a href="https://www.smc-metal.fr" class="actifLangue">Français </a>/<a href="https://www.smc-metal.fr/en"> English</a></p>
155            </div>
156            <div class="header1">
157               <div class="logo-baseline">
158                  <div id="le-logo" title="Accueil du site SMC" ><a href="./" aria-label="Homepage"></a></div>
159                  <p id="baseline" class="fluxOK"><span class="ligne1">Une <strong>solution complète</strong></span><span class="ligne2">dans le paysage de la</span><span class="ligne3"><strong>chaudronnerie industrielle</strong></span></p>
160               </div>
161               <div class="contact-recherche">
162                  <div id="linksHeader">
163                     <a href="tel:02 43 01 03 83" class="link-number"><span class="ico"></span><span class='number'><strong class="font20">02 43 01 03 83 </strong></span></a>
164                     <a href="decoupe-laser.php?part=contact" class="link-rdv"><span class="ico"></span><span class='number'>Nous contacter</span></a>
165                  </div>
166                  <form id="rechercheHeader" action="decoupe-laser.php?part=plan" method="post">
167                        <input class="text" type="text" value="" name="recherche" placeholder="Rechercher">
168                        <input class="ico ico-send" type="submit" value="" name="">
169                  </form>
170               </div>
171            </div>
172         </div>
173      </div>
174   </div>
175
176   <div id="nav">
177      <div class="conteneur">
178         <ul>
179            <li><a href="./" id="home" aria-label="Homepage"><span class="ico"></span></a></li><!--
180            --><li><a id="launchMenuMobile" href="#">&Xi;<span class="gras">MENU<span class='hideLittle'> DE NAVIGATION</span></span></a></li><!--
181                        --><li><a class="hideMob actif" href="decoupe-laser_smc_presentation.phtml">SMC</a></li><!--            --><li><a class="hideMob" href="decoupe-laser_nos-metiers_decoupe-laser.phtml">NOS METIERS</a></li><!--            --><li><a class="hideMob hideTab" href="decoupe-laser_actualites_installation-du-nouveau-laser-bystronic-bystar-3015-fiber-15kw.phtml">ACTUALITES</a></li><!---->
182            <li><a class="hideMob" href="decoupe-laser.php?part=contact" id="contact" >Contact</a></li>
183         </ul>
184      </div>
185   </div>
186
187   <div id="contenuPage">
188      <div class="conteneur fluxOK">
189
190         <div id="gestionnaire_content">
191
192             
193    <!-- RSPEAK_START -->
194
195<!--ID Page : 592-->
196
197                    
198
199
200
201
202
203
204                
205                    <div id="bandeauPage">
206                    <h1 class="noBandeau"><span>PRÉSENTATION</span></h1>
207                    </div>
208
209
210
211                    <!--<div id="readSpeaker" class="margin-bottom20 padding-top3">
212                        <div id="readspeaker_button1" class="rs_skip rsbtn rs_preserve left margin-left10 margin-top5">
213                            <a class="rsbtn_play" accesskey="L" title="Ecoutez le texte avec ReadSpeaker" href="http://app.eu.readspeaker.com/cgi-bin/rsent?customerid=6893&amp;lang=fr_fr&amp;readid=gestionnaire&amp;url=www.smc-metal.fr%2Fdecoupe-laser_smc_presentation.phtml">
214                                <span class="rsbtn_left rsimg rspart"><span class="rsbtn_text"><span>Ecoutez</span></span></span>
215                                <span class="rsbtn_right rsimg rsplay rspart"></span>
216                            </a>
217                        </div>
218                        <div class="clear"></div>
219                    </div>-->
220
221<div id="inside_content"><div id="body"><div id="item-1" class="ttl deplace"><div class="clear noThing"></div>
222<h2>Une organisation puissante et réactive</h2>
223<div class="clearElement"></div>
224    </div><div id="item-2" class="txt deplace">
225	<p style="text-align: justify;">Sp&eacute;cialiste de la d&eacute;coupe t&ocirc;le et tube, du pliage CN jusqu&rsquo;&agrave; 4,5 m, du cintrage tube CN, taraudage, t&ocirc;lerie fine, soudure MIG et TIG, grenaillage et peinture, <strong>SMC travaille pour de prestigieux clients dans tous les secteurs d&rsquo;activit&eacute;s</strong> <em>(agricole, automobile, m&eacute;dical, p&eacute;trochimie, mobilier de bureau, etc.)</em>.</p>
226<p style="text-align: justify;">SMC est heureuse de compter parmi ses clients des r&eacute;f&eacute;rences dans leur secteur d'activit&eacute; et de grands donneurs d&rsquo;ordres publics et priv&eacute;s.</p>	<!--
227	Contient des balises p, em, b, ul/li, ol/li...
228	et des justifications CSS text-align: left, center et right à ne pas écraser
229	-->
230</div>
231<div class="clearElement"></div><div id="item-3" class="deplace img clear upload" style=" text-align:center;"><div class="clear"></div><a href="upimg/pages/zoom/3486.jpg" class="fancy" style="display:block;"><img class="largeurTotale" src="loadImage.php?identifiant=3&amp;id=592&amp;rand=862294483" alt="Sous-traitant d&eacute;coupe laser et travaux m&eacute;talliques"/><p class="legendeImg">Sous-traitant découpe laser et travaux métalliques</p><div class="clear"></div><div class="clearElement"></div></div></a><div class="clear"></div><div id="item-4" class="ttl deplace"><div class="clear noThing"></div>
232<h2>Solution Globale</h2>
233<div class="clearElement"></div>
234    </div><div id="item-5" class="txt deplace">
235	<p style="text-align: justify;"><b>SMC fait partie des leaders dans l&rsquo;Ouest en mati&egrave;re de d&eacute;coupe laser.</b><span>&nbsp;La soci&eacute;t&eacute; est capable de g&eacute;rer une commande de A &agrave; Z : du bureau d&rsquo;&eacute;tudes <em>(recherche &amp; d&eacute;veloppement)</em> &agrave; l&rsquo;achat de mati&egrave;res premi&egrave;res, puis de la r&eacute;alisation du produit jusqu&rsquo;&agrave; sa livraison, selon la demande du client. La fid&eacute;lit&eacute;
235 des clients de SMC repose sur cette capacit&eacute; &agrave; r&eacute;pondre aux exigences en respectant les d&eacute;lais et le cahier des charges. Flexibilit&eacute;, ing&eacute;niosit&eacute; et souplesse sont les ma&icirc;tres-mots.</span></p>	<!--
236	Contient des balises p, em, b, ul/li, ol/li...
237	et des justifications CSS text-align: left, center et right à ne pas écraser
238	-->
239</div>
240<div class="clearElement"></div><div id="item-6" class="deplace img clear upload" style=" text-align:center;"><div class="clear"></div><img class="largeurTotale" src="loadImage.php?identifiant=6&amp;id=592&amp;rand=169906066" alt="Présentation"/><div class="clear"></div><div class="clearElement"></div></div><div class="clear"></div><div id="item-7" class="ttl deplace"><div class="clear noThing"></div>
241<h2>Multiactivités</h2>
242<div class="clearElement"></div>
243    </div><div id="item-8" class="txt deplace">
244	<p style="text-align: justify;"><strong>Manutention</strong> <em>(ossature de cabine de chariot t&eacute;lescopique et tracteur, potence de levage&hellip;)</em>, <strong>p&eacute;trochimie</strong> <em>(t&ocirc;lerie, sous-ensembles de condenseur&hellip;)</em>, <strong>automobile</strong>, <strong>mat&eacute;riel agricole</strong>, <strong>m&eacute;dical</strong> <em>(caissons de ventilation)</em>, <strong>mobilier de bureau</strong>... SMC est tr&egrave;s polyvalente.</p>	<!--
245	Contient des balises p, em, b, ul/li, ol/li...
246	et des justifications CSS text-align: left, center et right à ne pas écraser
247	-->
248</div>
249<div class="clearElement"></div><div id="item-9" class="ttl deplace"><div class="clear noThing"></div>
250<h2>Compétences humaines et technologiques</h2>
251<div class="clearElement"></div>
252    </div><div id="item-10" class="deplace img right bordureGest upload" style=" width:314px;"><div class="clear"></div><img class="" src="loadImage.php?identifiant=10&amp;id=592&amp;rand=649726916" alt="Présentation"/><div class="clear"></div><div class="clearElement"></div></div><div id="item-11" class="txt deplace">
253	<p style="text-align: justify;">Pilot&eacute;e par Franck et Yannick Bourny, <strong>la soci&eacute;t&eacute; compte un effectif de 70 personnes</strong>. Nous veillons au d&eacute;veloppement des comp&eacute;tences de nos collaborateurs et &agrave; l&rsquo;am&eacute;lioration continue de notre organisation.</p>
254<p style="text-align: justify;"><strong>Nos &eacute;quipes sont professionnelles, polyvalentes et r&eacute;actives</strong>. Notre parc machine est renouvel&eacute; constamment afin de toujours r&eacute;pondre &agrave; l&rsquo;&eacute;volution des demandes.</p>	<!--
255	Contient des balises p, em, b, ul/li, ol/li...
256	et des justifications CSS text-align: left, center et right à ne pas écraser
257	-->
258</div>
259<div class="clearElement"></div></div></div>                    <!-- RSPEAK_STOP -->
260         </div>
261
262         <div id="menuPages">
263
264            <ul id="mainMenu">
265                                                            <li class="actif"><a href="decoupe-laser_smc_presentation.phtml" class="titre actif" title="Présentation">PRÉSENTATION</a></li>                        <li><a href="decoupe-laser_smc_situation-geographique.phtml" class="titre" title="Situation géographique">SITUATION GÉOGRAPHIQUE</a></li>                        <li><a href="decoupe-laser_smc_qualite.phtml" class="titre" title="Qualité">QUALITÉ</a></li>                
266            </ul>
267
268            <!--<a href="#" id="m_doc"><span class='ico'></span><span class='label'>ESPACE<br/><span class="gras">DOCUMENTAIRE</span></span></a>-->
269
270             
271    <h2>ACTUALITÉ DU MOMENT</h2>
272
273    <div id="actuAccueil" class="fluxOK">
274                    <div class="cell_actu">
275                <a href='decoupe-laser_actualites_installation-du-nouveau-laser-bystronic-bystar-3015-fiber-15kw.phtml'><img src="img/accueil/actu1.jpg" alt="Installation du nouveau laser Bystronic Bystar 3015 Fiber 15Kw. "/></a>
276                <h3><a href="decoupe-laser_actualites_installation-du-nouveau-laser-bystronic-bystar-3015-fiber-15kw.phtml">Installation du nouveau laser Bystronic Bystar 3015 Fiber 15Kw. </a></h3>
277                <!--<p><a href="decoupe-laser_actualites_installation-du-nouveau-laser-bystronic-bystar-3015-fiber-15kw.phtml">Après son installation et la formation de nos équipes, notre nouveau laser Bystronic Bystar 3015 Fiber 15Kw est maintenant opérationnelle. En attendan...</a></p>-->            </div>
278        
279
280    </div>
281
282            <!--<h2>DERNIÈRE <span class="gras">ACTUALITÉ</span></h2>
283
284            <div class="cell_actu">
285               <a href='#'><img src="img/accueil/actu1.jpg" alt=""/></a>
286               <h3>Sed ut tum ad senem senex de senectute, sic hoc libro</h3>
287               <p>Sed ut tum ad senem senex de senectute, sic hoc libro ad amicum amicissimus scripsi de amicitia.</p>
288            </div>-->
289
290         </div>
291
292      </div>
293
294
295   </div>
296
297
298
299</div><!-- #page -->
300
301<div id="footer">
302	<div id="contentFoot" class="conteneur">
303		<a href="./" id="footerLogo" aria-label="Homepage"></a>
304		<div class="infosCoordonnees">
305            <p class="lineC lineCt1">Zone Artisanale<br />Rue du Haut Méral<br />53150 Montsûrs<br/><br/><strong><a class="link-number" href="tel:+33243010383">02 43 01 03 83</a></strong></p>
306		</div>
307
308		<div id="boutonsFooter">
309			<a href="decoupe-laser.php?part=lettre" class="link-number" ><span class="ico"></span><span class='number'>Lettre <strong class="font20">d'information</strong></span></a>
310            <a href="decoupe-laser.php?part=contact" class="link-rdv"><span class="ico"></span><span class='number'>Nous <strong>contacter</strong></span></a>
311		</div>
312
313       <div id="annexes">
314          <a accesskey="0" href="decoupe-laser.php?part=accessibilite" title="Accessibilité">Accessibilité</a><span class="separateur">/</span>
315          <a href="decoupe-laser.php?part=mentions" title="Mentions légales">Mentions légales</a><span class="separateur">/</span>
316          <a class="ib" href="decoupe-laser.php?part=credits">Crédits</a><span class="separateur">/</span>
317          <a accesskey="3" href="decoupe-laser.php?part=plan" title="Plan du site">Plan du site</a>
318            <a href="javascript:openAxeptioCookies()">Gestion des cookies</a>
319       </div>
320
321		<div class="clear"></div>
322
323	</div><!-- ContentFoot -->
324</div><!-- #footer -->
325
326</div><!-- #encaps -->
327<!---->
328<script>
329  (function (window) {
330    'use strict';
331    window.code = window.code || {};
332    window.code.lightweightYoutubePlayer = function () {
333
334      const dataYoutubeVideos = '[data-youtube]';
335      const youtubeVideos = [...document.querySelectorAll(dataYoutubeVideos)];
336
337      function init() {
338        youtubeVideos.forEach(function(element) {
339          bindYoutubeVideoEvent(element);
340        });
341      }
342
343      function bindYoutubeVideoEvent(element) {
344        const button = element.querySelector('[data-youtube-button]');
345        button.addEventListener('click', createIframe);
346      }
347
348      function createIframe(event) {
349        const url = event.target.dataset.youtubeButton;
350        const youtubePlaceholder = event.target.parentNode;
351        const htmlString = '<div class="video__youtube"> <iframe class="video__iframe" src="' + url + '&mute=1&autoplay=1" frameborder="0" allowfullscreen></iframe></div>';
352
353        youtubePlaceholder.style.display = 'none';
354        youtubePlaceholder.insertAdjacentHTML('beforebegin', htmlString);
355        youtubePlaceholder.parentNode.removeChild(youtubePlaceholder);
356      }
357
358      return {
359        init: init
360      }
361    };
362
363  })(window)
364
365  ready();
366
367  function ready() {
368    const lightweightYoutubePlayer = new code.lightweightYoutubePlayer()
369    document.readyState.toString() !== 'loading'? page.init(): document.addEventListener('DOMContentLoaded', lightweightYoutubePlayer.init);
370  }
371
372</script>
372
373 
374</body>
375</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.