forked from brownbaglunch/BrownBagLunch
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·183 lines (163 loc) · 10.6 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/png" href="images/favicon.png"/>
<title>Brown bag lunch France</title>
<link href='http://fonts.googleapis.com/css?family=Arapey:400italic,400' rel='stylesheet' type='text/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>
<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"/>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/bootstrap-dropdown.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.dropdown-toggle').dropdown();
});
</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">
<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="http://linsolas.github.com/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="http://blog.javabien.net/2012/11/05/bbl/">Brown Bag Lunch, David Gageot</a></li>
<li><i class="icon-hand-right"></i> <a href="http://kerflyn.wordpress.com/2013/02/06/bbl/">Brown Bag Lunch, François Sarradin</a></li>
<li><i class="icon-hand-right"></i> <a href="http://blog.loof.fr/2013/02/brown-bag-lunch.html">Brown Bag Lunch, Nicolas De Loof</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="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5123678f201d160e"></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> "rôder" 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/nrichand/BrownBagLunch"><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:info@brownbaglunch.fr"><i class="icon-envelope"></i> info@brownbaglunch.fr</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>