Form and Socials

Author: hellenicdev

index.html

@@ -6,6 +6,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   <title>HellenicDev</title>
   <link rel="stylesheet" href="style.css" />
+  <!-- Font Awesome for social icons -->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
 </head>
 	<!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-9FWQFZME3Z"></script>
@@ -56,7 +58,7 @@ <h3>The Quiz</h3>
     <div class="game-card">
       <a href="./e-table/index.html">
         <h3>E-table</h3>
-        <p>A mock-up. Supposed to be a platform where you can reserve a table at a restaurant.</p>
+        <p>A mock app. Supposed to be a platform where you can reserve a table at a restaurant.</p>
       </a>
     </div>
     <div class="game-card">
@@ -79,6 +81,35 @@ <h3>Currency Converter</h3>
 </div>
   </div>
 
+  <!-- Google Form -->
+  <h2>Contact Me / Feedback</h2>
+  <iframe src="https://docs.google.com/forms/d/e/1FAIpQLScfWAPINsDLvZc2iI9vLljj6CE6rzHF5Xwe3WxP3fBT0rlH9w/viewform?embedded=true"
+    width="640"
+    height="1630"
+    frameborder="0"
+    marginheight="0"
+    marginwidth="0"
+    style="display:block; margin:auto;">
+    Loading…
+  </iframe>
+
+  <!-- Contact Me Section -->
+  <h2 style="text-align:center; margin-top:40px;">Contact Me</h2>
+  <div style="text-align:center; margin-bottom:40px;">
+    <a href="mailto:ikonpanos@gmail.com" target="_blank" style="margin:0 10px; color:#D44638; font-size:25px;">
+      <i class="fa-solid fa-envelope"></i>
+    </a>
+    <a href="https://www.youtube.com/@hellenicdev" target="_blank" style="margin:0 10px; color:#FF0000; font-size:25px;">
+      <i class="fa-brands fa-youtube"></i>
+    </a>
+    <a href="https://github.com/hellenicdev" target="_blank" style="margin:0 10px; color:#000000; font-size:25px;">
+      <i class="fa-brands fa-github"></i>
+    </a>
+    <a href="https://discord.gg/tHwtmrB9xw" target="_blank" style="margin:0 10px; color:#5865F2; font-size:25px;">
+      <i class="fa-brands fa-discord"></i>
+    </a>
+  </div>
+
   <!-- Popup Ad -->
   <div id="popup-ad" style="display:none; position:fixed; bottom:20px; right:20px; width:300px; background:#fff; border:1px solid #000000; border-radius:8px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,0.2); font-family:sans-serif; color: black; z-index:9999;">
 
@@ -100,4 +131,3 @@ <h3>Currency Converter</h3>
 
 </body>
 </html>
-