-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
77 lines (73 loc) · 5.01 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
<!DOCTYPE html>
<html>
<head>
<title> Association MMI </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<!-- Include CSS sheets -->
<link rel="stylesheet" href="./assets/css/reset.css" />
<link rel="stylesheet" href="./assets/css/style.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
</head>
<body>
<div id="head">
<header class="bg-skew">
<img src="./assets/img/logo.svg" alt="logo"/>
<nav>
<a href="#presentation">Présentation association</a>
<a href="#formation">Formation</a>
<a href="#membres">Membres</a>
</nav>
</header>
</div>
<section id="presentation">
<img src="./assets/img/pres1.jpg" alt=""/>
<article>
<h2>Présentation de l'association</h2>
<p>L'association des Anciens étudiants MMI/SRC est une association qui réuni les anciennes et récentes promotions de MMI/SRC. Elle a pour but de créer une communauté de personnes aux passions et intérêts communs, dans des dimensions professionnelles, sociales et intéractives.</p><br/>
<p>L'association a aussi pour objectif de mettre en relation étudiants et professionnels au travers d'évènements (sorties ludiques, réunion annuelle, soirées, activités inter-générationnelles, etc), des réseaux sociaux et par le biais d'un site unique, où sont répertoriés les membres, leurs caractéristiques et leurs contacts.</p><br />
<p>L'association possède des valeurs de partage et d'échange, une forte valeur communautaire et d'une certaine manière une valeur sociale humaine.</p>
</article>
</section>
<section id="formation">
<article>
<h2>La formation MMI</h2>
<p>Vous aimez tout ce qui touche à l’image, la communication, internet, l’informatique. Vous êtes intéressés par les nouveaux médias, ouverts à l’art, passionnés par les nouvelles technologies, intrigués par la publicité, impliqués dans le jeu vidéo, attachés au cinéma…</p>
<p>La formation MMI vous permet d’explorer ces centres d’intérêt et de vous spécialiser dans un domaine porteur et attractif.</p><br />
<p>Cette formation est ouverte à tous les bacs et résolument pluridisciplinaire. Elle apprend aux étudiants à communiquer, concevoir et réaliser des supports de communication, à créer des sites web, développer des produits graphiques, monter et gérer des réseaux, réaliser un produit audiovisuel, mener à bien un projet multimédia, de sa conception à sa diffusion.</p>
<p>MMI Angoulême est un département récent, logé dans un bâtiment neuf, doté de nombreux équipements et intégré au campus de l’image d’Angoulême. Un cadre agréable pour des études dans un domaine de pointe dans une ambiance à la fois conviviale et dynamique, marquée par l’esprit d’équipe, l’entraide et la volonté de réussir.</p>
<br />
<p>C'est cela l'esprit MMI.</p>
<a class="button" href="https://www.parcoursup.fr/index.php?desc=comment">Postuler pour le DUT MMI à Angoulême</a>
</article>
</section>
<section id="membres">
<h2>Les membres</h2>
<p>Découvrez les membres de l'association et anciens étudiants du DUT, leurs caractéristiques et leurs contacts.</p>
<article>
<div id="details">
<img src="" alt=""/>
<h3></h3>
<h3>Passez votre souris sur une photo !</h3>
</div>
<div id="listeMembre"></div>
</article>
</section>
<footer>
<p>© 2018 - Tous droits réservés</p>
<nav id="nav_footer">
<p><a href="./legal-mentions.html">Mentions légales </a> - <a href=""> Nous contacter</a></p>
</nav>
<div id="redirections">
<a href="http://webtv.mmi-angouleme.fr/"><img src="./img/logoWebTV.png" alt="WebTVlogo" /></a>
<a href="https://iut-angouleme.univ-poitiers.fr/"><img src="./img/logoIUT.jpg" alt="IUTlogo" /></a>
<a href="http://www.univ-poitiers.fr/"><img src="./img/logoUniv.png" alt="Univlogo"/></a>
</div>
</footer>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="./assets/js/script.js"></script>
</body>
</html>