website/membres.html at master · jebif/website · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<title>Jeunes Bioinformaticiens de France JeBiF</title>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="styles.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	</head>
	<body>
		<header>
			<div id="logo">
				<a href="#"><img src="IMG/logo10ans_test.png" alt="JeBiF" id="logoJeBiFhead" /></a>
			</div>
			<div id="titreSite">
				<h1>RSG France - JeBiF</h1>
				<p>Association des Jeunes Bioinformaticiens de France</p>
				<p>ISCB SC Regional Student Group France</p>
			</div>
			<p id="lienespacemembre"><a href="membres.html">Espace membres | Adhérer</a></p>
		</header>

		<nav>
			<a href="index.html">Revenir sur le site web de JeBiF</a>
		</nav>

		<section id="contentmembres">
			<h1>Bienvenue sur l'espace membres de JeBiF</h1>

			<section id="adherer">
				<h1><i class="fa fa-address-card-o"></i>Adhérer</h1>
				<p>Vous êtes interessé·e par JeBiF et vous voulez en faire partie ? Rien de plus simple : Il suffit d'entrer votre adresse mail ci-dessous. On vous posera ensuite quelques questions, et en 5 min c'est fait :).</p>

				<form action="" method="post" class="adherer">
					<input type="email" id="emailAddress" placeholder="Email">
					<input type="submit" value="Adhérer">
				</form>

				<h2>À quoi ça sert d'adhérer ?</h2>
				<p>Adhérer à l'association c'est :
				<ul>
					<li>Devenir membre de l'association</li>
					<li>La possibilité de prendre part à la vie et aux décisions de l'association</li>
					<li>Rejoindre un réseau international</li>
					<li>Donner du poids à l'association, ce qui facilite ses démarches</li>
				</ul></p>

				<p>L'adhésion est <b>gratuite</b>.</p>

				<p>Une fois adhérent, vous pourrez, si vous le souhaitez, devenir bénévole, mais ce n'est pas obligatoire ;-).</p>

			</section>

			<section id="login">
				<h1><i class="fa fa-sign-in"></i>S'identifier</h1>
				<p>Vous êtes (ou avez été) membre de l'association, ou avez participé au concours BioInfuse ? Pour accéder à l'espace membres, identifiez-vous avec votre mail et votre mot de passe.</p>
				<form action="" method="post" class="login">
					<input type="email" id="emailAddress"  placeholder="Email">
					<input type="password" id="password" placeholder="Mot de passe">
					<input type="submit" value="Se connecter">
				</form>
			</section>


		</section>