-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (129 loc) · 9.05 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<title> Liz's Portfolio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" >
<meta name="description" content="Portfolio, personal website, computer
science, college, student, Princeton, Princeton University, Liz
Garcia">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="index.css">
</head>
<body class="p-3 m-3 border-0 bd-example">
<!-- Nav bar-->
<header>
<nav class="navbar navbar-expand-sm" style="background-color: #e3f2fd;">
<div class="container-fluid">
<h1 id="title"> Liz's Portfolio </h1>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" href="index.html" aria-current="page">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html"> Projects </a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Nav bar -->
<br>
<!-- I think that this helps stabalize if we change size of nav links -->
<div id="content">
<main>
<section>
<h2> About me:</h2>
<p> Hi! I am Liz García, a student from Princeton University.
I am majoring in Computer Science and interested in working
as a software developer in the future. I am currently
focused in learning new concepts and
exploring different areas of computer science
to see what I like the most!
</p>
</section>
<br>
<img src="headshot.jpg" width="200" class="headshot" alt="headshot of Liz Garcia with professional attire">
<br>
<section>
<h2> Technical Skills: </h2>
<br>
<p class= "head"> Proficient :</p>
<ul>
<li> Python </li>
<li> Java </li>
<li> C </li>
<li> HTML </li>
<li> CSS </li>
<li> PostgreSQL</li>
<li> Flask </li>
<li> Render </li>
<li> AJAX</li>
<li> Bootstrap</li>
</ul>
<p class="head"> Working Knowledge:</p>
<ul>
<li> JavaScript </li>
<li> J-Query</li>
</ul>
</section>
<br>
<section>
<h2> Extracurricular Activities</h2>
<dl>
<dt> Vice-President of SHPE (2023-present)</dt>
<dd> SHPE stands for "Society of Hispanic Professional
Engineers" and is a national organization. As
vice-president of the SHPE Princeton chapter, I contribute
to the planning of events during weekly meetings as well as
the execution of weekly study breaks and special events
throughout the year.
</dd>
<dt> Student Software Developer for Princeton University
Library (2023-present) </dt>
<dd> Upon completion of summer training, contribute to
testing, debugging and the implementation of new features
to the library's main website and other tools as part
of the Discovery and Access Team.
</dd>
<dt> Web Design Team of the Daily Princetonian (2022-present) </dt>
<dd> Contribute ideas for the styling of webpages for
different types of articles and publications during weekly
meetings and implement the design of webpages.
</dd>
<dt> Front Desk Assistant at Firestone Library (2022-present) </dt>
<dd> Answer the questions of patrons in regards to
spaces at Firestone library and about resources available
through the Princeton University Library at large.
</dd>
<dt> Co-chair of Mathey College Council (2021-2023) </dt>
<dd> Held weekly meetings with the council and organized
wonderful events that allowed students in Mathey to
connect, rest and have fun! </dd>
</dl>
</section>
</main>
<br>
<div id="end">
<footer>
<h3> Connect with me! </h3>
<a href="https://github.com/lizgarciao" aria-label="Liz's GitHub" target="_blank" class="socialLinks__SocialLink-sc-1vgne8z-1 kVifvF"><svg class="icons" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" size="32" height="32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a>
<a href="https://www.linkedin.com/in/lizgarciao?trk=profile-badge" aria-label="Liz's LinkedIn" target="_blank" class="socialLinks__SocialLink-sc-1vgne8z-1 kVifvF"><svg class="icons" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" size="32" height="32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a>
<a href="mailto:[email protected]" aria-label="Liz's Email" target="_blank"> <svg class="icons" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-envelope-plus" viewBox="0 0 16 16">
<path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z"/>
<path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1a.5.5 0 0 0-.5-.5Z"/>
</svg> </a>
</footer>
<!-- div for id="end" -->
</div>
<!-- div for "content" -->
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
</body>
</html>