https://atelier-universel.com/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta name="author" content="">
7	<meta name="apple-mobile-web-app-capable" content="yes">
8   <link rel="shortcut icon" type="image/x-icon" href="ico/favicon.ico">
9
10    <title>l'Atelier Universel</title>
11	<meta name="description" content="L’Atelier Universel est une agence de design et de conseil pluridisciplinaire regroupant des designers-ingénieurs, designers-artisans et business developers.">   
12<meta http-equiv="Cache-Control" content="no-cache">
13<meta name="keywords" content="agence, studio, atelier, atelier universel, design industriel, conseil, pilotage, accompagnement, design, conception innovation, prospective, industriel, création, interface, produit, numérique, espace, objets connectés, designer, ingénieur, designer-ingénieur, artisan, business developer" />
14<meta http-equiv="Pragma" content="no-cache">
15<meta http-equiv="Expires" content="0">
16
17<link href="css/home/fonts.css" rel="stylesheet">
18<link href="css/home/main.css" rel="stylesheet">
19    <!-- Bootstrap core CSS -->
20    <link href="css/home/bootstrap.css" rel="stylesheet">
21
22    <!-- Custom styles for this template -->
23    
24         
25  
26     
27    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
28    <!--[if lt IE 9]>
29      

29<script src="js/html5shiv.js"></script>

29
30      

30<script src="js/respond.min.js"></script>

30
31    <![endif]-->
32  <!--<!-- Font Icons -->
33
34
35    <!-- Custom styles for this template -->
36	
37	
38	
39    <!--[if lt IE 9]>
40      

40<script src="assets/js/html5shiv.js"></script>

40
41	  

41<script src="assets/js/html5shiv-printshiv.js"></script>

41
42      

42<script src="assets/js/respond.min.js"></script>

42
43	  	 

43<script src="js/css3-mediaqueries.js"></script>

43
44		 <link href="css/home/ie.css" rel="stylesheet">
45    <![endif]-->
46
47  </head>
48
49  	<body>
50 <div id="transp"></div>
51 	
52<div><img src="img/logo-200.png" srcset="img/logo-420.png 2x" alt="atelier universel" class="logopo" id="logoun" onClick="location.href='index.html'"></div>
53		<div class="croixm" id="croixm"></div>
54	<a id="menuToggle">
55
56<div><img src="img/logo-200.png" srcset="img/logo-420.png 2x" alt="atelier universel" class="logopod" id="logodeux" onClick="location.href='index.html'"></div>
57	 </a> 
58	 <nav id="menuv">
59<!-- <img src="img/logo-210.png" alt="atelier universel" id="logom"/>-->
60 
61 <ul id="sousmenulp">
62 <li class="sousmenufirst"><a href="equipe.html">&nbsp;</a></li>
63 <li class="sousmenu" style="height:60px;"><a>&nbsp;</a></li> 
64                   
65
66                <li class="sousmenu"><a href="equipe.html">l'équipe</a></li>
67                <li class="sousmenu"><a href="mission.html">missions</a></li>
68
69		       <li class="sousmenu"> <a href="projets.php?v=a">production</a>
70             <ul>
71                <li class="soussousmenu"><a href="projets.php?v=a">tous</a></li>
72                <li class="soussousmenu"><a href="projets.php?v=p">produits</a></li>
73                <li class="soussousmenu"><a href="projets.php?v=e">espace</a></li>
74                 <li class="soussousmenu"><a href="projets.php?v=c">conseil</a></li>
75              </ul>
76             
77            </li>
78             <li class="sousmenu"><a href="clients.php">clients</a></li>
79
80          
81     <li class="sousmenu"><a href="contact.html">contact</a></li>
82<li class="sousmenu"><a href="https://twitter.com/atelieruniv?lang=fr" target="_blank"><img src="img/picto_twitter-14px.png" srcset="img/picto_twitter-28px.png 2x" alt="atelier universel"/></a><a href="https://www.facebook.com/latelieruniversel/" target="_blank"><img src="img/picto_facebook-14px.png" srcset="img/picto_facebook-28px.png 2x" srcset="img/picto_facebook-28px.png 2x" alt="atelier universel"/></a><a href="https://www.linkedin.com/company/atelier-universel/" title="linkedin" target="_blank"><img src="img/picto_linkedin-14px.png" srcset="img/picto_linkedin-28px.png 2x" alt="atelier universel"/></a><a href="https://www.instagram.com/atelier_universel/" target="_blank"><img src="img/picto_insta-14px.png" srcset="img/picto_insta-28px.png 2x" alt="atelier universel"/></a></li>
83			
84   </ul>
85 </nav>
86 <div class="headers" id="headers">
87
88         <div class="navbar-collapse collapse" ><ul class="navbar-nav" id="navigation">
89                 
90	<li class="logo"> <a href="index.html"><img src="img/logo-210.png" srcset="img/logo-420.png 2x" alt="atelier universel"/></a></li>
91             <div class="ferdroite">
92              <li class="vh"><a href="equipe.html">l'équipe</a></li>
93                <li class="vh"><a href="mission.html">missions</a></li>
94                 
95            <li class="vh"><a href="projets.php">production</a></li>
96             <li class="vh"><a href="clients.php">clients</a></li>
97            <li class="st"><a href="contact.html">contact</a></li>             
98             <li class="vg"><a href="https://twitter.com/atelieruniv?lang=fr" target="_blank"><img src="img/picto_twitter-14px.png" srcset="img/picto_twitter-28px.png 2x" alt="atelier universel"/></a></li>
99             <li class="vg"><a href="https://www.facebook.com/latelieruniversel/" target="_blank"><img src="img/picto_facebook-14px.png" srcset="img/picto_facebook-28px.png 2x" alt="atelier universel"/></a></li>
100             <li class="vg"><a href="https://www.linkedin.com/company/atelier-universel/" title="linkedin" target="_blank"><img src="img/picto_linkedin-14px.png" srcset="img/picto_linkedin-28px.png 2x" alt="atelier universel"/></a></li>
101             <li class="zeropx"><a href="https://www.instagram.com/atelier_universel/" target="_blank"><img src="img/picto_insta-14px.png" srcset="img/picto_insta-28px.png 2x" alt="atelier universel"/></a></li>
102             </div>
103          </ul>
104
105        </div>
106
107               
108   </div>
109 
110	<div id="slides-2" class="height-fill">
111
112    <div class="slides-container">
113    <div class="desti"><ul>
114             <li>Concepteurs hybrides</li>
115			  <li>pour Design tout-terrain</li>
116			  
117			  
118			  </ul>
119	  <img src="img/slider-images/image01.jpg" alt="Concepteurs hybrides"></div>
120<div class="desti" > 
121            <ul>
122             <li>Pour inventer des solutions d&eacute;sirables</li>
123			  <li>et acc&eacute;l&eacute;rer les projets d'innovation,</li>
124			  <li>nous sommes à la fois...</li>
125			  
126	  </ul>
127			  
128<img src="img/slider-images/image05.jpg" alt="projets d'innovation"></div>
129           
130   <div class="desti"><ul>
131             <li>Une agence</li>
132			  <li>créative</li>
133			  
134			  
135			  </ul>
136	  <img src="img/slider-images/image02.jpg" alt="Une agence"></div>
137          <div class="desti"><ul>
138             <li>Un laboratoire</li>
139			  <li>de R&D externalis&eacute;</li>
140			  
141			  
142			  </ul>
143	  <img src="img/slider-images/image03.jpg" alt="Un laboratoire"></div>
144                  <div class="desti"><ul>
145             <li>Une &eacute;quipe d'experts</li>
146			  <li>en innovation</li>
147			  
148			  
149			  </ul>
150	  <img src="img/slider-images/image04.jpg" alt="Une équipe d'experts"></div>
151  
152    </div> 
153
154
155  </div>
156 
157  
158
159    <!-- Bootstrap core JavaScript
160    ================================================== -->
161    <!-- Placed at the end of the document so the pages load faster -->
162    

162<script src="js/jquery.js"></script>

162
163    

163<script src="js/bootstrap.min.js"></script>

163
164	

164<script src="js/jquery.easing.1.3.js"></script>

164
165  

165<script src="js/holder.js"></script>

165
166    

166<script>
167document.getElementById("titresmp").innerHTML = $('#titlepor').text();
168</script>

168

169<script src="js/jquery.animate-enhanced.min.js"></script>

169

170<script src="js/elementTransitions.js"></script>

170
171  

171<script src="js/jquery.superslides.js" type="text/javascript" charset="utf-8"></script>

171
172
173  

173<script>
174   
175	
176
177(function($){
178	// Menu Functions
179	$(document).ready(function(){
180        
181    /*  
182        var windowHeight = $(window).height();
183       var headerHeight = $(".headers").outerHeight();
184
185var calculatedHeight = windowHeight - headerHeight;
186var heightFill = $('.height-fill')
187$(heightFill).height(calculatedHeight);*/
188// superslides
189	 $(function() {
190      $('#slides-2').superslides({
191         //  inherit_height_from: heightFill,
192        hashchange: false,
193          pagination: true,
194          play:3000
195      });
196	 $(document).on('animated.slides', function() {
197  var currentSlide = $('#slides-2').data('superslides').current; //Get the index number of the current slide
198 $('#next').show();
199        $('#prev').show();
200     
201        if (currentSlide==4){
202            $('#prev').hide();
203        }
204         if (currentSlide==0){
205            $('#next').hide();
206        }
207});
208    });
209        
210        
211	
212  
213  });
214})($);
215
216(function($){
217	// Menu Functions
218	$(document).ready(function(){
219
220	
221  	$('#croixm').click(function(e){
222var a = document.body;
223
224document.ontouchmove = function(e){ return true; }
225    	var $parent = $('#menuv');
226      $parent.toggleClass("open");
227	 	  
228    
229      var navState = $parent.hasClass('open') ? "hide" : "show";
230	  
231 var btn = document.getElementById("transp");
232  var btnd = document.getElementById("logodeux");
233  var btnu = document.getElementById("logoun");
234
235	 if (navState=='show'){
236	 a.style.overflow = "auto";
237	     btn.className="transpb";
238	 btnd.className="invisible";
239	 if ($(window).width() < 540){
240      btnu.className="logopo";
241
242
243	  }
244	 }else{
245a.style.overflow = "hidden";
246 if(( navigator.userAgent.match(/Android/i) ||
247 navigator.userAgent.match(/webOS/i) ||
248 navigator.userAgent.match(/iPhone/i) ||
249 navigator.userAgent.match(/iPod/i)||
250 navigator.userAgent.match(/iPad/i)
251 )&&($(window).width() < 540)){
252 $('#container').height('100px');
253 }
254	 
255	  if ($(window).width() < 540){
256      btnu.className="invisible";
257
258
259
260	  }
261if ($(window).width() > 540){
262document.ontouchmove = function(e){ e.preventDefault(); }
263
264    
265}
266     btn.className="transp";
267	 btnd.className="visible";
268     }
269     $(this).attr("title", navState + " navig");
270	  if (navState=='open'){
271
272	    $('#menuToggle').toggleClass("open");
273	  }else{
274
275	    $('#menuToggle').toggleClass("closedf");
276
277	  
278	  }
279			// Set the timeout to the animation length in the CSS.
280			setTimeout(function(){
281				console.log("timeout set");
282				$('#croixm').toggleClass("navClosed").toggleClass("navOpen");
283			}, 200);
284    	e.preventDefault();
285  	});
286  });
287})($);
288</script>

288
289
290  

290<script>

290
291  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
292  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
293  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
294  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
295
296
297  ga('create', '

297UA-60330950-1

297', 'auto');
298  ga('send', 'pageview');
299
300

301</script>

301
302</body>
303</html>