diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index f98ddf172b3cee613e12d53f54fbc718b51b7091..9d3998e3c69078fdcb743c5e46eff6105f469524 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -9,3 +9,4 @@ pages:
     - public
   only:
   - main
+  
\ No newline at end of file
diff --git a/ProgGIS.html b/ProgGIS.html
index ea401b7fae17ed246d965f8e1ccc4f7452316572..1457872a3c85b4a3b73c513bede6525b72b9b3c8 100644
--- a/ProgGIS.html
+++ b/ProgGIS.html
@@ -3,11 +3,37 @@
     <head>
         <title>ProgGIS</title>
         <style>
-
+            .h1 {
+                text-align: center;
+                font-weight: bold;
+                font-family: monospace;
+            }
+            .button {
+                font-family: monospace;
+                background-color: greenyellow;
+                color: white;
+                border-width: 0;
+                cursor: pointer;
+            }
+            #box1 {
+                font-family: monospace;
+                height: 6vh;
+                display: flex;
+                flex-grow: 4;
+                flex-direction: row;
+                text-align: center;
+            }
         </style>
     </head>
     <body>
-        <h1 style="text-align: center; font-weight: bold; font-family: monospace;">ProgGIS</h1>
-        <p>This is a GitLab page :)</p>
+        <div style="height: 20vh; width: 100vw; background-color: greenyellow;">
+            <h1 style="height: 14vh; color: white;">ProgGIS</h1>
+            <div id="box1">
+                <button>Buffer</button>
+                <button>Union</button>
+                <button>Intersection</button>
+                <button>Difference</button>
+            </div>
+        </div>
     </body>
 </html>