-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
243 lines (234 loc) · 15 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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Elizabeth</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/styles.css">
<!-- Link your JavaScript file -->
<script src="js/script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@latest_version/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body id="page-top">
<!-- Sticky -->
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Elizabeth Soto</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav">
<li class="nav1 nav-item"><a class="nav-link js-scroll-trigger" href="#about"># About</a></li>
<li class="nav1 nav-item"><a class="nav-link js-scroll-trigger" href="#experience"># Experience</a></li>
<li class="nav1 nav-item"><a class="nav-link js-scroll-trigger" href="#education"># Education</a></li>
<li class="nav1 nav-item"><a class="nav-link js-scroll-trigger" href="#skills"># Skills</a></li>
<li class="nav1 nav-item"><a class="nav-link js-scroll-trigger" href="#projects"># Projects</a></li>
</ul>
</div>
</nav>
<!-- Page Content-->
<div class="sticky-line">
<div class="social-icons-container">
<a href="https://www.linkedin.com/in/elizabethsoto24" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://github.com/esoto15" target="_blank"><i class="fab fa-github"></i></a>
<a href="" ><i class="fa-regular fa-paper-plane" style="color: #000000;"></i></a>
<!-- Add your email link here -->
<!-- Example: <a href="mailto:your-email@example.com"><i class="fas fa-envelope"></i></a> -->
</div>
<div class="line"></div>
</div>
<div class="sticky-line-two">
<div class="email-container">elizabethsoto458@gmail.com</div>
<div class="line-two"></div>
</div>
<div class="container-fluid p-0">
<!-- About-->
<section class="resume-section" id="about">
<div class="resume-section-content">
<h3 class="text-primary">Hello my name is</h3>
<h1 class="mb-0">Elizabeth Soto</h1>
<h3 class="mb-0">
<span class="text-primary">Software Developer</span>
</h3>
</div>
</section>
<!-- Experience -->
<section class="resume-section" id="experience">
<div class="resume-section-content">
<h2 class="mb-5">Experience</h2>
<div class="timeline">
<div class="entry">
<div class="title">
<h3>Graduate Teaching Assistant</h3>
<b class="text-primary">Northeastern Illinois University· Part-time · </b> January 2024 - Present
</div>
<div class="body">
<ul>
<li> Responsible for grading and assessing lab assignments for up to 32 students. This includes providing constructive feedback, evaluating adherence to assignment guidelines, and assigning appropriate grades according to predefined criteria.</li>
<li>Assist the professor in analyzing the correlation between student grades on lab assignments and the time spent by students on those assignments. This involves collecting data on student performance and time investment, conducting statistical analysis, and providing insights to improve the effectiveness of assignments.</li>
<li>Work closely with students to ensure they understand the principles and concepts underlying the lab assignments. Provide additional explanations, clarification, or supplementary materials as needed to support student learning objectives and enhance comprehension.</li>
</ul>
</div>
</div>
<!-- Experience 2 -->
<div class="entry">
<div class="title">
<h3>Graduate Research Student</h3>
<b class="text-primary">Northeastern Illinois University· Part-time · </b> January 2023 - Present
</div>
<div class="body">
<ul>
<li>Created a web application using Flask and deployed it on Google Cloud Run to collect user preferences on text tone and sentiment. </li>
<li>Incorporated machine learning techniques to analyze and model text tone, enhancing the accuracy of tone classification.</li>
<li>Implemented secure coding practices and privacy protection measures to ensure user data confidentiality.</li>
</ul>
</div>
</div>
<!-- Experience 3 -->
<div class="entry">
<div class="title">
<h3>Summer Research Student</h3>
<b class="text-primary">Northeastern Illinois University· Part-time · </b> April 2022 - October 2022
</div>
<div class="body">
<ul>
<li>Devised a comprehensive methodology that analyzed reactions and actions generated by posts from social media accounts to quantify user engagement.</li>
<li>Employed statistical analysis and data modeling to identify patterns and relationships between user engagement and sentiment in social media interactions.</li>
<li>Presented research findings through clear and concise reports, effectively communicating the significance of the correlation discovered.</li>
</ul>
</div>
</div>
<!-- Experience 4 -->
<div class="entry">
<div class="title">
<h3>Application Solutions Intern</h3>
<b class="text-primary">Ascend Technologies · Internship · </b> May 2022 - August 2022
</div>
<div class="body">
<ul>
<li>Actively contributed to a project focused on container management and optimization in collaboration with a team of experienced .NET engineers.</li>
<li>Assisted in the development of a C# program utilizing Azure services to efficiently copy containers between storage accounts.</li>
<li>Assisted in the development of comprehensive program documentation, ensuring clear and concise project documentation for future reference.</li>
</ul>
</div>
</div>
<!-- Experience 5 -->
<div class="entry">
<div class="title">
<h3>Undergraduate Student Researcher</h3>
<b class="text-primary">Northeastern Illinois University · Part-time · </b> July 2021 - December 2021
</div>
<div class="body">
<ul>
<li>Conducted preliminary research on the UI design of Chicago’s top five food security organizations’
websites.</li>
<li>Identified cultural performance indicators that can be used to measure the level of cultural awareness
within a website.</li>
<li>Developed a rubric that can be used to identify cultural sensitivity in websites.</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Education -->
<section class="resume-section" id="education">
<div class="resume-section-content">
<h2 class="mb-5">Education</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<!-- Education 1 -->
<h3 class="mb-0 text-primary">Northeastern Illinois University</h3>
<div class="subheading mb-3">Master's degree, Data/Artificial Intelligence · January 2023 - Present</div>
<div></div>
<p>GPA: 3.56</p>
<p>Activities and societies: Vice President of Society of Hispanic Professional Engineers(SHPE), Google Developer Student Club, Girls Who Code</p>
<!-- Education 2 -->
<h3 class="mb-0 text-primary">Northeastern Illinois University</h3>
<div class="subheading mb-3">Bachelor of Science, Computer Science · January 2020 - May 2022</div>
<div></div>
<p>GPA: 3.8</p>
<p>Activities and societies: Developer Student Club, Computer Science Society(CSS)</p>
<!-- Education 3 -->
<h3 class="mb-0 text-primary">City Colleges of Chicago - Wilbur Wright College</h3>
<div class="subheading mb-3">Associate's degree, Computer Science · August 2016 - May 2019</div>
<div></div>
<p>GPA: 3.56</p>
<p></p>
</div>
<div class="flex-shrink-0"><span class="text-primary"></span></div>
</div>
</div>
</section>
<!-- Skills-->
<section class="resume-section" id="skills">
<div class="resume-section-content">
<h2 class="mb-5">Languages and Tools</h2>
<!-- Group languages by category -->
<table id="languageTable">
<tbody>
<tr>
<td>
<img src="img/logos/java.png" alt="" style="width:90px;height:100px;">
</td>
<td>
<img src="img/logos/python.png" alt="" style="width:100px;height:100px;">
</td>
<td>
<img src="img/logos/html.png" alt="" style="width:100px;height:100px;">
</td>
<td>
<img src="img/logos/css.png" alt="" style="width:80px;height:100px;">
</td>
<td>
<img src="img/logos/js.png" alt="" style="width:150px;height:100px;">
</td>
</tr>
<tr>
<td>
<img src="img/logos/django.png" alt="" style="width:90px;height:100px;">
</td>
<td>
<img src="img/logos/flask.png" alt="" style="width:90px;height:100px;">
</td>
</tr>
</tr>
</tbody>
</table>
</div>
</section>
<!--Projects-->
<section class="resume-section" id="projects">
<div class="resume-section-content">
<h2 class="mb-5">PROJECTS</h2>
<h3></h3>
<div class="project-image-container">
<div class="overlay">
<p class="project-info">Chicago Hardship Analysis</p>
<div class="social-icons">
<a href="https://github.com/esoto15/chicago-hardship-analysis" target="_blank"><i class="fab fa-github"></i></a>
<a href="#" target="_blank"><i class="far fa-eye"></i></a>
</div>
</div>
<img src="img\uriel-sc-11kdtiuwrq4-unsplash.jpg" alt="Project Image">
</div>
</div>
</section>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
<!-- <a href="https://www.freepik.com/free-photo/3d-abstract-data-technology-background-with-low-poly-plexus-design_34309462.htm#page=2&query=data%20science%20ai&position=22&from_view=search&track=ais&uuid=ff67f49f-2850-4bcd-8ffd-50cd75145855">Image by kjpargeter</a> on Freepik -->