Skip to content

Commit

Permalink
ajout de l'actu_infos html
Browse files Browse the repository at this point in the history
  • Loading branch information
@anaelle1531
anaelle1531 committed Mar 25, 2024
0 parents commit c0eac1d
Show file tree
Hide file tree
Showing 10 changed files with 950 additions and 0 deletions.
305 changes: 305 additions & 0 deletions actu_infos.html

Large diffs are not rendered by default.

32 changes: 32 additions & 0 deletions blog.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
a {
text-decoration: none;
}

.navbar {
display: flex;
justify-content: space-between; /*met le h1 à droite et les h2 à gauche*/
background-color: black;
padding: 16px; /*élargit navbar*/
}

.logo_title, .navbar ul li a {
color: white; /* met les écritures en blanc*/
}

.navbar ul {
display: flex;
align-items: center; /* met les écritures à la suite et pas en colonne*/
list-style-type: none; /* enlève les points de la liste*/
}

.navbar ul li a {
padding: 12px; /*espace entre écritures*/
margin: 0 6px;
}

.navbar ul li a:hover{
/* quand on met souris sur différents liens*/
color: lightblue;
background-color : blue;
border-radius: 4px;
}
28 changes: 28 additions & 0 deletions blog.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="fr">

<head>
<meta charset="UTF-8" />
<title> Le foot ma passion </title>
<meta name="robots" content="index" />
<link href="blog.css" rel="stylesheet" type="text/css">
</head>

<body>

<nav class="navbar">
</a>
<a href="#">
<h1 class="logo_title">Blog </h1>
</a>
<ul>
<li> <a href="actu_infos.html"> Actualités et informations à découvrir </a></li>
<li> <a href="videos_sites_docs_prefs.html"> Mes vidéos, sites et documents préférés</li>
<li> <a href="moi.html"> Moi </a></li>
</ul>
</nav>

<p>salut</p>

</body>
</html>
Binary file added img_navbar.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
305 changes: 305 additions & 0 deletions mes_histoires_incroyables_sur_le_foot.html

Large diffs are not rendered by default.

57 changes: 57 additions & 0 deletions moi.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
a {
text-decoration: none;
}

.navbar {
display: flex;
justify-content: space-between; /*met le h1 à droite et les h2 à gauche*/
background-color: black;
padding: 16px; /*élargit navbar*/
}

.logo_title, .navbar ul li a {
color: white; /* met les écritures en blanc*/
}

.navbar ul {
display: flex;
align-items: center; /* met les écritures à la suite et pas en colonne*/
list-style-type: none; /* enlève les points de la liste*/
}

.navbar ul li a {
padding: 12px; /*espace entre écritures*/
margin: 0 6px;
}

.navbar ul li a:hover{
/* quand on met souris sur différents liens*/
color: lightblue;
background-color : blue;
border-radius: 4px;
}

.afc {
font-family: "Frijole", system-ui;
font-weight: 700;
font-style: normal;
font-size: 80px;
color: red;
}

.logo_afc {
max-width: 30%;
display: block;
float: left;
/*width: 116px; largeur en pixel de ta photo*/
/*height:104px; hauteur en pixel de ta photo */
/*margin-right:10px; marge en pixel à droite de la photo */

}


img {
display: block;
margin: 0 auto;
max-width:38%;
}
71 changes: 71 additions & 0 deletions moi.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="fr">

<head>
<meta charset="UTF-8" />
<title> Le foot, ma passion </title>
<meta name="robots" content="index" />
<link href="moi.css" rel="stylesheet" type="text/css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Frijole&family=Honk&display=swap')
</style>
</head>

<body>

<nav class="navbar">
</a>
<a href="#">
<h1 class="logo_title"> Moi </h1>
</a>
<ul>
<li> <a href="actu_infos.html"> Actualités et informations à découvrir </a></li>
<li> <a href="blog.html"> Blog </a></li>
<li> <a href="videos_sites_docs_prefs.html"> Mes vidéos, sites et documents préférés</a></li>
</ul>
</nav>

<h2>Moi :</h2>

<p> Je m'appelle Anaëlle Lassale et j'adore le football ! J'ai commencé à jouer au foot il y a 7 ans et depuis le foot occupe une grande place dans ma vie.</p>
<div>
<img
src="https://tse1.mm.bing.net/th?id=OIP.Ll1Cz4C9FmF5SioQsm_FXQHaHa&pid=Api&P=0&h=180"/>
</div>

<h2>Mon club :</h2>
<div>
<span class="logo_afc">
<img
src="https://tse4.mm.bing.net/th?id=OIP.ak45zhWlXh9urnxflulW4wAAAA&pid=Api&P=0&h=180"/>
</span>
</div>

<span class="afc"> l'AFC </span>

<h3> Calendrier 2023-2024 pour l'équipe des seniors féminines :</h3>

<div>
<p> Site de la Laura Foot : <a href="https://laurafoot.fff.fr/competitions?tab=calendar&id=412636&phase=1&poule=1&type=ch"> calendrier championat féminin R2 </a> </p>
</div>

<h3> Calendrier 2024 pour l'équipe des U18 féminines:</h3>

<div>
<p> Site de la Laura Foot : <a href="https://laurafoot.fff.fr/competitions?tab=calendar&id=412792&phase=2&poule=2&type=ch"> calendrier championat U18 féminin R2 </a> </p>
</div>

<h3> Classement 2023-2024 pour l'équipe des seniors féminines :</h3>

<div>
<p> En ligne sur le site de la Laura Foot : <a href="https://laurafoot.fff.fr/competitions?tab=ranking&id=412636&phase=1&poule=1&type=ch"> classement championat U18 féminin R2 </a> </p>
</div>

<h3> Classement 2023-2024 pour l'équipe des U18 féminines :</h3>

<div>
<p> En ligne sur le site de la Laura Foot : <a href="https://laurafoot.fff.fr/competitions?tab=ranking&id=412792&phase=2&poule=2&type=ch"> classement championat U18 féminin R2 </a> </p>
</div>

</body>
</html>
89 changes: 89 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
html {
background-color:white;
}

body {
width: 96%;
padding: 10px;
font-family: serif;
}

h1 {
text-align: center;
color: rgb(230, 100, 100);
border-radius: 30px;
}

h2 {
padding: 10px;
border: dashed;
border-radius: 30px;
font-family: "Lora", system-ui;
}

h3 {
padding: 10px;
border-radius: 30px;
}

p {
text-indent: 5%;
}

img {
max-width: 30%;
display: block;
margin-left:10px;
/*width: 100px; largeur en pixel de ta photo */
/*height:75px; hauteur en pixel de ta photo */
/*margin-right:10px; marge en pixel à droite de la photo */

}

iframe {
display: block;
margin: 0 auto;
width: 90%;
}

.en_couleur {
color: rgb(230, 100, 100);
}

.centre {
max-width: 50%;
display: flex
}

a {
text-decoration: none;
}

.navbar {
display: flex;
justify-content: space-between; /*met le h1 à droite et les h2 à gauche*/
background-color: black;
padding: 16px; /*élargit navbar*/
}

.logo_title, .navbar ul li a {
color: white; /* met les écritures en blanc*/
}

.navbar ul {
display: flex;
align-items: center; /* met les écritures à la suite et pas en colonne*/
list-style-type: none; /* enlève les points de la liste*/
}

.navbar ul li a {
padding: 12px; /*espace entre écritures*/
margin: 0 6px;
}

.navbar ul li a:hover{
/* quand on met souris sur différents liens*/
color: lightblue;
background-color : blue;
border-radius: 4px;
}
32 changes: 32 additions & 0 deletions videos_sites_docs_prefs.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
a {
text-decoration: none;
}

.navbar {
display: flex;
justify-content: space-between; /*met le h1 à droite et les h2 à gauche*/
background-color: black;
padding: 16px; /*élargit navbar*/
}

.logo_title, .navbar ul li a {
color: white; /* met les écritures en blanc*/
}

.navbar ul {
display: flex;
align-items: center; /* met les écritures à la suite et pas en colonne*/
list-style-type: none; /* enlève les points de la liste*/
}

.navbar ul li a {
padding: 12px; /*espace entre écritures*/
margin: 0 6px;
}

.navbar ul li a:hover{
/* quand on met souris sur différents liens*/
color: lightblue;
background-color : blue;
border-radius: 4px;
}
31 changes: 31 additions & 0 deletions videos_sites_docs_prefs.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="fr">

<head>
<meta charset="UTF-8" />
<title> Le foot ma passion </title>
<meta name="robots" content="index" />
<link href="videos_sites_docs_prefs.css" rel="stylesheet" type="text/css">
</head>

<body>

<nav class="navbar">
</a>
<a href="#">
<h1 class="logo_title"> Mes vidéos, sites et documents préférés </h1>
</a>
<ul>
<li> <a href="actu_infos.html"> Actualités et informations à découvrir </li>
<li> <a href="blog.html"> Blog </a></li>
<li> <a href="moi.html"> Moi </a></li>
</ul>
</nav>

<p>Documentaires vidéos sur le football féminin :</p>
<div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/tzc22HXRliQ?si=ZalwTT_-eFP2RjMP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>

</body>
</html>

0 comments on commit c0eac1d

Please sign in to comment.