jan/e59-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update 5 files

Browse Source 
- /html/index.php
- /html/index.html
- /html/src/css/style.css
- /html/src/img/athena-mono.png
- /html/src/img/favicon.ico
This commit is contained in:
Jan BELLON 2024-03-06 15:43:34 +00:00
parent 026d0246d3
commit 473e4ddfaf
5 changed files with 102 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
html/index.html Normal file
View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./src/css/style.css">
<title>Club Réseaux</title>
</head>
<body>
<header>
<div class="athena-container">
<a href="/">
<img src="./src/img/athena-mono.png" class="athena">
</a>
</div>
<div class="content">
<div>
<div class="main-title">
<div class="title">E59</div>
<div class="subtitle">Club Réseaux</div>
</div>
<nav>
<!-- BARRE DE NAV -->
</nav>
</div>
</div>
</header>
<main>
<div class="content">
<div>
<div>
<h1>Club Réseaux</h1>
<h2>Qui sommes nous ?</h2>
<div>Nous sommes un petit groupe d'étudiants en BUT Réseaux et Télécoms à l'IUT de Vélizy passionnés par l'informatique et les réseaux.</div>
<div>Nous avons mis en place une infrastructure informatique afin de pouvoir développer des projets informatiques.</div>
</div>
</div>
</div>
</main>
<footer>
<div class="content">
<div>
<div>© 2024 - E59</div>
</div>
</div>
</footer>
</body>
</html>

11
html/index.php
View File

@ -1,11 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Club Réseaux</title>
</head>
<body>
<div>Hello</div>
</body>
</html>

54
html/src/css/style.css Normal file
View File

@ -0,0 +1,54 @@
:root {
--text: #e9e9e9;
--background: #3a3a3a;
--dark-background: #242424;
}
body {
font-family: Bahnschrift;
color: var(--text);
margin: 0;
}
main {
background: var(--background);
width: 100%;
margin: 0;
min-height: 100em;
}
header, footer {
width: 100%;
margin: 0;
background: var(--dark-background);
display: flex;
justify-content: space-between;
}
.content {
width: 60%;
margin: 0 auto;
padding-top: 2em;
}
.athena-container {
padding: 1em;
}
.athena {
height: 7em;
margin-left: 1em;
border-radius: 3.5em;
}
.athena:hover {
box-shadow: 0 0 15px rgba(255, 255, 255, 0.322);
}
.main-title {
text-align: right;
}
.main-title .title {
font-size: 3em;
}

BIN
html/src/img/athena-mono.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
html/src/img/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB