forked from jlecour/webdesign-plugfr
-
Notifications
You must be signed in to change notification settings - Fork 1
/
contact.html
138 lines (134 loc) · 7.1 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="fr" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/text.css" />
<link rel="stylesheet" href="css/960.css" />
<link rel="stylesheet" href="css/main.css" media="screen, projection" />
<link rel="stylesheet" href="css/print.css" media="print" />
<style type="text/css" media="screen, projection">
</style>
<title>PLUG – Provence Linux User Group</title>
<script src="/js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/modernizr-1.0.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body id="contact">
<div id="wrapper" class="container_12">
<header id="main-header" class="grid_12">
<div id="logo" class="grid_3 alpha">
<h1><a href="./" rel="Index" title="← retour à l'accueil">
<img src="img/logo_plug_grand.gif" alt="PLUG" title="PLUG – Provence Linux User Group" />
</a></h1>
</div>
<div class="grid_9 omega">
<h1>Provence Linux User Group</h1>
<p id="baseline">
Le <strong><abbr title="Provence Linux User Group">PLUG</abbr></strong> est une association (loi 1901) qui regroupe des passionnés d'<strong>informatique</strong> et <strong>logiciels libres</strong> et leur propose des échanges en ligne (<a href="">mailing-lists</a>, <a href="irc://irc.freenode.net/%23plugfr" rel="external">IRC</a>, <a href="http://twitter.com/plugfr" rel="external">twitter</a>, …) et des <strong>réunions à Marseille</strong> (chaque 1<sup>er</sup> vendredi du mois à <a href="http://laboate.com/" rel="external">La Bo[a]te</a>).
</p>
</div>
<div class="clear"></div>
</header>
<hr class="hide" />
<div id="main-content" class="grid_9 push_3">
<h2>Vous avez quelque chose à nous dire ?</h2>
<form id="contact-form">
<fieldset>
<p class="form-row">Une question, une critique, un compliment, une suggestion … si vous êtes clair(e) et pôli(e), on a toutes les chances de vous entendre.</p>
<div id="message-row" class="form-row">
<label for="message">Votre message:</label> <textarea name="message" rows="8" cols="40" placeholder="N'importe quel message que vous souhaitez nous communiquer" tabindex="2"></textarea>
</div>
</fieldset>
<fieldset>
<p class="form-row">Et si vous nous laissez les infos nécessaires, on devrait même pouvoir vous répondre.</p>
<div id="nom-row" class="form-row">
<label for="nom">Votre nom :</label> <input type="text" name="nom" value="" id="nom" placeholder="Gaston Lagaffe" tabindex="3" />
</div>
<div id="email-row" class="form-row">
<label for="email">Votre email :</label> <input type="email" name="email" value="" id="email" placeholder="[email protected]" tabindex="4" />
</div>
<div id="url-row" class="form-row">
<label for="url">Votre site web :</label> <input type="url" name="url" value="" id="url" placeholder="http://blog.dupuis.be/" tabindex="5" />
</div>
</fieldset>
<fieldset>
<div id="submit-row" class="form-row">
<input type="submit" value="Envoyer" id="submit" tabindex="6" />
</div>
</fieldset>
</form>
</div>
<hr class="hide" />
<nav id="main-nav" class="grid_3 pull_9">
<div id="about" class="nav-block">
<a href="">à propos du PLUG</a>
</div>
<div id="nav-mailing-lists" class="nav-block">
<h3>listes par e-mail</h3>
abonnez-vous aux listes publiques
<ul>
<li><a href="/mailing-lists.html#plug-list">les annonces de l'association</a></li>
<li><a href="/mailing-lists.html#plug-discuss">les discussions courantes</a></li>
<li><a href="/mailing-lists.html#plug-tech">les discussions techniques</a></li>
</ul>
</div>
<div id="nav-irc" class="nav-block">
<h3>canal <abbr title="Internet Relay Chat">IRC</abbr></h3>
retrouvez nous à <a href="irc://irc.freenode.net/%23plugfr" rel="external" class="irc">#plugfr</a> sur Freenode
</div>
<div id="nav-misc" class="nav-block">
<h3>et aussi</h3>
<ul>
<li>le <a href="/articles.atom" rel="feed">flux RSS des articles</a></li>
<li><a href="http://twitter.com/plugfr" rel="external" title="Twitter">@plugfr</a> sur Twitter</li>
<li><a href="http://www.plugfr.org/wiki/" rel="external">Wiki</a></li>
<li><a href="http://planet.plugfr.org/" rel="external">PlanetPlug</a></li>
</ul>
</div>
<div id="nav-archives" class="nav-block">
<h3>archives</h3>
<form id="archives-search">
<input type="search" name="q" id="search-field" value="" placeholder="recherche dans le site" tabindex="1" />
</form>
<div class="nav-subcol first">
<h4>par catégories</h4>
<ul id="archives-categories">
<li><a href="" title="les articles de la catégorie 'emploi'">emploi</a></li>
<li><a href="" title="les articles de la catégorie 'réunions'">réunions</a></li>
<li><a href="" title="les articles de la catégorie 'informations'">informations</a></li>
</ul>
</div>
<div class="nav-subcol last">
<h4>par années</h4>
<ul id="archives-dates">
<li><a href="/archives.html#2009" title="les articles publiés en 2009">2009</a></li>
<li><a href="/archives.html#2008" title="les articles publiés en 2008">2008</a></li>
<li><a href="/archives.html#2007" title="les articles publiés en 2007">2007</a></li>
<li><a href="/archives.html#2006" title="les articles publiés en 2006">2006</a></li>
<li><a href="/archives.html#2005" title="les articles publiés en 2005">2005</a></li>
<li><a href="/archives.html#2004" title="les articles publiés en 2004">2004</a></li>
<li><a href="/archives.html#2003" title="les articles publiés en 2003">2003</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="nav-map" class="nav-block">
<h3>le plan pour venir</h3>
<a href="http://maps.google.com/maps?f=q&source=s_q&hl=fr&q=la+boate+marseille&sll=43.292345,5.373291&sspn=0.001066,0.002411&ie=UTF8&ll=43.300072,5.373344&spn=0.065089,0.154324&z=13&iwloc=B&cid=4764866130825728813" title="Trouver La Bo[a]te sur Google Maps" rel="external"><img src="img/map_laboate_200x150.gif" alt="Plan pour La Bo[a]te" /></a>
</div>
</nav>
<footer id="main-footer" class="grid_12">
<a href="">mentions légales</a>
•
<a href="/contact.html">contact</a>
•
<a href="">à propos du PLUG</a>
•
<a href="">…</a>
</footer>
<div class="clear"></div>
</div>
<script src="/js/main.js" type="text/javascript" charset="utf-8" defer="defer"></script>
</body>
</html>