mayasub.github.io/index.html at master · mayasub/mayasub.github.io · 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
<html>

<head>
    <title>Maya Subramanian</title>

    <!-- favicon -->
    <link rel="shortcut icon" type="image/png" href="img/favicon.png">

    <!-- fonts-->
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Playfair+Display" />

    <!-- CSS -->
    <link rel="stylesheet" href="css/style.css">
</head>

<body>

    <!-- nav bar -->
    <div class="navBar">
        <nav>
            <a class="navHome" href="index.html">HOME</a>
            <a class="navExperience" href="experience.html">EXPERIENCE</a>
            <!-- <a class="navBlog" href="blog.html">BLOG</a> -->
            <a class="navContact" href="contact.html">CONTACT</a>
        </nav>
    </div>

    <!-- home page -->
    <div class="middle">
        <img class="headshot" src="headshotBW.jpg">
        <div class="inline">
            <h1 class="leftAlign">Hello, I'm Maya</h1>
            <h2 class="leftAlign">Computer Science | University of Michigan | Class of 2022</h2>
            <h2 class="miniText">I am an aspiring software engineer and lifelong learner deeply interested in using tech to solve problems that help others.</h2>
            <h2 class="miniText">My top five VIA character strengths are love, social intelligence, leadership, honesty, and creativity.</h2>
            <h2 class="miniText">Beyond my academic and professional interests, I am also passionate about mental health awareness and advocacy, reading memoirs, creating Spotify playlists, and practicing yoga.</h2>
        </div>
    </div>
    <br>

    <!-- footer -->
    <footer class="footer">
        <p>Made with &hearts; by Maya Subramanian</p>
    </footer>

</body>
</html>