-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
293 lines (219 loc) · 18.9 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
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="../js/excanvas/excanvas.js"></script>
<![endif]-->
<script type="text/javascript" src="spinners.min.js"></script>
<script type="text/javascript" src="lightview.js"></script>
<link rel="stylesheet" type="text/css" href="lightview.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="language" content="fr, FR">
<meta http-equiv="content-language" content="ll-cc">
<meta name="robots" content="index, follow" />
<meta name="keywords" content="cecile, rainon, nineteen, ninety, nineteen.ninety, 1990, 1990nineteenninety, nineteenninety, agence, digitale, facebook, twitter, vimeo, youtube, pinterest, google plus, facebook ads manager, facebook gestionnaire de publicite, flux rss, rss, concours facebook, faq, support, veille, veille internet, sitre vitrine, design, logo, communcation, marketing, reseaux sociaux, online, community manager, social networks, emailing, mailchimp, newsletter, couriel, blog, wordpress, html, css, google analytics, facebook tabs, onglet facebook, nineteen nineteen, design site internet, design site, stratégie online, e-marketing, stratégie e-marketing, web agency lyon, web agency aisne, web agency picardie, agence web lyon, agence web aisne, agence web picardie, création logo, création charte graphique, création site web, création site, conseil stratégie web, conseil stratégie online, conseil marketing online, conseil e-marketing, conseil stratégie réseaux sociaux, conseil stratégie SMM, social marketing management, conseil stratégie SMO, social marketing optimisation, stratégie facebook, stratégie twitter, réalisation jeux concours, Marketing digital, Agence webmarketing, Conseil en strategie digitale, agence Webdesign, agence interactive, agence web aisne, agence web picardie" />
<meta name="description" content="nineteen.nineteen, agence web en Picardie pour petites et moyennes entreprises : création de site internet - Aisne, Oise et Somme. Retrouvez notre portfolio pour voir nos créations de sites internet !" />
<meta name="Author" content="Cecile Rainon">
<meta name="publisher" content="Cecile">
<meta name="copyright" content="Copyright © 2013 nineteen.ninety. Tous droits réservés.">
<title>nineteen.ninety | Portfolio</title>
</head>
<body>
<div id="header">
<div id="navbar">
<a href="#" rel="follow"><div id="logo" itemscope itemtype="http://schema.org/corporation"><img itemprop="logo" src="logo.jpg" alt="Logo agence web Aisne Picardie nineteen.ninety"></div></a>
<ul id="menu">
<li>
<a href="#" rel="follow">AGENCE</a>
</li>
<li>
<a href="#" rel="follow">OFFRE</a>
</li>
<li>
<a href="#" rel="follow">PORTFOLIO</a>
</li>
<li>
<a href="#" rel="follow">BLOG</a>
</li>
<li>
<a href="#" rel="follow">CONTACT</a>
</li>
</ul>
</div>
</div>
<div id="brands">
<div id="mini_weego" class="brands"><a href="#weego"><img src="mini_weego.jpg" height="100" width="100" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="mini_goupil" class="brands"><a href="#atelier"><img src="mini_goupil.jpg" height="100" width="100" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="mini_ccg" class="brands"><a href="#ccg"><img src="mini_ccg.jpg" height="100" width="100" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="mini_cinefute" class="brands"><a href="#cinefute"><img src="mini_cinefute.jpg" height="100" width="100" alt="Agence web Aisne Picardie nineteen.ninety"></da></div>
<div id="mini_piment" class="brands"><a href="#piment"><img src="mini_piment.jpg" height="100" width="100" alt="Agence web Aisne Picardie nineteen.ninety"></da></div>
<div id="mini_letmeknow" class="brands"><a href="#letmeknow"><img src="mini_letmeknow.jpg" height="100" width="100" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="mini_igs" class="brands"><a href="#igs"><img src="mini_igs.jpg" height="100" width="100" alt="Agence web Aisne Picardie nineteen.ninety"></da></div>
<div id="mini_igs" class="brands"><a href="#dylan-kissane"><img src="mini_dylankissane.png" height="100" width="100" alt="Agence web Aisne Picardie nineteen.ninety"></da></div>
</div>
<div id="board1" class="big_pink">
<div class="board" id="weego">
<h2 style="font-size:28px;color:#fff;text-align:center;font-weight:bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
">Wee-go Séjours Linguistiques</h2>
<p class="paragraph" style="color:#fff;"><a href="#" rel="nofollow" style="color:#fff;"><strong>Wee-go</strong></a> est une plateforme de séjours linguistiques sur laquelle les utilisateurs peuvent trouver leur école de langue, réserver et organiser leur séjour linguistique dans les principales villes du monde.<br>
Depuis plusieurs mois déjà, <a href="#" rel="follow" style="color:#fff;"><strong>nineteen.ninety</strong></a> accompagne <a href="http://www.wee-go.com" rel="nofollow" style="color:#fff;"><strong>Wee-go</strong></a> au quotidien dans sa démarche sur les réseaux sociaux grâce à la conception de publicités et l'écoute de sa communauté.</p>
<div id="image">
<div id="img1" class="img"><a href="#" target="_blank" rel="nofollow"><img src="weego_facebook_small.jpg" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="img2" class="img">
<a href='girlny.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="girlny_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a>
<a href='4thofjuly.jpg' class='lightview' data-lightview-group='portfolio'></a>
<a href='girlsaucanada.jpg' class='lightview' data-lightview-group='portfolio'></a>
<a href='1000thanks.jpg' class='lightview' data-lightview-group='portfolio'></a>
<a href='canadausa13.jpg' class='lightview' data-lightview-group='portfolio'></a>
<a href='londres.jpg' class='lightview' data-lightview-group='portfolio'></a>
<a href='iphone.jpg' class='lightview' data-lightview-group='portfolio'></a>
<a href='miami_skate.jpg' class='lightview' data-lightview-group='portfolio'></a>
</div>
<div id="img3" class="img"><a href="#" target="_blank" rel="nofollow"><img src="weego_twitter_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
</div>
</div>
</div>
<div id="board2" class="big_white">
<div class="board" id="atelier">
<h2 style="font-size:28px;color:#cb1a3b;text-align:center;font-weight:bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
">Atelier de Maître Goupil</h2>
<p class="paragraph" style="color:#333;"><a href="#" rel="nofollow" style="color:#cb1a3b"><strong>L'Atelier de Maître Goupil</strong></a> fabrique et vend ses miradors en bois autoclave fait-maison pour la chasse. Les produits sont fabriqués à l'unité et sont respectueux de l'environnement : qualité et performance sont donc les mots forts de cette entreprise axonaise.<br>
<a href="#" rel="follow" style="color:#cb1a3b"><strong>nineteen.ninety</strong></a> a aidé l'activité à se lancer en créant un site vitrine ainsi qu'en participant à la réalisation de supports imprimés.</p>
<div id="image">
<div id="img1" class="img"><a href="#" target="_blank" rel="nofollow"><img src="atelier_small.jpg" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="img2" class="img">
<a href='bizcards.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="bizcards_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a>
</div>
<div id="img3" class="img">
<a href='flyers.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="flyers_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a>
</div>
</div>
</div>
</div>
<div id="board_3" class="big_pink">
<div class="board" id="ccg">
<h2 style="font-size:28px;color:#fff;text-align:center;font-weight:bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.25);">CEFAM Consulting Group</h2>
<p class="paragraph" style="color:#fff;">Le <strong>CEFAM Consulting Group</strong> est le projet de junior association de l'école de commerce <a href="http://www.cefam.fr" rel="nofollow" style="color:#fff;"><strong>CEFAM</strong></a> de Lyon.<br>
De ce projet, dont <a href="#" rel="follow" style="color:#fff;"><strong>nineteen.ninety</strong></a> a participé en tant que particulier, ont été réalisés un logo, une brochure et une présentation s'alignant sur la charte graphique de l'école et plus particulièrement du programme MBA. Plusieurs logos ont été créés et celui retenu par l'administration est présent sur la brochure et la présentation finale.</p>
<div id="image">
<div id="img1" class="img"><a href='logoCEFAM.png' class='lightview' data-lightview-group='portfolio'>
<img src="logoCEFAM_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="img2" class="img">
<a href="brochure.pdf"target="_blank" rel="nofollow">
<img src="brochure_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a>
</div>
<div id="img3" class="img"><a href="MGMT495.pdf"target="_blank" rel="nofollow">
<img src="ccg_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
</div>
</div>
</div>
<div id="board4" class="big_white">
<div class="board" id="cinefute">
<h2 style="font-size:28px;color:#cb1a3b;text-align:center;font-weight:bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
">Cinéfuté</h2>
<p class="paragraph" style="color:#333;"><a href="#" rel="nofollow" style="color:#cb1a3b"><strong>Cinéfuté</strong></a> est une plateforme d'aide au remplissage des salles de cinéma : un outils indispensable pour les cinémas qui peuvent désormais remplir leur salles à chaque séance, et pour les spectateurs qui profitent de tarifs réduits sur le film de leur choix !<br />
La plateforme est l'une des entités qui a soutenu <a href="#" rel="nofollow" style="color:#cb1a3b"><strong>nineteen.ninety</strong></a> dès le début lors de sa création sur <strong>KissKissBankBank</strong>. Ce fut donc un privilège pour l'agence d'aider <a href="http://www.cinefute.com" rel="nofollow" style="color:#cb1a3b"><strong>Cinéfuté</strong></a> en retour avec une <strong>newsletter HTML</strong> sur mesure pour annoncer aux cinémas le lancement imminent de leur service.</p>
<div id="image">
<div id="img1" class="img"><a href='cinefute.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="cinefute_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="img2" class="img"><a href="newsletter_cinefute.html"target="_blank" rel="nofollow">
<img src="newsletter_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="img3" class="img"><a href="#"target="_blank" rel="nofollow">
<img src="cinefute_site_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
</div>
</div>
</div>
<div id="board6" class="big_pink">
<div class="board" id="piment">
<h2 style="font-size:28px;color:#fff;text-align:center;font-weight:bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
">Piment-t</h2>
<p class="paragraph" style="color:#fff;"><a href="#" rel="nofollow" style="color:#fff;"><strong>Piment-t</strong></a> est une petite auto entreprise de l'Aisne spécialisée dans la conception de sacs et autres accessoires faits main. Tous les produits de <strong>Piment-t</strong> sont en vente sur leur boutique <a href="http://piment-t.alittlemarket.com" rel="nofollow" style="color:#fff;"><strong>A Little Market</strong></a> et pour les aider dans leur développement, <a href="http://www.1990nineteenninety.com" rel="nofollow" style="color:#fff;"><strong>nineteen.ninety</strong></a> a créé un logo unique représentant une machine à coudre pour rappeler le côté artisanal de l'entreprise.<br />
Pour améliorer la visibilité de <strong>Piment-t</strong> sur <strong>Facebook</strong>, nous avons aussi lancé une campagne de publicité pour les promotions de fin d'année.</p>
<div id="image">
<div id="img1" class="img"><a href='Pub_Pimentt.png' class='lightview' data-lightview-group='portfolio'>
<img src="Pub_Pimentt_Small.png" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="img2" class="img">
<a href='Logo_Pimentt.png' class='lightview' data-lightview-group='portfolio'>
<img src="Logo_Pimentt_Small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a>
</div>
<div id="img3" class="img"><a href="#"target="_blank" rel="nofollow">
<img src="Boutique_Pimentt_Small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
</div>
</div>
</div>
<div id="board7" class="big_white">
<div class="board" id="letmeknow">
<h2 style="font-size:28px;color:#cb1a3b;text-align:center;font-weight:bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
">Letmeknow.fr</h2>
<p class="paragraph" style="color:#333;"><a href="#" rel="nofollow" style="color:#cb1a3b"><strong>Letmeknow.fr</strong></a> et ses kits "Internet of Things" est l'un des lauréats du projet <em>Launching People</em> de <strong>Samsung</strong>. <strong>Letmeknow.fr</strong> est basé à Paris et propose des kits éléctroniques Arduino et Raspberry Pi pour créer soi-même des objets connectés. Ces kits sont en vente sur leur shop et <strong>Letmeknow.fr</strong> propose des astuces de montage sur leur blog. <br />
La charte graphique a été revue par <a href="#" rel="nofollow" style="color:#cb1a3b"><strong>nineteen.ninety</strong></a> avec un redesign complet du logo sous <strong>Adobe Illustrator</strong>, texture, covers pour les différentes plateformes, etc.</p>
<div id="image">
<div id="img1" class="img"><a href='Letmeknow.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="letmeknow_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="img2" class="img">
<a href='Pattern_Letmeknow.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="Pattern_Letmeknow_Small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a>
</div>
<div id="img3" class="img"><a href='Robot_Letmeknow.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="Robot_Letmeknow_Small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
</div>
</div>
</div>
<div id="board8" class="big_pink">
<div class="board" id="igs">
<h2 style="font-size:28px;color:#fff;text-align:center;font-weight:bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
">Groupe IGS Lyon</h2>
<p class="paragraph" style="color:#fff;">Conscient de l'importance des réseaux sociaux en ce début de l'année 2014, le <strong>Groupe IGS</strong> de Lyon et ses écoles ont fait appel à <a href="http://www.1990nineteenninety.com" style="color:#fff;"><strong>nineteen.ninety</strong></a> pour gérer leurs différentes communautés en ligne, d'abord avec le <strong>CEFAM</strong>, puis le <strong>CFA/CIEFA</strong>, l'<strong>ISCPA</strong>, l'<strong>ESAM</strong>, et l'école <strong>IGS</strong>.<br/>
<strong>Facebook</strong> et <strong>Twitter</strong> sont les plateformes les plus utilisées par ces écoles aux profils bien différents. En gérant le community management du <strong>Groupe IGS</strong> de Lyon, <a href="http://www.1990nineteenninety.com" style="color:#fff;"><strong>nineteen.ninety</strong></a> engage et intéragi avec la communauté au travers de publications et photos. Notre mission pour le <strong>Groupe IGS</strong> est aussi une mission de recrutement et de veille auprès des futurs étudiants.</p>
<div id="image">
<div id="img1" class="img"><a href='igs_facebook.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="igs_facebook_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="img2" class="img">
<a href='igs_twitter.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="igs_twitter_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a>
</div>
<div id="img3" class="img">
<a href='groupe_igs.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="groupe_igs_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a>
</div>
</div>
</div>
</div>
<div id="board9" class="big_white">
<div class="board" id="dylan-kissane">
<h2 style="font-size:28px;color:#cb1a3b;text-align:center;font-weight:bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
">DylanKissane.com</h2>
<p class="paragraph" style="color:#333;"><a href="#" rel="nofollow" style="color:#cb1a3b"><strong>DylanKissane.com</strong></a> est le site professionel de <strong>Dr. Dylan Kissane</strong>, professeur de politique en école de commerce, chercheur et auteur.<br />
Ce site créé par <a href="#" rel="nofollow" style="color:#cb1a3b"><strong>nineteen.ninety</strong></a> est auto-géré sur <strong>WordPress</strong> et fait office à la fois de CV interactif et de blog. Grâce à ce site, le client peut à la fois publier lui même ses articles de blog via un <em>back office</em> et les visiteurs ont accès à l'ensemble de ses publications : livres, articles académiques, contributions, conférences, etc.</p>
<div id="image">
<div id="img1" class="img"><a href='dylan1.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="dylan1_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
<div id="img2" class="img">
<a href='dylan2.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="dylan2_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a>
</div>
<div id="img3" class="img"><a href='dylan3.jpg' class='lightview' data-lightview-group='portfolio'>
<img src="dylan3_small.jpg" height="250" width="250" alt="Agence web Aisne Picardie nineteen.ninety"></a></div>
</div>
</div>
</div>
<div id="footer" style="padding-bottom: 20px;">
<div id="bottomline">
<div id="social">
<a href="#" rel="nofollow"><div id="facebook-social" class="social"> </div></a>
<a href="#" rel="nofollow"><div id="twitter-social" class="social"> </div></a>
<a href="#" rel="nofollow"><div id="googleplus-social" class="social"> </div></a>
</div>
<div id="cgv">
<span style="font-size:16px;color:#cb1a3b;text-align:center;font-weight:200;"><a href="#" rel="nofollow">Mentions légales</a> | <a href="#" rel="nofollow">CGV</a> | <em>Copyright © 2014 nineteen.ninety.</em> Tous droits réservés.</span>
</div>
</div>
</div>
</body>
</html>