fofana/Projet_Web
3
2
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: fofana:d387f55284ed4b9f4fab2f55101eabdb7ce2679f
Branches Tags
fofana:master
fofana:Bafo
..
compare: fofana:5eea549e28a9b57b7a25292ab820a0d1ee21e4ec
Branches Tags
fofana:master
fofana:Bafo

No commits in common. "d387f55284ed4b9f4fab2f55101eabdb7ce2679f" and "5eea549e28a9b57b7a25292ab820a0d1ee21e4ec" have entirely different histories.
d387f55284 ... 5eea549e28

3 changed files with 19 additions and 10 deletions
Show stats Expand all files Collapse all files

4
Page1.html
View file

@ -5,11 +5,12 @@
<link rel="stylesheet" href="style.css" type="text/css"> <link rel="stylesheet" href="style.css" type="text/css">
<html> <html>
<head> <head>
<title>Projet Web</title> <title>7 Continents</title>
</head> </head>
<body> <body>
<header> <header>
<img src="images/globe.png" alt="Globe Logo" width="50px" />
<nav> <nav>
<a href="Page1.html">Home</a> <a href="Page1.html">Home</a>
<a href="Puissance4.html">Puissance 4</a> <a href="Puissance4.html">Puissance 4</a>
@ -22,6 +23,7 @@
<section> <section>
<article> <article>
<div class="list"> <div class="list">
<a href="Page1.html">Home</a>
<a href="Puissance4.html">Puissance 4</a> <a href="Puissance4.html">Puissance 4</a>
<a href="Morpion.html">Morpion</a> <a href="Morpion.html">Morpion</a>
<a href="Snake.html">Snake</a> <a href="Snake.html">Snake</a>

11
Puissance4.html
View file

@ -5,11 +5,12 @@
<link rel="stylesheet" href="style.css" type="text/css"> <link rel="stylesheet" href="style.css" type="text/css">
<html> <html>
<head> <head>
<title>Puissance 4</title> <title>7 Continents</title>
</head> </head>
<body> <body>
<header> <header>
<img src="images/globe.png" alt="Globe Logo" width="50px" />
<nav> <nav>
<a href="Page1.html">Home</a> <a href="Page1.html">Home</a>
<a href="Puissance4.html">Puissance 4</a> <a href="Puissance4.html">Puissance 4</a>
@ -22,8 +23,12 @@
<section> <section>
<article> <article>
<div class="list"> <div class="list">
<a href="Page1.html">Home</a>
</div> <a href="Puissance4.html">Puissance 4</a>
<a href="Morpion.html">Morpion</a>
<a href="Snake.html">Snake</a>
<a href="JustePrix.html">Juste Prix</a>
</ul>
</article> </article>
</section> </section>
</main> </main>

12
style.css
View file

@ -1,10 +1,13 @@
header header
{ {
display: flex; display: flex;
justify-content: center; justify-content: flex-end;
align-items: center;
background-color: white; background-color: white;
padding: 1em; padding-left: 0.5em;
margin: 0 -5px; padding-right: 0.5em;
padding-top:0.1em;
row-gap: 50px;
} }
img img
{ {
@ -24,7 +27,6 @@ a
text-decoration: none; text-decoration: none;
color: grey; color: grey;
font-size: 1.2em; font-size: 1.2em;
margin: 0 5px;
} }
section section
{ {
@ -49,7 +51,7 @@ article
} }
.list{ .list{
display: grid; display: grid;
grid-template-columns: repeat(2,1fr); grid-template-columns: repeat(3,1fr);
gap: 1em; gap: 1em;
padding: 1em; padding: 1em;
} }