-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (111 loc) · 6.21 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
<!DOCTYPE HTML>
<html lang="fr">
<head>
<title>2023</title>
<link rel="shortcut icon" href="https://tim-montmorency.com/public/img/favicons/favicon.ico">
<meta name="description"
content="Projets de fin d’études des finissant.e.s de Techniques d’intégration multimédia du Collège Montmorency.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&family=Quicksand:wght@300;400;600;700&display=swap"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style-page-principale.css">
<meta property="og:title" content="2023 - Une expérience interactive TIM" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://tim-montmorency.com/2023/" />
<meta property="og:image" content="https://tim-montmorency.com/2023/medias/banniere_facebook_1200_630.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:description"
content="Projets de fin d’études 2023 des finissant.e.s de Techniques d’intégration multimédia du Collège Montmorency." />
<link rel="apple-touch-icon" sizes="180x180"
href="https://tim-montmorency.com/public/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32"
href="https://tim-montmorency.com/public/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16"
href="https://tim-montmorency.com/public/img/favicons/favicon-16x16.png">
<link rel="manifest" href="https://tim-montmorency.com/public/img/favicons/site.webmanifest">
<link rel="mask-icon" href="https://tim-montmorency.com/public/img/favicons/safari-pinned-tab.svg" color="#ff003a">
</head>
<body>
<div id="page" class="home">
<header class="container">
<div class="row">
<h1><a href="index.html" id="logo"><svg class="logo-tim" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1202.33 303.71">
<circle cx="1113.33" cy="161.28" r="89"></circle>
<path
d="M785.69 166.81l16.26 16.26 16.26-16.26L930.56 54.46v226.25h-257V54.67l112.13 112.14zM650.56.71v303h303V.71h-1.77L801.95 150.54 652.12.71h-1.56zM324.48.46v303h303V.46h-303zm129.93 129.93c-13.08 13.08-13.08 34.29 0 47.38 9.41 9.41 23.02 12.05 34.79 7.92l94.77 94.77H347.48v-257h257v236.49l-94.77-94.77c4.13-11.77 1.48-25.39-7.92-34.79-13.09-13.08-34.3-13.08-47.38 0zM206.47 0L0 206.48V303h303V0h-96.53zM23 280v-64l85.62-85.62 119.87 119.87L249 229.74 129.13 109.87 216 23h64v257H23z">
</path>
</svg> <span class="nom-evenement">Mycélium</span></a></h1>
<p style="margin:20;">Projets synthèse des finissants en techniques d'intégration multimédia du collège Montmorency.</p>
<p style="margin:0;">Réseau de filaments essentiel à la vie d’un champignon, Mycélium, est l’un des mots-clés de notre existence. Cette connexion immuable entre l’être humain et son écosystème, ainsi que ce désir inné de comprendre et d’être compris sont au cœur même de nos inspirations. Comment interagissons-nous avec notre environnement ? Comment interagissons-nous avec la technologie ? Comment interagissons-nous avec nous-mêmes ? Ce réseau de filaments indescriptible est aussi ce qui nous rassemble à un seul et même endroit.</p>
</div>
</header>
<main>
<section class="container">
<div class="row gy-4">
<div class="col-12 col-sm-6 col-lg-4">
<a class="projet" href="projets/EDRIA/docs/index.html">
<img src="projets/EDRIA/docs/medias/couverture.png" alt="Projet 2" class="img-fluid">
<div class="desc_projet">
<h2>EDRIA</h2>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<a class="projet" href="projets/Nexum/docs/index.html">
<img src="projets/Nexum/docs/medias/couverture.png" alt="Projet 4" class="img-fluid">
<div class="desc_projet">
<h2>Nexum</h2>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<a class="projet" href="projets/LumaSol/docs/index.html">
<img src="projets/LumaSol/docs/medias/couverture.png" alt="Projet 3" class="img-fluid">
<div class="desc_projet">
<h2>Luma Sol</h2>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<a class="projet" href="projets/Zodie-Gal/docs/index.html">
<img src="projets/Zodie-Gal/docs/medias/couverture.png" alt="Projet 5" class="img-fluid">
<div class="desc_projet">
<h2>Zodie-Gal</h2>
</div>
</a>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<a class="projet" href="projets/Echomarine/docs/index.html">
<img src="projets/Echomarine/docs/medias/couverture.png" alt="Projet 1" class="img-fluid">
<div class="desc_projet">
<h2>Echomarine</h2>
</div>
</a>
</div>
</div>
</section>
<br>
<section class="container">
<div class="row">
<p>Nous, les finissantes et finissants en Techniques d’intégration multimédia, vous invitons à venir vous rassembler autour de nos projets de synthèse de programme. Nous avons conceptualisé et réalisé des installations interactives et des parcours multimédias qui sont présentés du 20 au 23 mars dans les espaces publics extérieurs du collège (devant la porte 1), ainsi que dans nos studios (local C-1710-12).</p>
</section>
</div>
</main>
<footer>
© <a href="https://www.cmontmorency.qc.ca" target="_blank">Collège Montmorency</a> | <a
href="https://tim-montmorency.com/" target="_blank">TIM Montmorency 2023</a>
</footer>
</div>
<div class="banniere-bg"></div>
<div class="grille-bg"></div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>
</html>