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

add snt part

Browse Source
This commit is contained in:
WhyKorp
2023-11-26 15:13:35 +01:00
committed by GitHub
parent e8f40acf69
commit 3318c182e2
13 changed files with 265 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
snt/GCMPatients.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

snt/Marvel.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

snt/accueil.html
+43
View File
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Mon premier site WEB</title>
<link href="styles.css" rel="stylesheet">
<link rel="icon" href="logowhykioh.png">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body class="body">
<header>
<img src="logowhykioh.png" class="logo">
<h1 class="welcome">Accueil HTML</h1>
<div id="menu" class="hidden">
<nav class="nav">
<li class="nav">
<img src="home.png">
<a class="nav" href="index.html">Home</a>
</li>
<li class="nav">
<img src="home.png">
<a class="nav" href="#">Accueil</a>
</li>
<li class="nav">
<img src="notepad.png">
<a class="nav" href="loisirs.html">Mes loisirs</a>
</li>
<li class="nav">
<img src="jumelles.png">
<a class="nav" href="orientation.html">Orientation</a>
</li>
</nav>
</header>
<h2>Mon identité</h2>
<p>Cibot-Noël Noah<br> né le 25 Juillet 2008 à <a href="https://www.limoges.fr/" target="_blank">Limoges</a></p>
<p>Je vis à <a href="https://www.ville-feytiat.fr/" target="_blank">Feytiat</a></p>
<hr>
<h2>Mon image</h2>
<!- - le fichier bannwhykioh.png est enregistré dans le même dossier que votre page HTML - ->
<img width="35%" src="bannwhykioh.png" alt="Mon image ne se charge pas" class="bann">
<h2> Mes Loisirs </h2>
<p>Cliquez sur la page de <a href="loisirs.html">mes loisirs</a></p>
</body>
</html>
snt/bannwhykioh.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 204 KiB

snt/home.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

snt/index.html
+35
View File
@@ -0,0 +1,35 @@
<!doctype html>
<html>
<head>
<title>SiteWeb de la SNT</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="styles.css" rel="stylesheet">
<link rel="icon" href="logowhykioh.png">
</head>
<body>
<header>
<img src="logowhykioh.png" class="logo">
<h1 class="welcome">Site WEB d'exercice de SNT</h1>
<div id="menu" class="hidden">
<nav class="nav">
<li class="nav">
<img src="home.png">
<a class="nav" href="#">Home</a>
</li>
<li class="nav">
<img src="home.png">
<a class="nav" href="accueil.html">Accueil</a>
</li>
<li class="nav">
<img src="notepad.png">
<a class="nav" href="loisirs.html">Mes loisirs</a>
</li>
<li class="nav">
<img src="jumelles.png">
<a class="nav" href="orientation.html">Orientation</a>
</li>
</nav>
</header>
<p>Site WEB créé à l'occasion de l'enseignement du langage html<br>Créé par Cibot-Noël Noah<br>Cliquez sur un des boutons en haut pour naviguer à travers les différentes pages</p>
</body>
</html>
snt/jumelles.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

snt/logowhykioh.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 209 KiB

snt/logoyt.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

snt/loisirs.html
+48
View File
@@ -0,0 +1,48 @@
<!doctype html>
<html>
<head>
<title>Mes loisirs</title>
<link href="styles.css" rel="stylesheet">
<link rel="icon" href="logowhykioh.png">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<header>
<img src="logowhykioh.png" class="logo">
<h1 class="welcome">Mes loisirs</h1>
<div id="menu" class="hidden">
<nav class="nav">
<li class="nav">
<img src="home.png">
<a class="nav" href="index.html">Home</a>
</li>
<li class="nav">
<img src="home.png">
<a class="nav" href="accueil.html">Accueil</a>
</li>
<li class="nav">
<img src="notepad.png">
<a class="nav" href="#">Mes loisirs</a>
</li>
<li class="nav">
<img src="jumelles.png">
<a class="nav" href="orientation.html">Orientation</a>
</li>
</nav>
</header>
<h2>🎈 - Mes activités extra-scolaires</h2>
<p>Hors du lycée je ne partique aucun sport <br>En revanche, chez moi je m'entraine à développer des outils informatiques👨‍💻, <br>comme <a href="http://ruty.ddns.net" target="_blank">Ruty</a> <img width="20px" src="Ruty/logo.png"> (un projet en cours), je code aussi des jeux, <br>et je m'instruit beaucoup sur les réseaux internets.</p>
<hr>
<h2>🎥 - Mon film préféré</h2>
<p>C'est difficile pour moi de choisir un film préféré...<br>Disons plutôt que j'adore la licence <a href="https://www.marvel.com" target="_blank">MARVEL</a> <img width="40px" src="Marvel.png"><br>Chaque film est exeptionel, sauf leurs dernières sorties qui <br>sont moins bien travaillés à mon goût.</p>
<hr>
<h2>📖 - Mon livre préféré</h2>
<div class="book">
<p class="book">J'ai beau ne pas avoir beaucoup lu, j'ai quand même été contraint<br>à lire les livres imposées par la matière française. J'en ai retenu un seul<br>(que j'ai lu en troisème) il s'agit de <a href="https://www.amazon.fr/Patients-Grand-corps-malade/dp/2757841351">Patients</a> de Grand Corps Malade.<br>C'est une autobiographie de lui même où il raconte son séjour à l'hopital,<br>il est plutôt marrant et intéressant.</p>
<img class="book" src="GCMPatients.jpg">
</div>
<footer>
<p class="footer">Sources :<br>Logo de Ruty : Whykioh<br>Logo de Marvel : <a href="https://fr.m.wikipedia.org/wiki/Fichier:Marvel_Logo.svg" target="_blank">Wikipedia</a><br>1ère de couverture Patients : <a href="https://www.amazon.fr/Patients-Grand-corps-malade/dp/2757841351" target="_blank">Amazon</a></p>
</footer>
</body>
</html>
snt/notepad.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

snt/orientation.html
+34
View File
@@ -0,0 +1,34 @@
<!doctype html>
<html>
<head>
<title>Orientation</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="styles.css" rel="stylesheet">
<link rel="icon" href="logowhykioh.png">
</head>
<body>
<header>
<img src="logowhykioh.png" class="logo">
<h1 class="welcome">Orientation</h1>
<div id="menu" class="hidden">
<nav class="nav">
<li class="nav">
<img src="home.png">
<a class="nav" href="index.html">Home</a>
</li>
<li class="nav">
<img src="home.png">
<a class="nav" href="accueil.html">Accueil</a>
</li>
<li class="nav">
<img src="notepad.png">
<a class="nav" href="loisirs.html">Mes loisirs</a>
</li>
<li class="nav">
<img src="jumelles.png">
<a class="nav" href="orientation.html">Orientation</a>
</li>
</nav>
</header>
</body>
</html>
snt/styles.css
+105
View File
@@ -0,0 +1,105 @@
body {
background-color: #3E3E3E;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
a {
color: rgb(165, 208, 246);
}
h1.welcome {
padding-left: 25px;
margin-top: 30px;
}
img.logo {
width: 100px;
height: 100px;
}
header {
background-color: #303030;
width: 100%;
height: 100px;
border-radius: 10px;
display:flex;
}
h1 {
color: white;
}
nav.nav {
text-decoration: none;
list-style-type: none;
display:flex;
justify-content:left;
margin-left: 40px;
}
li.nav {
background-color: #939393;
transition: 0.3s;
margin: 20px;
text-align: center;
height: 70px;
border-radius: 10px;
display: flex;
}
li.nav:hover {
background-color: #b9b9b9;
transition: 0.3s;
}
a.nav {
text-decoration: none;
margin: auto;
color: rgb(0, 0, 0);
font-size: 30px;
font-weight: bolder;
}
img.bann:hover {
background-color: rgb(124, 0, 0);
transition: 0.2s;
height: 40%;
width: 40%;
}
h2.type1 {
padding-top: 20px;
color: white;
font-size: 32px;
text-align: center;
}
footer {
background-color: #303030;
width: 100%;
height: 100px;
border-radius: 10px;
display:flex;
};
p.footer {
padding: 5px;
display: flex;
};
p.book {
display: flex;
};
img.book {
display: flex;
width: 100px
};
div.book {
justify-content:left;
display: flex;
};