ShorpAzha.github.io/base.html at main · ShorpAzha/ShorpAzha.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>ShorpAzha | """name"""</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="sidenav" id="mySidepanel">
        <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&#9587;</a>
        <a href="index.html">Accueil</a>
        <button class="dropdown-btn">L'histoire du chemin de fer &#9207;</button>
        <div class="dropdown-container">
            <a href="histoire-part1.html">Partie 1 (1810-1840)</a>
            <a href="histoire-part2.html">Partie 2 (1840-1936)</a>
            <a href="histoire-part3.html">Partie 3 (1936-2025)</a>
            <a href="voie-etroite.html">La voie &eacute;troite</a>
            <a href="tramway-departemental.html">Tramways départemental</a>
            <a href="tramway-d-antan.html">Tramways urbains d'antan</a>
            <a href="tramway-moderne.html">Tramways urbains modernes</a>
            <a href="metro.html">Le m&eacute;tro</a>
        </div>
        <button class="dropdown-btn">Le Materiel ferrovaire &#9207;</button>
        <div class="dropdown-container">
            <a href="liste-materiels.html">Liste du materiel fran&ccedil;ais</a>
            <a href="materiel-part1.html">Partie 1 (1810-1840)</a>
            <a href="materiel-part2.html">Partie 2 (1840-1936)</a>
            <a href="materiel-part3.html">Partie 3 (1936-2025)</a>
            <a href="galerie-d-antan.html">Galerie d'antan</a>
            <a href="galerie-moderne.html">Galerie moderne</a>
        </div>
        <button class="dropdown-btn">Cartographie ferroviaire &#9207;</button>
        <div class="dropdown-container">
            <a href="cartes.html">Cartes</a>
            <a href="liste-lignes.html">Lignes</a>
            <a href="liste-compagnies.html">Compagnies</a>
        </div>
        <a href="lexique.html">Lexique</a>
        <button class="dropdown-btn">Mentions l&eacute;gales &#9207;</button>
        <div class="dropdown-container">
            <a href="credits.html">Cr&eacute;dits photos</a>
            <a href="mentions-legales.html">Mentions l&eacute;gales</a>
            <a href="contact.html">Contact</a>
        </div>
    </div>
    <button class="openbtn" onclick="openNav()">&#9776;</button>
    <script src="script/sidebar.js"></script>
    <div id="padElements" class="main">

    </div>
</body>
</html>