diff --git a/resources/sass/club/base/_layout.scss b/resources/sass/club/base/_layout.scss
index d5c89fb7..1e136af1 100644
--- a/resources/sass/club/base/_layout.scss
+++ b/resources/sass/club/base/_layout.scss
@@ -8,12 +8,38 @@ body {
// * HEADER
> header {
- top: 0;
- left: 0;
- width: 100%;
- transition: all 0.3s ease;
+ #main-nav {
+ position: fixed;
+ float: left;
+ bottom: .5rem;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 90vw;
+ height: 3.0625rem;
+ @include media-breakpoint-up(ssm) {
+ width: 21.875rem;
+ }
+ // * Menu Logo Nav item
+ .menu-logo {
+ position: absolute;
+ width: 6.75rem;
+ height: 4.625rem;
+ bottom: .4rem;
+ left: 50%;
+ transform: translateX(-50%);
+
+ @include media-breakpoint-up(ssm) {
+ width: 8.75rem;
+ }
+
+ img {
+ width: 100%;
+ object-fit: contain;
+ }
+ }
+ }
}
> main {
diff --git a/resources/sass/club/utilities/_bootstrap-variables.scss b/resources/sass/club/utilities/_bootstrap-variables.scss
index 7ca653fe..d4f04402 100644
--- a/resources/sass/club/utilities/_bootstrap-variables.scss
+++ b/resources/sass/club/utilities/_bootstrap-variables.scss
@@ -43,3 +43,14 @@ $font-size-base: $font-default-size-base;
$line-height-base: $line-default-height-base;
$line-height-sm: $line-default-height-base * 0.85;
$line-height-lg: $line-default-height-base * 1.25;
+$grid-breakpoints: map.merge((
+ xs: 0,
+ ssm: 320px,
+ sm: 576px,
+ md: 768px,
+ lg: 992px,
+ xl: 1200px,
+ xxl: 1400px
+), (
+ xxxl: 1700px,
+))
diff --git a/resources/views/club/icons/cloche.blade.php b/resources/views/club/icons/cloche.blade.php
new file mode 100644
index 00000000..30b1874f
--- /dev/null
+++ b/resources/views/club/icons/cloche.blade.php
@@ -0,0 +1,11 @@
+
+
diff --git a/resources/views/club/icons/hamburger.blade.php b/resources/views/club/icons/hamburger.blade.php
new file mode 100644
index 00000000..59a324e2
--- /dev/null
+++ b/resources/views/club/icons/hamburger.blade.php
@@ -0,0 +1,9 @@
+
+
diff --git a/resources/views/club/icons/magnifier.blade.php b/resources/views/club/icons/magnifier.blade.php
new file mode 100644
index 00000000..c45e1bb0
--- /dev/null
+++ b/resources/views/club/icons/magnifier.blade.php
@@ -0,0 +1,8 @@
+
+
diff --git a/resources/views/club/icons/ticket.blade.php b/resources/views/club/icons/ticket.blade.php
new file mode 100644
index 00000000..4a83d854
--- /dev/null
+++ b/resources/views/club/icons/ticket.blade.php
@@ -0,0 +1,10 @@
+
+
diff --git a/resources/views/club/layouts/header.blade.php b/resources/views/club/layouts/header.blade.php
index 978bc515..ed9c2439 100644
--- a/resources/views/club/layouts/header.blade.php
+++ b/resources/views/club/layouts/header.blade.php
@@ -1,11 +1,33 @@
-