diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..b58b603
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
new file mode 100644
index 0000000..a55e7a1
--- /dev/null
+++ b/.idea/codeStyles/codeStyleConfig.xml
@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
+  </state>
+</component>
\ No newline at end of file
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 0000000..bd46cef
--- /dev/null
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,16 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="CssUnknownProperty" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="myCustomPropertiesEnabled" value="true" />
+      <option name="myIgnoreVendorSpecificProperties" value="false" />
+      <option name="myCustomPropertiesList">
+        <value>
+          <list size="1">
+            <item index="0" class="java.lang.String" itemvalue="clip-path" />
+          </list>
+        </value>
+      </option>
+    </inspection_tool>
+  </profile>
+</component>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..933aadc
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/nullWebsite.iml" filepath="$PROJECT_DIR$/.idea/nullWebsite.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/nullWebsite.iml b/.idea/nullWebsite.iml
new file mode 100644
index 0000000..0c8867d
--- /dev/null
+++ b/.idea/nullWebsite.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/public_html/images/email.png b/public_html/images/email.png
new file mode 100644
index 0000000..fd83a8d
Binary files /dev/null and b/public_html/images/email.png differ
diff --git a/public_html/images/github.png b/public_html/images/github.png
new file mode 100644
index 0000000..d2a496c
Binary files /dev/null and b/public_html/images/github.png differ
diff --git a/public_html/images/gitlab.png b/public_html/images/gitlab.png
new file mode 100644
index 0000000..3613479
Binary files /dev/null and b/public_html/images/gitlab.png differ
diff --git a/public_html/images/key.png b/public_html/images/key.png
new file mode 100644
index 0000000..9e2e2c8
Binary files /dev/null and b/public_html/images/key.png differ
diff --git a/public_html/images/linkedin.png b/public_html/images/linkedin.png
new file mode 100644
index 0000000..19e7d84
Binary files /dev/null and b/public_html/images/linkedin.png differ
diff --git a/public_html/images/telegram.png b/public_html/images/telegram.png
new file mode 100644
index 0000000..78d0769
Binary files /dev/null and b/public_html/images/telegram.png differ
diff --git a/public_html/images/twitter.png b/public_html/images/twitter.png
new file mode 100644
index 0000000..ac53061
Binary files /dev/null and b/public_html/images/twitter.png differ
diff --git a/public_html/index.html b/public_html/index.html
index ddcb6eb..b82adf8 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -5,9 +5,24 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 		<meta name="author" content="andrewfoll@protonmail.com"/>
 		<link rel="shortcut icon" href="./images/favicon.png"/>
+		<link rel="stylesheet" type="text/css" href="styles/style.css" media="screen"/>
 	</head>
 	<body>
-		<h2>Hello, World!</h2>
-		<p>You can download my pgp public key by clicking <a href="./nullablepgpkey.pub">here</a>.</p>
+		<div id="container">
+			<div id="hello-world">
+				<span>$ </span><span id="command">echo "Hello world!"</span><span id="pipe">|</span>
+			</div>
+			<div>
+				<nav id="links-nav" id="social-icons">
+					<a href="https://t.me/null_able"><img class="social-icon" alt="Telegram" src="./images/telegram.png"/></a>
+					<a href="https://gitlab.com/nullndr"><img class="social-icon" alt="gitlab" src="./images/gitlab.png"/></a>
+					<a href="https://github.com/nullndr"><img class="social-icon" alt="github" src="./images/github.png"/></a>
+					<a href="https://twitter.com/nullndr"><img class="social-icon" alt="Twitter" src="./images/twitter.png"/></a>
+					<a href="mailto: andrea@yaaaw.it"><img class="social-icon" alt="Protonmail" src="./images/email.png"/></a>
+					<a href="https://www.linkedin.com/in/andrea-foletto-5457b5187/"><img class="social-icon" alt="Linkedin" src="./images/linkedin.png"/></a>
+					<a href="./nullablepgpkey.pub"><img class="social-icon" alt="gpg key" src="./images/key.png"/></a>
+				</nav>
+			</div>
+		</div>
 	</body>
 </html>
diff --git a/public_html/styles/style.css b/public_html/styles/style.css
new file mode 100644
index 0000000..6d3cbb4
--- /dev/null
+++ b/public_html/styles/style.css
@@ -0,0 +1,49 @@
+
+* {}
+
+body {
+  background-color: #1b263b;
+
+  display: flex;
+  width: 100vw;
+  height: 100vh;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+}
+
+#container {
+  display: block;
+}
+
+#hello-world {
+  color: #e0e1dd;
+  font-size: 7vh;
+  font-family: 'Fira Mono', monospace;
+  letter-spacing: -7px;
+  -moz-text-size-adjust: auto;
+}
+
+#pipe {
+  animation: animate 1.5s linear infinite;
+}
+
+@keyframes animate{
+  from, 49.9% { opacity: 0; }
+  to, 50% { opacity: 1; }
+}
+
+#links-nav {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+#links-nav > a {
+  padding: 5px;
+}
+
+.social-icon {
+  max-height: 32px;
+  max-width: 32px;
+}
\ No newline at end of file