-
Notifications
You must be signed in to change notification settings - Fork 168
/
index.html
217 lines (191 loc) · 13.4 KB
/
index.html
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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Brown bag lunch France</title>
<meta name="description" content="Vous souhaitez amener de la discussion dans votre entreprise, découvrir de nouveaux sujets? Faites venir les meilleurs experts de votre ville dans vos locaux le temps d'un repas." />
<link rel="icon" href="favicon.ico"/>
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Arapey:400italic,400'>
<link rel="stylesheet" media="screen" href="css/bootstrap.css"/>
<link rel="stylesheet" media="screen" href="css/font-awesome.min.css"/>
<link rel="stylesheet" media="screen" href="css/style.css"/>
<link rel="stylesheet" media="screen" href="css/rslides.css"/>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-38399904-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap-dropdown.js" type="text/javascript"></script>
<script src="js/responsiveslides.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.dropdown-toggle').dropdown();
//Launch the carousel :
$(".rslides").responsiveSlides({
auto: true, // Boolean: Animate automatically, true or false
speed: 500, // Integer: Speed of the transition, in milliseconds
timeout: 3000, // Integer: Time between slide transitions, in milliseconds
pager: false, // Boolean: Show pager, true or false
nav: true, // Boolean: Show navigation, true or false
random: false, // Boolean: Randomize the order of the slides, true or false
pause: false, // Boolean: Pause on hover, true or false
pauseControls: true, // Boolean: Pause when hovering controls, true or false
prevText: "<i class=\"icon-chevron-left\"></i>", // String: Text for the "previous" button
nextText: "<i class=\"icon-chevron-right\"></i>", // String: Text for the "next" button
maxwidth: "", // Integer: Max-width of the slideshow, in pixels
navContainer: "", // Selector: Where controls should be appended to, default is after the 'ul'
manualControls: "", // Selector: Declare custom pager navigation
namespace: "rslides", // String: Change the default namespace used
before: function(){}, // Function: Before callback
after: function(){} // Function: After callback
});
});
</script>
</head>
<body id="home">
<!-- Header -->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<a class="brand" href="#" style="padding-top: 0;"><img class="logo" src="images/BBL/BBL_light.png" width="100px" style="padding-left: 20px;"></a>
<ul class="nav pull-right">
<li><a href="locations.html"><i class="icon-globe"></i> Où proposer un BBL ?</a></li>
<li><a href="baggers.html"><i class="icon-search"></i> Trouver un bagger</a></li>
</ul>
</div>
</div>
<div id="header_wrapper">
<div id="bbl" style="padding: 55px 0;" class="container flexslider clearfix">
<div class="span12">
<div class="span6">
<h1 style="margin-top:15px">Les meilleurs <em>experts</em>, pour un midi <em>chez vous</em>, gratuitement!</h1>
<h3 style="color:black;"><i>Vous souhaitez amener de la discussion dans votre entreprise, découvrir de nouveaux sujets? Faites venir les meilleurs experts de votre ville dans vos locaux le temps d'un repas.</i></h3>
<br/><br/><br/>
<a href="baggers.html" style="margin-bottom: 20px;" class="btn btn-warning btn-xlarge"><i class="icon-search"></i> Trouver un expert à inviter</a>
</div>
<div class="span5">
<ul class="rslides">
<li><img src="images/past-bbls/2013-03-15%2012.17.58.jpg" alt=""></li>
<li><img src="images/past-bbls/2013-03-24%2000.14.32.jpg" alt=""></li>
<li><img src="images/past-bbls/2013-03-24%2000.14.47.jpg" alt=""></li>
</ul>
<!-- <img src="images/BBL/DavidGageotBBL.jpg" class="screengrab" height="300px" alt="Screenshot"> -->
</div>
</div>
</div>
</div>
</div>
<div id="howItWork" class="container clearfix">
<div class="span12">
<h1 style="margin-top: 15px; text-align: center;">Comment ça marche?</h1>
</div>
<div class="span4">
<div class="row">
<div class="icon_bg"><img src="images/BBL/speakerMap.jpg" alt="icon"></div>
</div>
<h4 style="text-align: center;"><i class="icon-search"></i> Trouver un orateur</h4>
<p><a href="baggers.html">Trouver un expert près de chez vous</a> ayant un sujet qui vous intéresse. Contactez-le pour définir une date.</p>
</div>
<div class="span3">
<div class="row">
<div class="icon_bg"><img src="images/BBL/brownBag.png" width="95px" alt="icon" style="margin-left:70px"></div>
</div>
<div class="row">
<h4 style="text-align: center;"><i class="icon-food"></i> Lui acheter à manger</h4>
<p>L'expert apporte ses connaissances, vous la nourriture ;)</p>
</div>
</div>
<div class="span4">
<div class="row">
<div class="icon_bg"><img src="images/BBL/romainMaton.jpg" width="200px" style="margin-left:20px" alt="icon"></div>
</div>
<div class="row">
<h4 style="text-align: center;"><i class="icon-heart"></i> Passer un bon moment</h4>
<p>Profiter de la présence de l'expert pour approfondir un sujet et à le rendre plus concret dans le cadre de votre entreprise.</p>
</div>
</div>
<div class="row_color">
<div id="reviews" class="container clearfix" >
<div class="row span11" style="margin-top:20px;">
<blockquote class="pull-right">
<img height="32px" width="32px" src="images/BBL/quoteIcon.png" alt="quote" style="float:left;margin:0 20px 40px 0">
<p><i>A chaque fois, le public a apprécié la qualité des présentations, et de mon côté en tant qu’organisateur, j’apprécie de voir leur enthousiasme. Leur nombre ne cesse d’ailleurs de croitre, passant de 20 à 25, et peut-être même d’avantage pour les prochaines sessions.</i></p>
<small>Romain Linsolas (<a href="http://linsolas.github.com/blog/2013/02/09/lancez-vous-dans-les-brown-bag-lunches/">Lancez-vous dans les brown bag lunch</a>)</small>
</blockquote>
</div>
</div>
</div>
</div>
<div id="blogs" class="container clearfix" style="margin-top: 20px; margin-bottom: 20px;">
<div class="span12">
<h1 style="margin-top: 15px; text-align: center;"><i class="icon-comments-alt" style="margin-right: 30px;"></i> Où l'on parle de Brown Bag Lunches...</h1>
</div>
<div class="row_color">
<div class="container clearfix">
<div class="row span12">
<p>Retrouvez ici les blogs qui parlent des Brown Bag Lunches</p>
<ul class="icons">
<li><i class="icon-hand-right"></i> <a href="http://me.andering.com/2006/05/25/brown-bag-session/">Brown Bag Session, Willem van den Ende</a></li>
<li><i class="icon-hand-right"></i> <a href="https://linsolas.github.io/blog/2013/02/09/lancez-vous-dans-les-brown-bag-lunches/">Lancez-vous dans les Brown Bag Lunches, Romain Linsolas</a></li>
<li><i class="icon-hand-right"></i> <a href="https://blog.javabien.net/2012/11/05/bbl/">Brown Bag Lunch, David Gageot</a></li>
<li><i class="icon-hand-right"></i> <a href="https://kerflyn.wordpress.com/2013/02/06/bbl/">Brown Bag Lunch, François Sarradin</a></li>
<li><i class="icon-hand-right"></i> <a href="https://blog.loof.fr/2013/02/brown-bag-lunch.html">Brown Bag Lunch, Nicolas De Loof</a></li>
<li><i class="icon-hand-right"></i> <a href="https://blog.ght1pc9kc.fr/2019/brown-bag-lunch/">Brown Bag Lunch, Frédéric Combes</a></li>
</ul>
<p>Il en manque ? Vous en parlez vous-mêmes dans votre blog ? Envoyez nous un <a href="https://twitter.com/bbl_fr">tweet</a>, on l'ajoutera à la liste !</p>
<hr/>
<p>Faites partager votre <i class="icon-heart" style="color: pink;"></i> des Brown Bag Lunches :</p>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5123678f201d160e#async=1"></script>
<!-- AddThis Button END -->
</div>
</div>
</div>
</div>
<div id="extra">
<div class="inner">
<div id="becomeABagger" class="container clearfix">
<div class="row">
<div class="span12">
<h2>Vous souhaitez partager votre expérience ?</h2>
<br/>
<p style="color:#ffcc99">
Vous avez une expertise que vous souhaitez partager avec d'autres? Faites un Brown bag lunch!
<br />Vous pourrez ainsi :
</p>
<ul class="icons" style="color:#ffcc99">
<li><i class="icon-hand-right"></i> "roder" une présentation avant de la jouer devant un plus grand public</li>
<li><i class="icon-hand-right"></i> agrandir votre réseau, vous faire de la publicité</li>
<li><i class="icon-hand-right"></i> partager votre passion avec d'autres!</li>
</ul>
<p style="color:#ffcc99">
Pour vous faire connaître c'est très simple : <strong><a style="color:#ffcc00;font-size: 18px;" href="https://github.com/brownbaglunch/bblfr_data"><i class="icon-github-alt"></i> Ajoutez vous vite sur cette page github.</a></strong>
</p>
</div>
</div>
</div>
</div>
</div>
<div id="footer" >
<div class="inner">
<div class="container">
<p>Si vous avez des questions n'hésitez pas à nous contacter : <a href="mailto:[email protected]"><i class="icon-envelope"></i> [email protected]</a> | <a href="https://twitter.com/bbl_fr"><i class="icon-twitter"></i> @bbl_fr</a></p>
</div>
</div>
</div>
<div class="clear"></div>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
</body>
</html>