pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

liens qui ouvrent dans le meme onglet

Browse Source
This commit is contained in:
hugogogo
2020-12-03 18:36:08 +01:00
parent a9804154c9
commit af67fe42d1
7 changed files with 72 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
asso.html
View File

@@ -1,7 +0,0 @@
sdkfjk
sdfkj
sdf
dsf
sdf
sdfsdf

9
menu.html
View File

@@ -7,19 +7,20 @@
<meta name="description" content="description du site web"> <meta name="description" content="description du site web">
<meta name="keywords" content="truc, bidule, chouette"> <meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/style.css" type="text/css" rel="stylesheet"> <link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/header.css" type="text/css" rel="stylesheet">
<link href="./styles/menu.css" type="text/css" rel="stylesheet"> <link href="./styles/menu.css" type="text/css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="menu"> <div id="header" class="menu">
<a class="link-index container-link-asso"> <a class="link-index container-link-asso" href="./pages/asso.html">
<div class="dot-link dot-link-asso"></div> <div class="dot-link dot-link-asso"></div>
<h1 class="menu-link link-asso">KOSMOPOLIT l'association</h1> <h1 class="menu-link link-asso">KOSMOPOLIT l'association</h1>
</a> </a>
<a class="link-index container-link-litterall"> <a class="link-index container-link-litterall" href="./pages/litterall.html">
<div class="dot-link dot-link-litterall"></div> <div class="dot-link dot-link-litterall"></div>
<h1 class="menu-link link-litterall">LITTERall</h1> <h1 class="menu-link link-litterall">LITTERall</h1>
</a> </a>
<a class="link-index container-link-lettredeeda"> <a class="link-index container-link-lettredeeda" href="./pages/lettresdeeda.html">
<div class="dot-link dot-link-lettredeeda"></div> <div class="dot-link dot-link-lettredeeda"></div>
<h1 class="menu-link link-lettredeeda">lettres d'europe et d'ailleurs</h1> <h1 class="menu-link link-lettredeeda">lettres d'europe et d'ailleurs</h1>
</a> </a>

31
pages/asso.html Normal file
View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>kosmopolit</title>
<base href="../" />
<meta name="description" content="description du site web">
<meta name="keywords" content="truc, bidule, chouette">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/header.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="header" class="menu">
<a class="link-index container-link-asso" href="./pages/asso.html">
<div class="dot-link dot-link-asso"></div>
<h1 class="menu-link link-asso">KOSMOPOLIT l'association</h1>
</a>
<a class="link-index container-link-litterall" href="./pages/litterall.html">
<div class="dot-link dot-link-litterall"></div>
<h1 class="menu-link link-litterall">LITTERall</h1>
</a>
<a class="link-index container-link-lettredeeda" href="./pages/lettresdeeda.html">
<div class="dot-link dot-link-lettredeeda"></div>
<h1 class="menu-link link-lettredeeda">lettres d'europe et d'ailleurs</h1>
</a>
</div>
<div id="main">
</div>
</body>
</html>

0
lettresdeeda.html → pages/lettresdeeda.html
View File

0
litterall.html → pages/litterall.html
View File

32
styles/header.css Normal file
View File

@@ -0,0 +1,32 @@
/*/////////////////////////*/
/*MENU*/
.menu {
display: flex;
height: 40px;
}
.menu > * {
margin: auto;
}
.link-index {
display: flex;
}
.menu-link {
margin: auto;
}
.dot-link {
width: 30px;
height: 30px;
margin: auto;
margin-right: 10px;
border-radius: 50%;
}
.dot-link-asso {
background-color: var(--color-purple);
}
.dot-link-litterall {
background-color: var(--color-green);
}
.dot-link-lettredeeda {
background-color: var(--color-water);
}

4
styles/style.css
View File

@@ -162,6 +162,10 @@ html {
main { main {
min-height: calc(100vh - 70px); min-height: calc(100vh - 70px);
} }
body {
display: flex;
flex-direction: column;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: var(--font-titles), var(--font-fallback), sans-serif; font-family: var(--font-titles), var(--font-fallback), sans-serif;
} }