groupe1cir1n/groupe1cir1n.github.io
1
0
Fork 0
mirror of https://github.com/groupe1cir1n/groupe1cir1n.github.io.git synced 2026-01-18 16:37:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

Old repo: https://github.com/BreizhHardware/groupe1CIR1N

Browse Source
This commit is contained in:
Félix MARQUET
2022-12-23 18:16:26 +01:00
parent 229d6cdcbe
commit 0229fe8c31
13 changed files with 397 additions and 396 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
README.md
View File

@@ -1,9 +1,10 @@
# groupe1CIR1N
Bienvenu dans ce projet, il s'agit d'un projet fait dans le cadre de notre formation a l'ISEN Yncréa Ouest.
L'objectif de ce projet est la création d'un site web pour l’équipe VISION-AD du L@bISEN
Les compétences travaillées sont:
- La création et l'intégration de maquette (Figma)
- HTML
- CSS
- Le déploiement d’un site web via Github pages
- Présentation/valorisation d’un projet technique
# groupe1CIR1N
Bienvenu dans ce projet, il s'agit d'un projet fait dans le cadre de notre formation a l'ISEN Yncréa Ouest.
L'objectif de ce projet est la création d'un site web pour l’équipe VISION-AD du L@bISEN
Les compétences travaillées sont:
- La création et l'intégration de maquette (Figma)
- HTML
- CSS
- Le déploiement d’un site web via Github pages
- Présentation/valorisation d’un projet technique
(Ancien repo github: https://github.com/BreizhHardware/groupe1CIR1N)

108
index.html
View File

@@ -1,54 +1,54 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> Accueil </title>
<link rel="stylesheet" href="src/css/navbar.css">
<link rel="stylesheet" href="src/css/footer.css">
<link rel="stylesheet" href="src/css/style.css">
</head>
<body>
<div class="navbar">
<a href="index.html">Accueil</a>
<div class="dropdown">
<button class="dropbtn">Recherche</button>
<div class="dropdown-content">
<a href="recherche.html">Thématique de recheche</a>
<a href="platoformetecho.html">Platformes technologiques</a>
</div>
</div>
<a href="membres.html">Membres</a>
<a href="projets.html">Projets</a>
<a href="partenaires.html">Partenaires</a>
<a href="publications.html">Publications</a>
<div class="dropdown">
<button class="dropbtn">Info et contacts</button>
<div class="dropdown-content">
<a href="contacts.html">Contactez-nous</a>
<a href="plan.html">Plan d'accès</a>
<a href="emplois.html">Offre d'emplois</a>
</div>
</div>
</div>
<img src="src/img/LabISEN.png" alt="Logo du LabISEN">
<footer>
<div class="foot">
<p>
ISEN Nantes: 33 Q Avenue du Champ de Manœuvres,<br> 44470 Carquefou <br>+33(0)2 30 13 05 60
</p>
<p>
ISEN Rennes: Campus RSB 2, rue Robert d'Arbrissel,<br> 35065 Rennes <br>+33(0)2 30 13 02 50
</p>
<p>
ISEN Brest: 20 rue du Cuirassé,<br> Brest 29200 <br>+33(0)2 98 03 84 00
</p>
<p>
ISEN Caen: 8 Avenue Croix Guérin,<br> 14000 CAEN <br>+33(0)2 30 31 03 20
</p>
</div>
<div class="copyright">
<p id="item1">Created by <a href="#" class="copya">Clément Brossaud</a> and <a href="https://github.com/BreizhHardware/" class="copya">Félix Marquet</a></p>
</div>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> Accueil </title>
<link rel="stylesheet" href="src/css/navbar.css">
<link rel="stylesheet" href="src/css/footer.css">
<link rel="stylesheet" href="src/css/style.css">
</head>
<body>
<div class="navbar">
<a href="index.html">Accueil</a>
<div class="dropdown">
<button class="dropbtn">Recherche</button>
<div class="dropdown-content">
<a href="recherche.html">Thématique de recheche</a>
<a href="platoformetecho.html">Platformes technologiques</a>
</div>
</div>
<a href="membres.html">Membres</a>
<a href="projets.html">Projets</a>
<a href="partenaires.html">Partenaires</a>
<a href="publications.html">Publications</a>
<div class="dropdown">
<button class="dropbtn">Info et contacts</button>
<div class="dropdown-content">
<a href="contacts.html">Contactez-nous</a>
<a href="plan.html">Plan d'accès</a>
<a href="emplois.html">Offre d'emplois</a>
</div>
</div>
</div>
<img src="src/img/LabISEN.png" alt="Logo du LabISEN">
<footer>
<div class="foot">
<p>
ISEN Nantes: 33 Q Avenue du Champ de Manœuvres,<br> 44470 Carquefou <br>+33(0)2 30 13 05 60
</p>
<p>
ISEN Rennes: Campus RSB 2, rue Robert d'Arbrissel,<br> 35065 Rennes <br>+33(0)2 30 13 02 50
</p>
<p>
ISEN Brest: 20 rue du Cuirassé,<br> Brest 29200 <br>+33(0)2 98 03 84 00
</p>
<p>
ISEN Caen: 8 Avenue Croix Guérin,<br> 14000 CAEN <br>+33(0)2 30 31 03 20
</p>
</div>
<div class="copyright">
<p id="item1">Created by <a href="#" class="copya">Clément Brossaud</a> and <a href="https://github.com/BreizhHardware/" class="copya">Félix Marquet</a></p>
</div>
</footer>
</body>
</html>

106
platoformetecho.html
View File

@@ -1,54 +1,54 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> Platformes technologiques </title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="src/css/navbar.css">
<link rel="stylesheet" href="src/css/footer.css">
</head>
<body>
<div class="navbar">
<a href="index.html">Accueil</a>
<div class="dropdown">
<button class="dropbtn">Recherche</button>
<div class="dropdown-content">
<a href="recherche.html">Thématique de recheche</a>
<a href="platoformetecho.html">Platformes technologiques</a>
</div>
</div>
<a href="membres.html">Membres</a>
<a href="projets.html">Projets</a>
<a href="partenaires.html">Partenaires</a>
<a href="publications.html">Publications</a>
<div class="dropdown">
<button class="dropbtn">Info et contacts</button>
<div class="dropdown-content">
<a href="contacts.html">Contactez-nous</a>
<a href="plan.html">Plan d'accès</a>
<a href="emplois.html">Offre d'emplois</a>
</div>
</div>
</div>
<img src="src/img/LabISEN.png" alt="Logo du LabISEN">
<footer>
<div class="foot">
<p>
ISEN Nantes: 33 Q Avenue du Champ de Manœuvres,<br> 44470 Carquefou <br>+33(0)2 30 13 05 60
</p>
<p>
ISEN Rennes: Campus RSB 2, rue Robert d'Arbrissel,<br> 35065 Rennes <br>+33(0)2 30 13 02 50
</p>
<p>
ISEN Brest: 20 rue du Cuirassé,<br> Brest 29200 <br>+33(0)2 98 03 84 00
</p>
<p>
ISEN Caen: 8 Avenue Croix Guérin,<br> 14000 CAEN <br>+33(0)2 30 31 03 20
</p>
</div>
<div class="copyright">
<p id="item1">Created by <a href="#" class="copya">Clément Brossaud</a> and <a href="https://github.com/BreizhHardware/" class="copya">Félix Marquet</a></p>
</div>
</footer>
</body>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> Platformes technologiques </title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="src/css/navbar.css">
<link rel="stylesheet" href="src/css/footer.css">
</head>
<body>
<div class="navbar">
<a href="index.html">Accueil</a>
<div class="dropdown">
<button class="dropbtn">Recherche</button>
<div class="dropdown-content">
<a href="recherche.html">Thématique de recheche</a>
<a href="platoformetecho.html">Platformes technologiques</a>
</div>
</div>
<a href="membres.html">Membres</a>
<a href="projets.html">Projets</a>
<a href="partenaires.html">Partenaires</a>
<a href="publications.html">Publications</a>
<div class="dropdown">
<button class="dropbtn">Info et contacts</button>
<div class="dropdown-content">
<a href="contacts.html">Contactez-nous</a>
<a href="plan.html">Plan d'accès</a>
<a href="emplois.html">Offre d'emplois</a>
</div>
</div>
</div>
<img src="src/img/LabISEN.png" alt="Logo du LabISEN">
<footer>
<div class="foot">
<p>
ISEN Nantes: 33 Q Avenue du Champ de Manœuvres,<br> 44470 Carquefou <br>+33(0)2 30 13 05 60
</p>
<p>
ISEN Rennes: Campus RSB 2, rue Robert d'Arbrissel,<br> 35065 Rennes <br>+33(0)2 30 13 02 50
</p>
<p>
ISEN Brest: 20 rue du Cuirassé,<br> Brest 29200 <br>+33(0)2 98 03 84 00
</p>
<p>
ISEN Caen: 8 Avenue Croix Guérin,<br> 14000 CAEN <br>+33(0)2 30 31 03 20
</p>
</div>
<div class="copyright">
<p id="item1">Created by <a href="#" class="copya">Clément Brossaud</a> and <a href="https://github.com/BreizhHardware/" class="copya">Félix Marquet</a></p>
</div>
</footer>
</body>
</html>

88
src/css/footer.css
View File

@@ -1,45 +1,45 @@
footer{
position: absolute;
width: 1878px;
height: 145px;
left: 21px;
/*top: 760px;*/
font-family: Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #FFFFFF;
background-color: #48435C;
border-radius: 20px;
}
.foot{
display: flex;
flex-direction: row;
text-align: center;
padding: 2em;
flex-grow: 1;
align-items: center;
justify-content: space-between;
}
.copyright{
display: grid;
grid-template-columns: 1fr 510px 1fr;
text-align: center;
color: #ffffff;
}
.copya{
color: white;
text-decoration: none;
}
.copya:visited{
color: white;
text-decoration: none;
}
#item1{
grid-column-start: 2;
grid-column-end: 3;
footer{
position: absolute;
width: 1878px;
height: 145px;
left: 21px;
/*top: 760px;*/
font-family: Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #FFFFFF;
background-color: #48435C;
border-radius: 20px;
}
.foot{
display: flex;
flex-direction: row;
text-align: center;
padding: 2em;
flex-grow: 1;
align-items: center;
justify-content: space-between;
}
.copyright{
display: grid;
grid-template-columns: 1fr 510px 1fr;
text-align: center;
color: #ffffff;
}
.copya{
color: white;
text-decoration: none;
}
.copya:visited{
color: white;
text-decoration: none;
}
#item1{
grid-column-start: 2;
grid-column-end: 3;
}

6
src/css/style.css
View File

@@ -1,4 +1,4 @@
img{
width: 250px;
height: 100px;
img{
width: 250px;
height: 100px;
}

14
src/css/style_contacts.css
View File

@@ -1,8 +1,8 @@
body{
font-family: Arial, sans-serif;
}
img{
width: 250px;
height: 100px;
body{
font-family: Arial, sans-serif;
}
img{
width: 250px;
height: 100px;
}

54
src/css/style_emplois.css
View File

@@ -1,28 +1,28 @@
body{
font-family: Arial, sans-serif;
}
h1{
margin-left: 2em;
font-size: 32px;
}
#ptext{
margin-left: 3em;
font-size: 24px;
}
#ultext{
margin-left: 4em;
font-size: 24px;
}
#pdf1{
width: 17px;
height: 23px;
}
img{
width: 250px;
height: 100px;
body{
font-family: Arial, sans-serif;
}
h1{
margin-left: 2em;
font-size: 32px;
}
#ptext{
margin-left: 3em;
font-size: 24px;
}
#ultext{
margin-left: 4em;
font-size: 24px;
}
#pdf1{
width: 17px;
height: 23px;
}
img{
width: 250px;
height: 100px;
}

236
src/css/style_membres.css
View File

@@ -1,119 +1,119 @@
body{
font-family: Arial, sans-serif;
}
img{
width: 250px;
height: 100px;
}
.cardImg{
margin-top: 1em;
width: 10em;
height: 10em;
margin-left: 5em;
border-radius: 50%;
}
.CardDesc{
color: #898989;
text-align: center;
}
.BigCard{
border: 1px solid black;
display: flex;
flex-direction: column;
width: 20em;
}
.SmallCard{
border: 1px solid black;
display: flex;
flex-direction: column;
width: 20em;
margin-left: 50em;
}
.line{
height: 1px;
background: black;
margin-left: 1em;
margin-right: 1em;
margin-bottom: 1em;
}
.Icons{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.icon{
margin: 0 10px;
height: 3em;
width: auto;
}
.Tags{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 3em 3em 3em;
}
.tag1{
background-color: #6F737C;
color: white;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 10px;
margin: 1em;
text-align: center;
border-radius: 5px;
}
.tag2{
background-color: #6F737C;
color: white;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 10px;
margin: 1em;
text-align: center;
border-radius: 5px;
}
.tag3{
background-color: #6F737C;
color: white;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 10px;
margin: 1em;
text-align: center;
border-radius: 5px;
}
.BigCardFlex{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 5em;
}
h2{
text-align: center;
}
.BigCardHover:hover{
background-color: #555555;
color: white;
body{
font-family: Arial, sans-serif;
}
img{
width: 250px;
height: 100px;
}
.cardImg{
margin-top: 1em;
width: 10em;
height: 10em;
margin-left: 5em;
border-radius: 50%;
}
.CardDesc{
color: #898989;
text-align: center;
}
.BigCard{
border: 1px solid black;
display: flex;
flex-direction: column;
width: 20em;
}
.SmallCard{
border: 1px solid black;
display: flex;
flex-direction: column;
width: 20em;
margin-left: 50em;
}
.line{
height: 1px;
background: black;
margin-left: 1em;
margin-right: 1em;
margin-bottom: 1em;
}
.Icons{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.icon{
margin: 0 10px;
height: 3em;
width: auto;
}
.Tags{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 3em 3em 3em;
}
.tag1{
background-color: #6F737C;
color: white;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 10px;
margin: 1em;
text-align: center;
border-radius: 5px;
}
.tag2{
background-color: #6F737C;
color: white;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 10px;
margin: 1em;
text-align: center;
border-radius: 5px;
}
.tag3{
background-color: #6F737C;
color: white;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-size: 10px;
margin: 1em;
text-align: center;
border-radius: 5px;
}
.BigCardFlex{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 5em;
}
h2{
text-align: center;
}
.BigCardHover:hover{
background-color: #555555;
color: white;
}

14
src/css/style_partenaires.css
View File

@@ -1,8 +1,8 @@
body{
font-family: Arial, sans-serif;
}
img{
width: 250px;
height: 100px;
body{
font-family: Arial, sans-serif;
}
img{
width: 250px;
height: 100px;
}

60
src/css/style_plan.css
View File

@@ -1,31 +1,31 @@
body{
font-family: Arial, sans-serif;
}
#main{
margin-left: 2em;
margin-right: 2em;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-grow: 1;
gap: 20px;
}
.titre{
color: #2F68BF;
font-style: normal;
font-weight: 400;
font-size: 32px;
}
.text{
font-style: normal;
font-size: 17px;
}
img{
width: 250px;
height: 100px;
body{
font-family: Arial, sans-serif;
}
#main{
margin-left: 2em;
margin-right: 2em;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-grow: 1;
gap: 20px;
}
.titre{
color: #2F68BF;
font-style: normal;
font-weight: 400;
font-size: 32px;
}
.text{
font-style: normal;
font-size: 17px;
}
img{
width: 250px;
height: 100px;
}

60
src/css/style_projets.css
View File

@@ -1,31 +1,31 @@
body{
font-family: Arial, sans-serif;
}
h1{
margin-left: 2em;
font-size: 32px;
}
h2{
margin-left: 1em;
font-size: 24px;
}
.projet{
margin-left: 7em;
margin-right: 7em;
background-color: #D9D9D9;
padding-left: 0.5em;
padding-bottom: 0.5em;
}
.imgpprojet{
display: flex;
flex-direction: row;
}
img{
width: 250px;
height: 100px;
body{
font-family: Arial, sans-serif;
}
h1{
margin-left: 2em;
font-size: 32px;
}
h2{
margin-left: 1em;
font-size: 24px;
}
.projet{
margin-left: 7em;
margin-right: 7em;
background-color: #D9D9D9;
padding-left: 0.5em;
padding-bottom: 0.5em;
}
.imgpprojet{
display: flex;
flex-direction: row;
}
img{
width: 250px;
height: 100px;
}

14
src/css/style_publications.css
View File

@@ -1,8 +1,8 @@
body{
font-family: Arial, sans-serif;
}
img{
width: 250px;
height: 100px;
body{
font-family: Arial, sans-serif;
}
img{
width: 250px;
height: 100px;
}

14
src/css/style_recherche.css
View File

@@ -1,8 +1,8 @@
body{
font-family: Arial, sans-serif;
}
img{
width: 250px;
height: 100px;
body{
font-family: Arial, sans-serif;
}
img{
width: 250px;
height: 100px;
}