-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (78 loc) · 4.41 KB
/
index.html
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
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/b40345f8e8.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
<title>Portfolio of Anna Cai</title>
</head>
<body>
<header>
<div class="name">
<a href="index.html">Anna Cai</a>
</div>
<div class="menu">
<li><a href="#introduction">About Me</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#footerContainer">Contact</a></li>
<li><a target="_blank" href="files/Anna_Cai_Resume.pdf">Resume</a></li>
</div>
</header>
<main>
<section id="introduction">
<img alt="headshot of Anna Cai" src="files/portrait1.JPG">
<div id="introText">
<p id="greetingText">Hi, I'm Anna!</p>
<p class="bioText">
I'm a sophomore at Northwestern University studying Computer Science. On Northwestern's campus,
I'm the treasurer for Women in Computing, the webmaster for the Institute of Electrical and
Electronics Engineers, and I'm on the finance committee for the Society of Asian Scientists
and Engineers. Outside of school, you can find me biking, playing the guitar, or making goofy videos with my dog.
</p>
<p class="bioText">
I love creating, learning, and problem-solving. I'm currently seeking software engineering
internship opportunities for Summer 2023.
</p>
<p class="bioText">
If you'd like to connect with me, feel free to send me an email at
<a href="mailto:[email protected]">[email protected]</a>.
Hope you enjoy your time on my site! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
</p>
</div>
</section>
<div id="border"></div>
<section id="projects">
<h1 class="sectionTitle">Projects</h1>
<div class="projectContainer">
<div class="projectDescription">
<h2>FoodFinder</h2>
<p>A full-stack web app to help reduce food wastage on Northwestern's campus.</p>
<a href="/pages/FoodFinder.html">Read More <i class="fa-solid fa-arrow-right"></i></a>
</div>
<a href="/pages/FoodFinder.html"><img alt="Screenshot of FoodFinder project" src="./files/foodfinder.png"></a>
</div>
<div class="projectContainer">
<div class="projectDescription">
<h2>Movie Plot Generator</h2>
<p>A web app that generates unique film synopses and script excerpts for screenwriters seeking new ideas.</p>
<a href="/pages/MoviePlotGenerator.html">Read More <i class="fa-solid fa-arrow-right"></i></a>
</div>
<a href="/pages/MoviePlotGenerator.html"><img alt="Screenshot of Movie Plot Generator project" src="./files/moviegenerator.png"></a>
</div>
</section>
</main>
<footer>
<div id="footerContainer">
<h2>connect with me :)</h2>
<h3><a href="mailto:[email protected]">[email protected]</a> | (309) 621-5029</h3>
<div class="socialMedia">
<a target="_blank" href="https://www.linkedin.com/in/annacai44/"><i class="fa-brands fa-linkedin"></i></a>
<a target="_blank" href="https://github.com/annacai44"><i class="fa-brands fa-github"></i></a>
</div>
</div>
</footer>
</body>
</html>