diff --git a/data.json b/data.json
index 3a68ac0..dc1c32e 100644
--- a/data.json
+++ b/data.json
@@ -3708,6 +3708,18 @@
                         "parents": []
                     }
                 ]
+            },
+            {
+                "title": "Cerca",
+                "url": "/pages/search.html",
+                "blocks": [
+                    {
+                        "key": "breadcrumbs",
+                        "post_type": "pages",
+                        "parents": []
+                    }
+                ],
+                "search_results": [0,1,2,3,4,5]
             }
         ],
         "news": {
diff --git a/src/assets/css/blocks/paragraph.css b/src/assets/css/blocks/paragraph.css
index 88bb6d8..99ef5aa 100644
--- a/src/assets/css/blocks/paragraph.css
+++ b/src/assets/css/blocks/paragraph.css
@@ -48,7 +48,7 @@
     }
     &--1col{
         > *{
-            @screen xl{
+            @screen lg{
                 width: calc(50% - var(--grid-gutter)) !important;
             }
         }
diff --git a/src/assets/css/components/inputs.css b/src/assets/css/components/inputs.css
index 83cd535..0a143c6 100644
--- a/src/assets/css/components/inputs.css
+++ b/src/assets/css/components/inputs.css
@@ -81,4 +81,24 @@
             }
         }    
     }
+    &--lg{
+        .input__field{
+            input, select{
+                @apply h-16 text-size-md;
+            }
+            &::after{
+                top: 50%;
+                transform: translateY(-50%);
+                @apply w-12.5 h-12.5;
+            }
+        }
+        .input__clear{
+            top: 50%;
+            transform: translateY(-50%);
+            @apply w-12.5 h-12.5 right-12.5;
+            &::after{
+                @apply h-[38px];
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/assets/css/page/index.css b/src/assets/css/page/index.css
index 65c1762..efb7c46 100644
--- a/src/assets/css/page/index.css
+++ b/src/assets/css/page/index.css
@@ -5,4 +5,5 @@
 @import "events.css";
 @import "news.css";
 @import "people.css";
+@import "search.css";
 @import "tender.css";
\ No newline at end of file
diff --git a/src/assets/css/page/search.css b/src/assets/css/page/search.css
new file mode 100644
index 0000000..771c35e
--- /dev/null
+++ b/src/assets/css/page/search.css
@@ -0,0 +1,16 @@
+.search-page{
+    &-input{
+        @apply mb-lg;
+    }
+    &-results{
+        &__label{
+            @apply font-bold mb-md;
+        }
+        &__post{
+            @apply mb-md;
+            h2{
+                @apply text-size-lg underline mb-sm;
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/layout/partials/header/topbar.twig b/src/layout/partials/header/topbar.twig
index 99a0912..1c176a4 100644
--- a/src/layout/partials/header/topbar.twig
+++ b/src/layout/partials/header/topbar.twig
@@ -11,9 +11,9 @@
         </nav>
         <div class="site-header-topbar__actions">
             <a href="#" class="site-header-topbar__lang">EN</a>
-            <button class="site-header-topbar__search" role="button">
+            <a href="/pages/search.html" class="site-header-topbar__search">
                 {% include "../../../assets/img/icons/search.svg" %}
-            </button>
+            </a>
         </div>
     </div>
 </div>
diff --git a/src/pages/search.twig b/src/pages/search.twig
new file mode 100644
index 0000000..98d2b3c
--- /dev/null
+++ b/src/pages/search.twig
@@ -0,0 +1,42 @@
+{% set currentPage = 21 %}
+
+{% set bodyClasses = 'page' %}
+
+{% extends "../layout/page.twig" %}
+
+{% block content %}
+
+    {% for block in post_type.pages[currentPage].blocks %}
+        {% include '../blocks/'~block.key~'.twig' with {'block': block } %}
+    {% endfor %}
+
+    <div class="grid-container search-page-input">
+        <div class="input input--lg">
+            <div class="input__field input__search">
+                <button class="input__clear"></button>
+                <input type="search" name="search" id="search" class="input__field-input" placeholder="Digita qui per cercare...">
+            </div>
+        </div>
+    </div>
+
+    <div class="search-page-results">
+        <div class="grid-container">
+            <div class="columns">
+                <div class="w-full lg:w-1/2 column">
+                    <p class="search-page-results__label">Risultati di ricerca per: architettura</p>
+                    <div>
+                        {% for id in post_type.pages[currentPage].search_results %}
+                            {% set post = post_type.degrees.items[id] %}
+                            <div class="search-page-results__post">
+                                <h2><a href="{{post.url}}">{{post.title}}</a></h2>
+                                <p>{{post.excerpt}}</p>
+                            </div>
+                        {% endfor %}
+                    </div>
+                </div>
+            </div>
+        </div>
+        {% include "../blocks/pagination.twig" %}
+    </div>
+
+{% endblock %} 
\ No newline at end of file