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

ajout des deux autres pages vides et mise en page rudimentaire de l'accueil

Browse Source
This commit is contained in:
hugogogo
2021-03-03 10:46:56 +01:00
parent 28cc00b198
commit b113c16ec5
7 changed files with 240 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
pages/kosmopolit.html Normal file
View File

@@ -0,0 +1,44 @@
<!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">
</head>
<body>
<nav class="sticky">
<div class="nav_left">
<a class="nav_logo" href="index.html"><img src="./docs/kosmopolit_fond.png" alt="logo kosmopolit"></a>
<a href="./pages/kosmopolit.html"><p>kosmopolit</p></a>
<a href="./pages/litterall.html"><p>litterall</p></a>
<a href="./pages/lettredeeda.html"><p>l.e.a</p></a>
</div>
<div class="nav_right">
</div>
</nav>
<div class="container_main">
<aside class="page_content sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./pages/kosmopolit.html#kosmopolit"><p>kosmopolit</p></a>
</div>
</aside>
<main>
<div class="page_title">
<h1 id="anchor_kosmopolit">KOSMOPOLIT</i></h1>
<p class="date"><i><small>mis à jour le 01/03/2020</small></i></p>
</div>
</main>
<aside class="relative_content">
</aside>
</div>
<footer class="page_footer">
</footer>
</body>
</html>

44
pages/lettredeeda.html
View File

@@ -0,0 +1,44 @@
<!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">
</head>
<body>
<nav class="sticky">
<div class="nav_left">
<a class="nav_logo" href="index.html"><img src="./docs/kosmopolit_fond.png" alt="logo kosmopolit"></a>
<a href="./pages/kosmopolit.html"><p>kosmopolit</p></a>
<a href="./pages/litterall.html"><p>litterall</p></a>
<a href="./pages/lettredeeda.html"><p>l.e.a</p></a>
</div>
<div class="nav_right">
</div>
</nav>
<div class="container_main">
<aside class="page_content sticky">
<div class="table_box"> <!-- container use to adjust padding -->
<h2>sommaire</h2>
<a href="./pages/kosmopolit.html#lettredeeda"><p>l.e.a</p></a>
</div>
</aside>
<main>
<div class="page_title">
<h1 id="anchor_lettredeeda">lettres d'europe et d'ailleurs</i></h1>
<p class="date"><i><small>mis à jour le 01/03/2020</small></i></p>
</div>
</main>
<aside class="relative_content">
</aside>
</div>
<footer class="page_footer">
</footer>
</body>
</html>

106
pages/litterall.html
View File

@@ -13,10 +13,10 @@
<body>
<nav class="sticky">
<div class="nav_left">
<a class="nav_logo" href=""><img src="./docs/kosmopolit_fond.png" alt="logo kosmopolit"></a>
<a href=""><p>kosmopolit</p></a>
<a href=""><p>litterall</p></a>
<a href=""><p>l.e.a</p></a>
<a class="nav_logo" href="index.html"><img src="./docs/kosmopolit_fond.png" alt="logo kosmopolit"></a>
<a href="./pages/kosmopolit.html"><p>kosmopolit</p></a>
<a href="./pages/litterall.html"><p>litterall</p></a>
<a href="./pages/lettredeeda.html"><p>l.e.a</p></a>
</div>
<div class="nav_right">
</div>
@@ -30,10 +30,7 @@
<a href="./pages/litterall.html#anchor_previous"><p>anciens numeros</p></a>
</div>
</aside>
<!-- main
ne doit pas contenir : sidebars <aside> - navbar <nav> - search form
ne doit pas etre contenu par : <article> - <aside> - <footer> - <header> - <nav>
-->
<main>
<div class="page_title">
<h1 id="anchor_litterall">LITTER<i>all</i></h1>
@@ -48,52 +45,121 @@
<img src="./docs/revues/bibliotheque_litterall.jpg" alt="bibliotheque litterall">
<p class="right"><small>credit: Jeffrey Trehudic</small></p>
</div>
<h2 id="anchor_last">dernier numero</h2>
<div class="image">
<h2 id="anchor_last">dernier numero de la revue</h2>
<div class="image horizontal">
<img src="./docs/revues/litt23.jpg" alt="revue litterall">
<div class="vertical">
<p><small><i>paru le XX/XX/XXXX</i></small></p>
<p>infos sur le dernier numero de litterall</p>
<p>sommaire ...</p>
</div>
</div>
<h2 id="anchor_previous">anciens numeros</h2>
<div class="gallery">
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
<p>litterall numero 26</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
<p>litterall numero 25</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
<p>litterall numero 24</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
<p>litterall numero 23</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
<p>litterall numero 22</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
<p>litterall numero 21</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
<p>litterall numero 20</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
<p>litterall numero 19</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
<p>litterall numero 18</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
<p>litterall numero 17</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 16</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 15</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 14</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 13</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 12</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 11</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 10</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 09</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 08</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 07</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 06</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 05</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 04</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 03</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 02</p>
</div>
<div class="card">
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
<p>litterall numero 01</p>
</div>
</div>
</main>