diff --git a/src/index.css b/src/index.css
index e69de29..97f38b3 100644
--- a/src/index.css
+++ b/src/index.css
@@ -0,0 +1,58 @@
+body {
+  font-family: "Open Sans", "Helvetica Neue", sans-serif;
+  margin: 0;
+  text-align: center;
+}
+
+#root {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+figure {
+  margin: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  flex-wrap: wrap;
+  width: 80%;
+}
+
+figure img {
+  max-width: 400px;
+  width: 80%;
+}
+
+figcaption {
+  margin-top: 1rem;
+  font-size: 1.5rem;
+}
+
+a {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: nowrap;
+  text-decoration: none;
+  color: black;
+  border: 1px solid black;
+  padding: 1rem 1rem;
+  border-radius: 3rem;
+}
+
+a:hover {
+  background-color: whitesmoke;
+}
+
+a:active {
+  background-color: rgb(212, 212, 212);
+}
+
+a img {
+  height: 1rem;
+  width: 3rem;
+}
diff --git a/src/main.jsx b/src/main.jsx
index e69de29..344da13 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -0,0 +1,21 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import "./index.css";
+
+ReactDOM.createRoot(document.getElementById("root")).render(
+  <figure>
+    <img
+      src="./src/assets/images/undraw_tree_swing_re_pqee.svg"
+      alt="google developer student clubs raghu engineering college logo"
+    />
+    <figcaption>Oops! Nothing to see here 😅</figcaption>
+    <p>Anyway, now that you're here, why not check out our club?</p>
+    <a href="https://gdsc.community.dev/raghu-engineering-college-visakhapatnam/">
+      <span>Explore GDSC REC</span>
+      <img
+        src="./src/assets/images/google-developers-seeklogo.com.svg"
+        alt="google developer student clubs raghu engineering college logo"
+      />
+    </a>
+  </figure>
+);