website/about.html at main · sefaav/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>About – Sefa Avci</title>
        <link rel="icon" type="image/png" href="favicon.png">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
        <link href="styles.css" rel="stylesheet">
    </head>

    <body class="theme-dark">
        <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top shadow-sm">
            <a class="navbar-brand brand" href="index.html">Sefa Avci</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav" aria-controls="nav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="nav">
                <ul class="navbar-nav ml-auto align-items-center">
                    <li class="nav-item"><a class="nav-link" href="research.html">Research</a></li>
                    <li class="nav-item"><a class="nav-link" href="projects.html">Projects</a></li>
                    <li class="nav-item"><a class="nav-link" href="experience.html">Experience</a></li>
                    <li class="nav-item active"><a class="nav-link" href="about.html">About</a></li>
                    <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
                    <li class="nav-item"><a class="nav-link" href="files/Sefa_Avci_CV.pdf" target="_blank" rel="noopener noreferrer">CV</a></li>
                    <li class="nav-item"><a class="nav-link nav-icon-link" href="https://github.com/sefaav" target="_blank" rel="noopener noreferrer" aria-label="GitHub"><i class="bi bi-github"></i></a></li>
                    <li class="nav-item"><a class="nav-link nav-icon-link" href="https://www.linkedin.com/in/sefa-avci" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><i class="bi bi-linkedin"></i></a></li>
                    <li class="nav-item ml-md-3">
                        <div class="custom-control custom-switch">
                            <input type="checkbox" class="custom-control-input" id="themeSwitch" aria-label="Theme switch">
                            <label class="custom-control-label text-light" for="themeSwitch">Light mode</label>
                        </div>
                    </li>
                </ul>
            </div>
        </nav>

        <main class="container pt-5">
            <header class="mt-4 mb-3">
                <p class="kicker mb-2">Who I am</p>
                <h1>About</h1>
                <p class="text-muted">Baccalauréat (2024, <em>High Honors</em>).
                    EPFL Computer Science student with hands-on experience in machine learning, software development, and systems programming.
                    Interested in AI and quantitative finance; multilingual (FR native, EN/TK B2).
                    Experience across bakery, restaurant, sports, teaching, volunteering, and building both software and hardware projects.</p>
            </header>

            <section class="mb-4 reveal">
                <h2>Education</h2>
                <ul class="timeline">
                    <li><strong>2027</strong> — Bachelor of Science in Computer Science, École Polytechnique Fédérale de Lausanne (EPFL), Lausanne, Switzerland.</li>
                    <li><strong>2024</strong> — French Baccalauréat, <em>High Honors</em>, Lycée International de Saint‑Genis‑Pouilly.</li>
                    <li><strong>2021</strong> — Brevet, <em>High Honors</em>, Collège Jacques Prévert, Saint‑Genis‑Pouilly.</li>
                </ul>
            </section>

            <section class="mb-4 reveal">
                <h2>Languages</h2>
                <p>
                    <span class="badge badge-primary">French (native)</span>
                    <span class="badge badge-info">English B2</span>
                    <span class="badge badge-warning">Turkish B2</span>
                </p>
            </section>

            <section class="mb-5 reveal">
                <h2>Hobbies</h2>
                <p>Tennis · Mountain hiking · Computing · Artificial Intelligence · Quantitative Finance</p>
            </section>
        </main>

        <footer class="text-center small text-muted py-4">
            <div class="social-links mb-2">
                <a href="https://github.com/sefaav" target="_blank" rel="noopener noreferrer" aria-label="GitHub"><i class="bi bi-github"></i></a>
                <a href="https://www.linkedin.com/in/sefa-avci" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><i class="bi bi-linkedin"></i></a>
                <a href="mailto:sefa.avci@epfl.ch" aria-label="Email"><i class="bi bi-envelope"></i></a>
            </div>
            <p>© <span id="year"></span> Sefa Avci</p>
        </footer>

        <button id="backToTop" class="btn btn-primary" aria-label="Back to top">↑</button>

        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
        <script src="main.js"></script>
    </body>

</html>