-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
198 lines (171 loc) · 6.72 KB
/
index.html
File metadata and controls
198 lines (171 loc) · 6.72 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<script src="js/include.js" charset="utf-8"></script>
<script src="includes/head.js" charset="utf-8"></script>
</head>
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-90298578-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-90298578-1');
</script>
<body>
<script src="includes/navbar.js"></script>
<!-- Notice modal : used for temporary warning about the lab-->
<!-- <div id="noticeModal" class="modal">
<div class="modal-content">
<h4 class="red-text">Moving closure</h4>
<p>
As part of the move to the new emlyon campus, the <strong>Écully and Saint-Etienne makers' labs</strong> will
be
<strong>closed from May 3 in the evening.</strong>
<br />
We look forward to seeing you at <strong>Gerland campus makers' lab from August 26th</strong> !
</p>
<h4 class="red-text">Paris</h4>
<p>The makers’ lab will be <strong>closed</strong>:</p>
<ul class="browser-default">
<li>from <strong>July 15th to July 17th</strong> inclusive</li>
<li>and from <strong>July 27th until August 18th inclusive.</strong></li>
</ul>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close btn-flat">OK</a>
</div>
</div>
</div> -->
<div id="index-banner">
<div class="background"></div>
<div class="content">
<div style="width: 100%">
<h1 class="header center white-text"><b>makers' lab</b></h1>
<h4 class="header light center white-text">
The best place to do it yourself or with others!
</h4>
<div style="margin-top: 4em" class="row center">
<p>
<a
data-to="#presentation"
style="padding: 5; margin: 10px"
class="btn-large waves-effect waves-effect waves-light"
>presentation</a
>
<a
data-to="#incoming-events"
style="padding: 5; margin: 10px"
class="btn-large waves-effect waves-effect waves-light"
>incoming events</a
>
<a
data-to="#about"
style="padding: 5; margin: 10px"
class="btn-large waves-effect waves-effect waves-light"
>opening time</a
>
</p>
</div>
</div>
</div>
</div>
<div class="main">
<div class="container" id="presentation">
<div class="row">
<div class="col s12 m4 l2"></div>
<div class="col s12 m4 l8">
<p><br /></p>
<h5 class="red-text underlined">Do it with others</h5>
<p>
Makers' labs are <strong>prototyping laboratories</strong> dedicated to
<strong>creativity and learning by doing</strong>.<br />They are contributing to the reduction of social
or cultural inequalities and the achievement of equality between men and women by ensuring that all those
who are willing and able to do so have access to the development of their professional skills.
<br /><br />
</p>
<h5 class="red-text underlined">Get a maker experience</h5>
<p>
Bring your ideas to life in record time thanks to the resources available: 3d printers, laser cutters, CNC
milling machines, sewing machines, electronics, etc. Our team of facilitators will guide you to
<strong>become a maker</strong>! <br /><br />
</p>
<h5 class="red-text underlined">Learn the way you want</h5>
<p>
We offer three learning styles to discover design, Web, IoT, artificial intelligence and digital
manufacturing: online <strong>tutorials</strong> accessible when you want, experiential
<strong>events</strong> to learn together and blended <strong>courses</strong> to deepen your knowledge.
</p>
<p><br /></p>
</div>
<div class="col s12 m4 l2"></div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="parallax"><img src="media/code.png" /></div>
</div>
<div class="container" id="incoming-events">
<div class="section">
<h6 class="red-text underlined"><b>incoming events</b></h6>
<div id="eventsList"></div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="parallax"><img src="media/background2.jpg" /></div>
</div>
<div class="container" id="about">
<div class="section">
<h6 class="red-text underlined"><b>opening time</b></h6>
<div class="row">
<div class="col l2 s4">
<h6><b>monday</b><br /><br />13:00<br />-<br />20:00</h6>
</div>
<div class="col l2 s4">
<h6><b>tuesday</b><br /><br />09:00<br />-<br />18:00</h6>
</div>
<div class="col l2 s4">
<h6><b>wednesday</b><br /><br />13:00<br />-<br />20:00</h6>
</div>
<div class="col l2 s4">
<h6><b>thursday</b><br /><br />09:00<br />-<br />18:00</h6>
</div>
<div class="col l2 s4">
<h6><b>friday</b><br /><br />09:00<br />-<br />18:00</h6>
</div>
<div class="col l2 s4">
<h6><b>weekend</b><br /><br />closed<br /></h6>
</div>
</div>
</div>
</div>
<div class="container" id="where">
<div class="section">
<h6 class="red-text underlined"><b>where to find us</b></h6>
<div class="row">
<div class="col s12 m6">
<h6><b>Lyon</b></h6>
<p>
144-146 avenue Jean-Jaurès<br />
69007 Lyon<br />
at building D
</p>
</div>
<div class="col s12 m6">
<h6><b>Paris</b></h6>
<p>
15 Boulevard Diderot<br />
75012 Paris<br />
on the 4th level
</p>
</div>
</div>
</div>
</div>
</div>
<script src="includes/footer.js" charset="utf-8"></script>
<script src="includes/scripts.js" charset="utf-8"></script>
<script src="js/agenda.js" charset="utf-8"></script>
</body>
</html>