feat: add header nav menu

This commit is contained in:
Matthieu Bessat 2020-07-07 13:28:55 +02:00
parent bc2d9a7247
commit f9c776b7a3
3 changed files with 117 additions and 35 deletions

View file

@ -13,19 +13,25 @@
<body>
<div class="header">
<div class="container header-container">
<div class="header-image">
<img src="assets/img/espace_condorcet_logo.jpg" />
</div>
<div class="header-content">
<a
href="https://www.espacecondorcet.org/"
class="header-sub-title">
Espace Condorcet Centre Social
</a>
<h1 class="header-title">Forum des associations</h1>
<div class="header-description">
Cette année nous vous invitons à découvrir le forum virtuel des associations.
<div class="header-left">
<div class="header-image">
<img src="assets/img/espace_condorcet_logo.jpg" />
</div>
<div class="header-content">
<a
href="https://www.espacecondorcet.org/"
class="header-sub-title">
Espace Condorcet Centre Social
</a>
<h1 class="header-title">Forum des associations</h1>
<div class="header-description">
Cette année nous vous invitons à découvrir le forum virtuel des associations.
</div>
</div>
</div>
<div class="header-menu">
<a href="#">Mentions Légales</a>
<a href="#">A propos</a>
</div>
</div>
</div>
@ -53,6 +59,7 @@
<div id="nav-content">
<div class="nav-item" id="nav-all">
<div class="nav-icon">
<i class="fas fa-ellipsis-h"></i>
</div>
<div class="nav-item-content">
<div class="nav-title">
@ -214,26 +221,26 @@
"tag": tags[0]
},
{
"name": "Jean michel",
"slug": "jean-michel",
"thumbnail": "https://randomuser.me/api/portraits/men/34.jpg",
"name": "Hello world",
"slug": "autre-assos",
"thumbnail": "./assets/img/cross.png",
"descriptionShort": "Qui totam quibusdam ut. Provident sint est inventore quod deleniti labore. Nemo voluptate deserunt in dolorem doloremque corrupti asperiores. Aut consequatur ea eum. Aut sint dolore numquam saepe qui earum officia eius",
"tag": tags[2]
},
{
"name": "Jean paul lel",
"slug": "jean-paul-lel",
"thumbnail": "https://randomuser.me/api/portraits/men/93.jpg",
"descriptionShort": "Qui totam quibusdam ut. Provident sint est inventore quod deleniti labore. Nemo voluptate deserunt in dolorem doloremque corrupti asperiores. Aut consequatur ea eum. Aut sint dolore numquam saepe qui earum officia eius",
"tag": tags[2]
},
{
"name": "WOWO",
"slug": "wowo",
"thumbnail": "https://randomuser.me/api/portraits/men/84.jpg",
"descriptionShort": "Qui totam quibusdam ut. Provident sint est inventore quod deleniti labore. Nemo voluptate deserunt in dolorem doloremque corrupti asperiores. Aut consequatur ea eum. Aut sint dolore numquam saepe qui earum officia eius",
"tag": tags[0]
}
// {
// "name": "Jean paul lel",
// "slug": "jean-paul-lel",
// "thumbnail": "https://randomuser.me/api/portraits/men/93.jpg",
// "descriptionShort": "Qui totam quibusdam ut. Provident sint est inventore quod deleniti labore. Nemo voluptate deserunt in dolorem doloremque corrupti asperiores. Aut consequatur ea eum. Aut sint dolore numquam saepe qui earum officia eius",
// "tag": tags[2]
// },
// {
// "name": "WOWO",
// "slug": "wowo",
// "thumbnail": "https://randomuser.me/api/portraits/men/84.jpg",
// "descriptionShort": "Qui totam quibusdam ut. Provident sint est inventore quod deleniti labore. Nemo voluptate deserunt in dolorem doloremque corrupti asperiores. Aut consequatur ea eum. Aut sint dolore numquam saepe qui earum officia eius",
// "tag": tags[0]
// }
]
</script>
<script src="assets/js/home.js"></script>