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>
  );
}
