|
1
|
<!DOCTYPE html>
|
|
2
|
<html lang="fr">
|
|
3
|
<head>
|
|
4
|
<meta charset="utf-8"/>
|
|
5
|
<title>APS42 — Accueil</title>
|
|
6
|
<link rel="stylesheet" type="text/css" media="all" href="css/style.css"/>
|
|
7
|
<script src="js/jquery-1.7.2.min.js"></script>
|
|
8
|
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
|
9
|
<script>
|
|
10
|
$(function() {
|
|
11
|
$('#service-links a').click(function() {
|
|
12
|
$('#header span').text($(this).text());
|
|
13
|
$('#service-links a').removeClass('active');
|
|
14
|
$(this).addClass('active');
|
|
15
|
});
|
|
16
|
$('#service-links a.cmpp').click(function() {
|
|
17
|
$('#splash').removeClass().addClass('cmpp');
|
|
18
|
$('#dossiers a').attr('href', 'dossiers.html');
|
|
19
|
$('#facturation a').attr('href', 'facturation.html');
|
|
20
|
});
|
|
21
|
$('#service-links a.camsp').click(function() { $('#splash').removeClass().addClass('camsp'); });
|
|
22
|
$('#service-links a.sessad-ted').click(function() {
|
|
23
|
$('#splash').removeClass().addClass('sessad-ted');
|
|
24
|
$('#dossiers a').attr('href', 'sessad-dossiers.html');
|
|
25
|
$('#facturation a').attr('href', 'sessad-facturation.html');
|
|
26
|
});
|
|
27
|
$('#service-links a.sessad-dys').click(function() { $('#splash').removeClass().addClass('sessad-dys'); });
|
|
28
|
});
|
|
29
|
</script>
|
|
30
|
</head>
|
|
31
|
<body>
|
|
32
|
<div id="wrap-large">
|
|
33
|
<div id="header">
|
|
34
|
<h1><a href="accueil.html">APS 42</a></h1>
|
|
35
|
<span>CMPP</span>
|
|
36
|
</div>
|
|
37
|
<div id="splash" class="cmpp">
|
|
38
|
<div id="user-links">
|
|
39
|
<a href="connexion.html">Déconnexion</a>
|
|
40
|
</div>
|
|
41
|
</div>
|
|
42
|
<div id="content">
|
|
43
|
|
|
44
|
<div id="appbar">
|
|
45
|
<h2>Bienvenue</h2>
|
|
46
|
</div>
|
|
47
|
|
|
48
|
<div id="user-info">
|
|
49
|
Votre précédente connexion était le 4 juillet 2012 à 8h05.
|
|
50
|
(<a href="#">changer de mot de passe</a>)
|
|
51
|
</div>
|
|
52
|
|
|
53
|
<div id="service-links">
|
|
54
|
<a class="cmpp active" href="#">CMPP</a>
|
|
55
|
<a class="camsp" href="#">CAMSP</a>
|
|
56
|
<a class="sessad-ted" href="#">SESSAD TED</a>
|
|
57
|
<a class="sessad-dys" href="#">SESSAD DYS</a>
|
|
58
|
</div>
|
|
59
|
|
|
60
|
<ul id="apps">
|
|
61
|
<li id="dossiers"><a href="dossiers.html">Gestion des dossiers</a></li>
|
|
62
|
<li id="calendar"><a href="agenda.html">Agenda</a></li>
|
|
63
|
<li id="actes"><a href="actes.html">Saisie des actes</a></li>
|
|
64
|
<li id="facturation"><a href="facturation.html">Facturation et décompte</a></li>
|
|
65
|
<li id="personnes"><a href="gestion-personnes.html">Gestion des personnes</a></li>
|
|
66
|
<li id="ressources"><a href="gestion-ressources.html">Gestion des ressources</a></li>
|
|
67
|
</ul>
|
|
68
|
|
|
69
|
<br style="clear: both;"/>
|
|
70
|
|
|
71
|
</div>
|
|
72
|
|
|
73
|
<div id="footer">
|
|
74
|
—
|
|
75
|
</div>
|
|
76
|
</div>
|
|
77
|
|
|
78
|
|
|
79
|
</body>
|
|
80
|
</html>
|