PAYT-Project/our-team.html at main · code4policy/PAYT-Project · 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
<!DOCTYPE html>
<html>
    <head>
        <title>Our Team</title>

 <!-- linking css file-->
     <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=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
     <link href="styles/styles.css" rel="stylesheet" />

    </head>
    <body>
        <div class="disclaim-banner"><img src="images/logo_white_red.svg" alt="City of Boston" class="banner-logo"><span class="banner-text">This is not an official City of Boston website. This is an academic project created by Harvard Kennedy School students.</span></div>
        <header class="top-header">
            <div class="header-inner">
                <img src="images/logo.svg" alt="City of Boston" class="site-logo">
                <nav class="site-nav" role="navigation" aria-label="Primary">
                    <ul class="site-nav-list">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="impacts.html">Impacts</a></li>
                        <li><a href="recommendations.html">Recommendations</a></li>
                        <li><a href="method.html">Methodology</a></li>
                        <li><a href="sources.html">Sources</a></li>
                        <li><a href="our-team.html">Our Team</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <h1>OUR TEAM</h1>
        <div class="team-row"> <!--class to format into rows-->
            <!-- Brandon's Bio-->
            <div class="team-member brandon"> <!--class to format each team member's info-->
                <h2><span class="first">Brandon</span> <span class="last">Karagozian</span></h2>
                <div class="photo"> <img src="images/brandon.jpg" alt="A photo of team member Brandon standing in the woods." /> </div>
                <p>  Brandon is a first year Master in Public Policy (MPP) student at the Harvard Kennedy School. Originally from Los Angeles, CA, Brandon has worked in economic development and with foster youth. At HKS, he concentrates in technology and AI policy. </p>
                <!--class to format emails-->
                <p class = "email"> bkaragozian@hks.harvard.edu </p>
            </div>
            <!-- Belen's Bio-->
            <div class="team-member"> <!--class to format each team member's info-->
                <h2><span class="first">Belen</span> <span class="last">Herce-Hagiwara</span></h2>
                <div class="photo"> <img src="images/belen.jpg" alt="A photo of team member Belen." /> </div>
                <p>  Belen is a first year Master in Public Health Policy (MPH) student at the Harvard T.H. Chan School of Public Health. Belen's background is in clinical effectiveness research to advocate for fairer drug pricing and access. Originally from Massachusetts, she is dedicated to equitable and affordable access of healthcare for all MA residents. </p>
                <p class = "email"> bhercehagiwara@hsph.harvard.edu </p>
            </div>
            <!-- Claire's Bio-->
            <div class="team-member"> <!--class to format each team member's info-->
                <h2><span class="first">Claire</span> <span class="last">Vanderwood</span></h2>
                <div class="photo"> <img src="images/claire2024.jpeg" alt="A photo of a woman outside."/> </div>
                <p> Claire is a first year Master in Public Policy (MPP) student at the Harvard Kennedy School. Claire is originally from Toronto, studied history in Washington, D.C., and is concentrating in data and research methods at HKS.</p>
                <p class = "email"> cvanderwood@hks.harvard.edu </p>
            </div>
        </div>
        <script>
            (function () {
                function setBannerHeightVar() {
                    var banner = document.querySelector('.disclaim-banner');
                    if (!banner) return;
                    var h = banner.offsetHeight || 0;
                    document.documentElement.style.setProperty('--top-banner-height', h + 'px');
                }
                window.addEventListener('load', setBannerHeightVar);
                window.addEventListener('resize', setBannerHeightVar);
                if (document.fonts && document.fonts.ready) {
                    document.fonts.ready.then(setBannerHeightVar);
                }
                setTimeout(setBannerHeightVar, 120);
            })();
        </script>

        </body>
</html>