diff --git a/css/styles.css b/css/styles.css
index 51d0d18..4c6331e 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -19,97 +19,97 @@
 /* 48px */
 /* 53px */
 /* ?px */
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-8 {
   font-size: 0.5rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-10 {
   font-size: 0.625rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-12 {
   font-size: 0.75rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-13 {
   font-size: 0.8125rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-14 {
   font-size: 0.875rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-15 {
   font-size: 0.9375rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-16 {
   font-size: 1rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-18 {
   font-size: 1.125rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-20 {
   font-size: 1.25rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-22 {
   font-size: 1.375rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-24 {
   font-size: 1.5rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-26 {
   font-size: 1.625rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-28 {
   font-size: 1.75rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-30 {
   font-size: 1.875rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-34 {
   font-size: 2.125rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-40 {
   font-size: 2.5rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-45 {
   font-size: 2.8125rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-48 {
   font-size: 3rem !important;
 }
 
-/* line 45, variables.scss */
+/* line 47, variables.scss */
 .font-53 {
   font-size: 3.3125rem !important;
 }
@@ -14451,7 +14451,7 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
 
 /* line 45, fonts.scss */
 .text-grey {
-  color: #aaa;
+  color: #ddd;
 }
 
 /* line 48, fonts.scss */
@@ -14491,7 +14491,7 @@ a:active, a:visited, a:hover, a:focus {
 }
 /* line 24, global.scss */
 a:hover {
-  color: #aaa;
+  color: #ddd;
 }
 
 /* line 30, global.scss */
@@ -14589,8 +14589,8 @@ input::-moz-focus-inner, button::-moz-focus-inner {
 /* line 14, forms.scss */
 input[type=text],
 input[type=password] {
-  border: 1px solid #aaa;
-  color: #aaa;
+  border: 1px solid #ddd;
+  color: #ddd;
   padding: 5px 20px;
   width: 100%;
   text-align: left;
@@ -14615,7 +14615,7 @@ input[type=button]:hover,
 input[type=submit]:hover,
 button:hover {
   color: white;
-  background-color: #aaa;
+  background-color: #ddd;
 }
 
 /* line 46, forms.scss */
@@ -14712,7 +14712,7 @@ header .container .row .menu ul li.active a:hover, header .container .row .menu
   height: 40px;
   line-height: 40px;
   margin: 20px 0 10px 0;
-  background: #aaa;
+  background: #ddd;
   border-radius: 5px;
   color: white;
   text-align: center;
@@ -14733,15 +14733,49 @@ header .container .row .menu ul li.active a:hover, header .container .row .menu
 /* line 34, sections/modules.scss */
 .modules .content {
   background: #f2f2f2;
-  text-align: center;
   padding: 50px;
 }
-/* line 39, sections/modules.scss */
+/* line 40, sections/modules.scss */
+.modules .content .dropdown {
+  height: 40px;
+  line-height: 36px;
+  padding: 0 10px;
+  background: white;
+  border: 2px solid #ddd;
+  border-radius: 5px;
+  position: relative;
+}
+/* line 49, sections/modules.scss */
+.modules .content .dropdown .label {
+  font-size: 0.75rem;
+  font-weight: bold;
+  color: black;
+}
+/* line 55, sections/modules.scss */
+.modules .content .dropdown .data {
+  position: absolute;
+  font-size: 0.625rem;
+  font-weight: bold;
+  color: black;
+  right: 10px;
+  top: 0;
+}
+/* line 64, sections/modules.scss */
+.modules .content .dropdown:after {
+  content: '\f107';
+  font-family: "FontAwesome";
+  position: absolute;
+  font-weight: bold;
+  color: #ddd;
+  top: 0;
+  right: -25px;
+}
+/* line 78, sections/modules.scss */
 .modules .content .div-drop {
   width: 100px;
   padding: 10px;
   margin: 20px 0 10px 0;
-  background: #aaa;
+  background: #ddd;
   color: white;
   text-align: center;
   font-size: 0.75rem;
diff --git a/header.php b/header.php
index 07f48b2..bfaf234 100644
--- a/header.php
+++ b/header.php
@@ -6,11 +6,11 @@
             <div class="col-2"><img class="logo middle" src="<?= $BASE_PATH;?>/images/logo.png"></div>
             <div class="col-10 menu">
                 <ul class="middle">
-                    <li><a href="#">Menu</a></li>
-                    <li><a href="#">Risultati</a></li>
-                    <li><a href="#">Piani attivi</a></li>
-                    <li><a href="#">Report</a></li>
-                    <li><a href="#">Moduli disponibili</a></li>
+                    <li class="<?php if($getQ[0]=="menu"){echo "active";}?>"><a href="/menu">Menu</a></li>
+                    <li class="<?php if($getQ[0]=="results"){echo "active";}?>"><a href="/results">Risultati</a></li>
+                    <li class="<?php if($getQ[0]=="plans"){echo "active";}?>"><a href="/plans">Piani attivi</a></li>
+                    <li class="<?php if($getQ[0]=="report"){echo "active";}?>"><a href="/report">Report</a></li>
+                    <li class="<?php if($getQ[0]=="modules"){echo "active";}?>"><a href="/modules">Moduli disponibili</a></li>
                     <li><a href="#"><i class="fa fa-search"></i></a></li>
                     <li><a href="#"><i class="fa fa-bell"></i></a></li>
                     <li><a href="#"><i class="fa fa-user"></i></a></li>
diff --git a/modules.php b/modules.php
index b256ec3..0c03ba2 100644
--- a/modules.php
+++ b/modules.php
@@ -23,6 +23,27 @@
         
         
         <div class="col-9 content">
+          <p class="font-14 font-bold text-upper text-red">Company overview</p>
+          
+          <div class="row my-5">
+          
+            <div class="col-4 mx-auto">
+                <div class="dropdown">
+                    <div class="label">Italia</div>
+                    <div class="data"><i class="fa fa-flag"></i> 20 <i class="fa fa-user"></i> 100</div>
+                </div>
+            </div>
+            
+          </div>
+          
+          
+          
+          
+          
+          
+          
+          
+          
           <div class="div-drop" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
         </div>
     </div>
diff --git a/scss/.sass-cache/132087705a52dd1d0e0e4a761ce2b1b521d0d802/variables.scssc b/scss/.sass-cache/132087705a52dd1d0e0e4a761ce2b1b521d0d802/variables.scssc
index 74cf69b..f7a6a0d 100644
Binary files a/scss/.sass-cache/132087705a52dd1d0e0e4a761ce2b1b521d0d802/variables.scssc and b/scss/.sass-cache/132087705a52dd1d0e0e4a761ce2b1b521d0d802/variables.scssc differ
diff --git a/scss/.sass-cache/5f9cd8e8aad7f3f5cd444b9e1c83afcdd207f75c/modules.scssc b/scss/.sass-cache/5f9cd8e8aad7f3f5cd444b9e1c83afcdd207f75c/modules.scssc
index 0e4ee35..bf311cc 100644
Binary files a/scss/.sass-cache/5f9cd8e8aad7f3f5cd444b9e1c83afcdd207f75c/modules.scssc and b/scss/.sass-cache/5f9cd8e8aad7f3f5cd444b9e1c83afcdd207f75c/modules.scssc differ
diff --git a/scss/sections/modules.scss b/scss/sections/modules.scss
index f924988..a1df53d 100644
--- a/scss/sections/modules.scss
+++ b/scss/sections/modules.scss
@@ -33,9 +33,48 @@
   
   .content{
     background: $light-grey;
-    text-align: center;
     padding: 50px;
     
+    
+    
+    .dropdown{
+      height: 40px;
+      line-height: 36px;
+      padding: 0 10px;
+      background: white;
+      border: 2px solid $grey;
+      border-radius: 5px;
+      position: relative;
+      
+      .label{
+        font-size: $font-12;
+        font-weight: bold;
+        color: black
+      }
+            
+      .data{
+        position: absolute;
+        font-size: $font-10;
+        font-weight: bold;
+        color: black;
+        right: 10px;
+        top: 0;
+      }
+      
+      &:after{
+        content:'\f107';
+        font-family: $icon;
+        position: absolute;
+        font-weight: bold;
+        color: $grey;
+        top: 0;
+        right: -25px;
+      }
+      
+
+    }
+    
+    
     .div-drop{
       width: 100px;
       padding: 10px;
diff --git a/scss/variables.scss b/scss/variables.scss
index 490cee2..f1701ee 100644
--- a/scss/variables.scss
+++ b/scss/variables.scss
@@ -41,6 +41,8 @@ $font-48: 3rem;         /* 48px */
 $font-53: 3.312rem;     /* 53px */
 $font-alert: 8rem;     /* ?px */
 
+$icon:  'FontAwesome';
+
 @each $size in 8, 10, 12, 13, 14, 15, 16, 18, 20, 22, 24, 26, 28, 30, 34, 40, 45, 48, 53 {
     .font-#{$size} {font-size: #{$size/16}rem !important;}
 }
@@ -50,6 +52,6 @@ $alpha:         rgba(255,255,255,0.6);
 $green:         #4e984a;
 $light-green:   #71986e;
 $red:           #bf0f3d;
-$grey:          #aaa;
+$grey:          #ddd;
 $light-grey:    #f2f2f2;
 $dark-grey:     #2f2f2f;