first commit

app/components/Info.tsx

@@ -0,0 +1,51 @@
+import Image from "next/image";
+import styles from "./components.module.css"
+
+export default function Info() {
+  return (
+    <div className={styles.iwindow}>
+        <div className={styles.icontent}>
+            <div className={styles.buttonContainer}>
+                <a href="/"style={{backgroundColor: "#FE4A45"}} className={styles.ball}>
+                </a>
+                <div style={{backgroundColor: "#575757ef"}} className={styles.ball}>
+                </div>
+                <div style={{backgroundColor: "#575757ef"}} className={styles.ball}>
+                </div>
+            </div>
+            <div className={styles.info}>
+                <img src="/img/pfp.png" style={{height: "16vh", borderRadius: "50%"}}></img>
+                <h1>Aleksandar Petrov</h1>
+                <a>Web & App Developer</a>
+                <div className={styles.fullInfo}>
+                    <div className={styles.infoBoxes}>
+                        <b>Age:</b>
+                        <a>21</a>
+                    </div>
+                    <div className={styles.infoBoxes}>
+                        <b>Languages:</b>
+                        <a>English, Bulgarian, German, Spanish, Catalan</a>
+                    </div>
+                    <div className={styles.infoBoxes}>
+                        <b>Location:</b>
+                        <a>EU/Remote</a>
+                    </div>
+                    <div className={styles.infoBoxes}>
+                        <b>Status:</b>
+                        <a>Working</a>
+                    </div>
+                    <div className={styles.infoBoxes}>
+                        <b>Experience:</b>
+                        <a>1+ Year</a>
+                    </div>
+                    <div className={styles.infoBoxes}>
+                        <b>Academic Degree:</b>
+                        <a>{'Computer Science (In progress)'}</a>
+                    </div>
+                    <button className={styles.infoBtn}>More Info...</button>
+                </div>
+            </div>
+        </div>
+    </div>
+  );
+}