-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
481 lines (380 loc) · 26.6 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
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<title>Sana's Personal Website</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Urbanist">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jost">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Hanken+Grotesk">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Red+Hat+Display">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Mono">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Plus+Jakarta+Sans">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nanum+Pen+Script">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Shrikhand">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Karla&family=Manrope&display=swap">
<link rel="stylesheet" href="styles.css">
<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=Alfa+Slab+One&family=Figtree:ital,wght@0,300..900;1,300..900&family=Lobster&family=Martian+Mono:[email protected]&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<script src="https://kit.fontawesome.com/ceb5245a20.js" crossorigin="anonymous"></script>
<!-- <link href="https://fonts.googleapis.com/css2?family=Albert+Sans&family=Karla&family=Manrope&display=swap" rel="stylesheet">
font-family: 'Albert Sans', sans-serif;
font-family: 'Karla', sans-serif;
font-family: 'Manrope', sans-serif; -->
<!-- font-family: 'Albert Sans', sans-serif;
font-family: 'Epilogue', sans-serif;
font-family: 'Karla', sans-serif;
font-family: 'Manrope', sans-serif; -->
<!-- <link href="https://fonts.googleapis.com/css2?family=Albert+Sans&family=Epilogue&family=Karla&family=Manrope&display=swap" rel="stylesheet"> -->
</head>
<body>
<div id="header">
<div class="container">
<nav>
<img src="images/sana-low-resolution-logo-color-on-transparent-background (2).png" class="logo">
<ul id="sidemenu">
<li><a href="#header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#about">Projects</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<i class="fas fa-times" onclick="closemenu()"></i>
</ul>
<i class="fa-solid fa-bars" onclick="openmenu()"></i>
</nav>
<div class="header-text">
<h1><center>Hi! I'm Sana.</center> </h1>
<span style="font-size: 40px">
<p><center>("<a href="https://www.youtube.com/watch?v=BZw4pguPiZw" target="_blank" class="myname">s-uh-n-aa</a>")</center> </p>
</span>
</div>
</div>
</div>
<!-- *ABOUT ME -->
<div id="about">
<div class="container">
<div class="row">
<div class="about-col-1">
<img src="images/IMG_4660.JPG">
</div>
<div class="about-col-2">
<h1 class="sub-title">About Me </h1>
<span style="font-size: 20px">
<p>I am a public transit and active transportation (bike/walk) enthusiast. <br><br>
My background is in city planning (specifically transportation planning), but I went back to school to study computer science, with a focus on data science electives. <br><br>
<!-- I am most passionate about civic/government technology. -->
<!-- In my free time, I enjoy experimenting in the kitchen. You can view some of my creations <a href="edible-creations.html" target="_blank">here</a>.<br><br> -->
Connect with me on LinkedIn! <a href="https://www.linkedin.com/in/-sana-ahmed" target="_blank" class="linkedin"><i class="fa-brands fa-linkedin"></i></a> <br><br>
<!-- <a href="https://www.linkedin.com/in/-sana-ahmed" target="_blank"><i class="fa-brands fa-linkedin"></i></a><br><br> -->
(I took the photo on the left/above inside a hot air balloon in Cappadocia, Turkey.)
<br><br>
</span>
<div class="tab-titles">
<p class="tab-links active-link" onclick="opentab('education')"><strong>Education</strong></p>
<p class="tab-links" onclick="opentab('skills')"><strong>Skills</strong></p>
<p class="tab-links" onclick="opentab('projects')"><strong>Selected Projects</strong></p>
</div>
<div class="tab-contents active-tab" id="education">
<ul>
<span style="font-size: 18px">
<li><em><strong><h3>University of Pennsylvania (2020-2023) </h3></em></strong> Master of Computer and Information Technology </li>
<ul class="bulleted-list">
<li>• Teaching Assistant: Data Structures & Software Design (Jan 2024 - Current)</li>
<li>• Teaching Assistant: Computer Systems (Aug 2023 - Dec 2023)</li>
<li>• Admissions Ambassador (Aug 2022 - Dec 2023)</li>
</ul>
<br>
<li><em><strong><h3>Long Beach City College (2024-Current) </h3></em></strong> Full Stack Web Development</li>
<br>
<!-- <i>Coursework: </i> Data Structures and Software Design, Algorithms and Computation, Natural Language Processing, Artificial Intelligence,
Big Data Analytics, Introduction to Computer Systems, Computer Systems Programming, Networked Systems, Mathematical Foundations of Computer
Science (Discrete Math), Introduction to Software Development -->
<li><em><strong><h3>University of California, Berkeley (2011-2016) </h3></em> </strong>Bachelor of Arts, Urban Studies</li>
</span>
</ul>
</div>
<div class="tab-contents" id="skills">
<ul>
<span style="font-size: 18px">
<li><em><strong>Certifications</em></strong>: AWS Certified Cloud Practitioner (2023) </li>
<li><em><strong>Languages</em></strong>: Python, HTML/CSS, Java, SQL, JavaScript </li>
<li><em><strong>Tools & Frameworks</em></strong>: Git, Docker, PySpark, JUnit </li>
<li><em><strong>Other</em></strong>: Geographic Information Systems (ArcGIS, QGIS), Adobe InDesign, Adobe Illustrator, Microsoft Office Suite, SurveyMonkey, Squarespace</li>
</span>
</ul>
</div>
<div class="tab-contents" id="projects">
<ul>
<span style="font-size: 18px">
To view projects and labs I completed as part of my coursework in Front End Website Development and JavaScript as part of Long Beach City College's Full Stack Web Development Program, please view my CodePen: <br>
<a href="https://codepen.io/a-sana" target="_blank" class="codepen">My CodePen Page</a> or my <a href="https://sanafccportfolio.netlify.app/" target="_blank" class="portfolio-link">personal portfolio</a>, described below.<br><br>
<strong>Personal Portfolio: Web Development & JavaScript (2024)</strong> <br>
<em>Technologies: HTML, CSS, JavaScript, Bootstrap</em> <br>
• Utilized JavaScript to create an interactive personal portfolio showcasing course projects and lab assignments
<br>
• Applied principles of responsive web design, CSS flexbox, and Bootstrap <br><br>
<i>*The projects below were completed as part of my school coursework for Penn. Due to Penn's academic integrity policies, I am not allowed to post my code on a public Github repo, but I am more than happy to discuss my work.*</i> <br><br>
<strong>Open Philly Data Crime Analysis (2023)</strong> <br>
<em>Technologies: Python, Google Colab, scikit-learn, Pandas, GeoPandas, Matplotlib, PyTorch</em> <br>
• Employed a range of machine learning models to analyze potential correlations between weather and crime over the past 5 years in 58 neighborhoods, using city crime data and a weather data API to retrieve and store 800,000+ records
<br><br>
<strong>LinkedIn Profiles and Company Stocks Analysis (2023) </strong> <br>
<em>Technologies: PySpark, Spark SQL, Python, AWS</em> <br>
• Extracted relevant data stored in an S3 bucket and downloaded it onto nodes within an EMR cluster to apply Spark SQL and Python to analyze and manipulate extensive datasets encompassing LinkedIn user profiles and corresponding stock price information for companies spanning a decade (2000-2011) <br><br>
<strong>City of Philadelphia COVID Data Analysis (2022)</strong> <br>
<em>Technologies: Java, JSON, JUnit</em> <br>
• Utilized n-tier architecture to read, parse, and process data and implement the user interface <br>
• Employed the Singleton and Strategy design patterns and memoization for optimization <br> <br>
<strong>Flu Tweets by State (2022)</strong> <br>
<em>Technologies: Java, JSON, JUnit</em> <br>
• Designed a software system using an n-tier architecture, implementing the principles of modularity, functional independence, and abstraction<br>
• Applied the Singleton design pattern <br>
• Used a Java library to read data stored in a JSON file <br> <br>
<strong>Reverse Assembler (2021)</strong> <br>
<em>Technologies: C, Valgrind, GDB</em> <br>
• Created a program to open, read, and parse an object file created by PennSim, an interface for executing LC-4 programs on a
simulated LC-4 machine <br>
• Loaded the object file's contents into a LinkedList to represent the LC4's program and data memories <br>
• Converted the object file back to assembly <br><br>
</div>
<!-- <li><span>UI?UX</span><br>Designing Web/App Interfaces</li>
<li><span>UI?UX</span><br>Designing Web/App Interfaces</li>
<li><span>UI?UX</span><br>Designing Web/App Interfaces</li> -->
</div>
</div>
</div>
</div>
<!-- -------------------Experience ------------------------->
<div id="experience">
<div class="container">
<h1 class="sub-title">Professional Experience</h1>
<div class="services-list">
<div>
<h2><strong>ALTRANS </strong> </h2>
<span style="font-size: 18px">
<strong><em>TDM/Bike Coordinator</strong></em><br>
(Nov 2016-Current)<br> <br>
Current Responsibilities: <br>
• Responsible for management and coordination of the Palo Alto Transportation Management Association, a non-profit organization that provides transportation programs and services to help low-income, predominantly service workers, get to and from work in Palo Alto <br><br>
Previous Responsibilities: <br>
• Managed programs and services to encourage sustainable commuting at Kaiser Permanente (KP) client sites (Oakland, Richmond, Alameda, Pinole, and San Leandro), with a population of over 10,000 employees combined; ensured compliance with local, state, and federal single occupancy vehicle (SOV) trip reduction requirements and clean air mandates <br>
• Primary lead for identifying, testing, and implementing technology solutions to automate and streamline administrative processes <br>
• Onboarded and trained two managers; developed documentation on standard operating procedures for each client site <br>
• Designed and conducted surveys across KP sites; synthesized survey data, program metrics data, and employee feedback for reporting</p>
</span>
</div>
<div>
<h2><strong>Seamless <br> Bay Area </strong></h2>
<span style="font-size: 18px">
<em><strong>Transportation Policy & Advocacy Intern </em> </strong><br>
(Nov 2021-May 2022) <br><br>
• Oversaw the SwissCal Conference on the Swiss Public Transportation System, a unique conference that brought together Swiss transit
experts and California transportation policymakers <br>
• Coordinated conference logistics, published blog posts, and developed multiple 30+
page reports tailored to each conference co-hosting partner, summarizing findings, discussions, and next steps for each respective transit region
</span>
</div>
<div>
<h2><strong>Berkeley Planning Department </strong></h2>
<span style="font-size: 18px">
<em><strong>Adeline Corridor Specific Plan/Policy Intern</em></strong> <br>
(Jan 2017-Feb 2018)<br><br>
• Part of a small team who oversaw the Adeline Corridor Special Plan Process <br>
• Conducted quantitative and qualitative research to help identify, record, and analyze issues along the
major multi-modal corridor, as well as find opportunities for improvement <br>
• Coordinated with governmental agencies, staff, community groups, and the public to host meetings and
presentations on the progress of the project and to collect feedback <br>
• Interpreted feedback and pertinent project data, presenting findings in reports and through visuals, mass-mailings, and by updating and maintaining the project website <br>
• Researched progressive policies and measures other jurisdictions have implemented to ensure equitable
design and use of public space <br>
• Developed charts, graphs, and other visuals for Policy Team to use in Planning Commission meeting reports <br>
• Performed research to offer recommendations for revisions to the City's Zoning Ordinance
</span>
</div>
<div>
<h2><strong>SF Public Works</strong> </h2>
<span style="font-size: 18px">
<strong><em>Student Design Trainee <br>(Curb Ramp Program)</strong> </em> <br>
(Oct 2014-Aug 2015) <br><br>
• Developed maps and reports on curb ramp statistics and priority projects for the Mayor's Office on Disability, Board of Supervisors,
and other City of San Francisco departments <br>
• Addressed backlog of 75+ curb ramp locations that needed surveying; managed curb ramp database of nearly 50,000 records <br>
• Tracked Notice of Intents for construction using Accela, a project management tool; informed lead engineers about potential overlaps
with other City projects <br>
• Conducted field surveys of curb ramp priority locations, reporting field conditions to team engineers
</span>
</div>
<div>
<h2><strong>SF Municipal Transportation Agency</strong> </h2>
<span style="font-size: 18px">
<em><strong>Student Design Trainee <br>(Bike Parking & Sharing)</em> </strong><br>
(June 2013-Jan 2014) <br><br>
• Managed San Francisco's bike parking database and fulfilled nearly 100 requests for new bicycle parking throughout the City <br>
• Surveyed potential bike parking locations utilizing the bicycle parking clearance requirements to help determine potential capacity for new racks <br>
• Prepared internal legislative documents for bicycle corral proposals; environmental review packets for environmental clearance; and work order packets for rack installations
</span>
</div>
<div>
<h2><strong>SF Municipal Transportation Agency</strong> </h2>
<span style="font-size: 18px">
<em><strong>Student Design Trainee <br>(Community Projects)</em> </strong><br>
(June 2013-Aug 2013) <br><br>
• Responsible for entire life cycle of two speed hump projects <br>
• Ballotted residents at potential speed hump locations; determined potential barriers to implementation; prepared project documents for review and approval; and designed proposed speed humps in AutoCAD for work order submittals
</span>
</div>
</div>
</div>
</div>
<!-- -------------------portfolio ---------------------------->
<div id="portfolio">
<div class="container">
<h1 class="sub-title">City Planning Portfolio</h1>
<div class="work-list">
<div class="work">
<img src="images/swisscal.png">
<div class="layer">
<h3>SwissCal Conference on the Swiss Transportation Ecosystem</h3><br>
<p><span style="font-size: 18px">I helped with facilitating this unique conference. I produced three reports on key learnings, for our different conference partners; regularly updated and maintained the conference website; and authored blog posts on important takeaways from each of the main sessions. <br><br>
<a href="https://scag.ca.gov/post/swisscal-conference-swiss-public-transportation-ecosystem" target="_blank">SCAG Report</a>, <a href="https://www.seamlessbayarea.org/blog/2022/2/21/one-journey-one-ticket-summary-of-day-1-of-the-swisscal-conference" target="_blank">Blog Post 1</a>, <a href="https://www.seamlessbayarea.org/blog/2022/2/21/a-seamless-customer-experience-and-a-cooperation-based-model-of-public-transport-summary-of-day-2-of-the-swisscal-conference" target="_blank">Blog Post 2</a>, <a href="https://www.seamlessbayarea.org/blog/2022/3/17/t9qwyb2xlez9zblfyaj79ny3azaahf" target="_blank">Blog Post 3</a>, <a href="https://www.seamlessbayarea.org/swiss-cal-virtual-conference" target="_blank">Conference Website</a>, <a href="https://west.stanford.edu/news/swiss-have-mastered-public-transit-what-might-california-learn-their-success" target="_blank">Article about the Conference</a>. </p></span>
</div>
</div>
<div class="work">
<img src="images/s1.png">
<div class="layer">
<h3>Insider's Outsider Art at the Albany Bulb</h3><br>
<p><span style="font-size: 18px">For my Cartography class at UC Berkeley, I traveled to the Albany Bulb and used a GPS to record all locations where I found art on the peninsula. I categorized the different artwork I encountered and use that to produce this map using ArcGIS and Adobe Illustrator. <br><br>
See the full map <a href="files/SanaAhmed_SampleWork1.jpg" target="_blank">here</a>. </p></span>
</div>
</div>
<div class="work">
<img src="images/s3.png">
<div class="layer">
<h3>Candidates for bulb-outs due to possible sub-sidewalk basements</h3><br>
<p><span style="font-size: 18px">This is one of several maps I created using ArcGIS and Adobe Illustrator for the Mayor's Office on Disability while I was a Student Design Trainee in the Curb Ramp Program at San Francisco Public Works. <br><br>
See the full map <a href="files/SanaAhmed_SampleWork3.pdf" target="_blank">here</a>. </p></span>
</div>
</div>
<div class="work">
<img src="images/s2.png">
<div class="layer">
<h3>Urban Design Studio: Hayes Valley Case Study</h3><br>
<p><span style="font-size: 18px">For my class, we made site visits to Hayes Valley in San Francisco. Here I capture different elements of the landscape. <br><br>
View poster <a href="files/SanaAhmed_SampleWork2.pdf" target="_blank">here</a>. </p></span>
</div>
</div>
<div class="work">
<img src="images/s4.png">
<div class="layer">
<h3>Urban Planning Studio: Highest Concentration of Latine Individuals in San Mateo County</h3><br>
<p><span style="font-size: 18px">For this course, I analyzed census data to determine the highest concentration of Latine individuals in San Mateo County. I created the maps by hand in Adobe Illustrator and created the layout in Adobe InDesign.<br><br>
View poster <a href="files/SanaAhmed_SampleWork4.pdf" target="_blank">here</a>. </p></span>
</div>
</div>
<div class="work">
<img src="images/s5.png">
<div class="layer">
<h3>Urban Planning Studio: Capacity Building for Mamas Unidas</h3><br>
<p> <span style="font-size: 18px">For this course, we worked with a group of mothers advocating on behalf of their community in San Jose, to make improvements to the built environment and enhance their quality of life. I helped outline immediate and short-term goals for their non-profit, Mamas Unidas. (Note: This was part of a larger group presentation with multiple parts.)<br><br>
View my contributions <a href="files/SanaAhmed_SampleWork5.pdf" target="_blank">here</a>. </p></span>
</div>
</div>
<div class="work">
<img src="images/s6.png">
<div class="layer">
<h3>Finding the Best Location for a Skatepark In San Francisco</h3><br>
<p><span style="font-size: 18px">For my Geographic Information Systems (GIS) course, my group and I conducted a suitability analysis to determine the best location for a new skatepark in San Francisco. I helped find and clean the data and conducted the analysis. <br><br>
View poster <a href="https://bit.ly/3QGwFcR" target="_blank">here</a>. </p></span>
</div>
</div>
<div class="work">
<img src="images/bicycle access.png">
<div class="layer">
<h3>Student Research Assistant/Surveyor</h3><br>
<p><span style="font-size: 18px">This study explores bicycle and public transit use by low-income Latine immigrants in the San Francisco Bay Area. My contributions included helping analyze and compare household travel survey data for different municipalities across the US. Additionally, I rode Alameda County Transit bus lines within specific transit corridors to note ridership and users. I also helped identify potential survey intercept locations to reach our target demographic. Finally, I traveled to various sites throughout the Bay Area to administer both English and Spanish-language surveys.
<br><br>
Acknowledgements, <a href="https://transweb.sjsu.edu/sites/default/files/1202-bicycle-and-transit-use-by-low-income-latino-immigrants.pdf" target="_blank">page four</a>. </p></span>
</div>
</div>
</div>
</div>
</div>
<!-----------------Contact Form ---------------------->
<div id="contact">
<div class="container">
<div class="row">
<div class="contact-left">
<h1 class="sub-title">Contact</h1>
<!-- <p><span style="font-size: 20px"><i class="fa-brands fa-linkedin"></i> LinkedIn</span></p> -->
<!-- <p><span style="font-size: 20px"><i class="fas fa-paper-plane"></i> [email protected]</span></p> -->
<div class="linkedin">
<a href="https://www.linkedin.com/in/-sana-ahmed" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="mailto:[email protected]"><i class="fas fa-paper-plane"></i></a>
</div>
</div>
<div class="contact-right">
<form name="submit-to-google-sheet">
<input type="text" name="Name" placeholder="Your Name" required> <br>
<input type="email" name="Email" placeholder="Your Email" required> <br>
<textarea name="Message" rows="7" placeholder="Your Message"></textarea> <br>
<button type="submit"><span style="font-size: 18px">Submit</span></button>
</form>
<span id="msg"></span>
</div>
</div>
</div>
</div>
<!-- scripts -->
<script>
var tablinks = document.getElementsByClassName("tab-links");
var tabcontents = document.getElementsByClassName("tab-contents");
function opentab(tabname){
for(tablink of tablinks){
tablink.classList.remove("active-link");
}
for(tabcontent of tabcontents){
tabcontent.classList.remove("active-tab");
}
event.currentTarget.classList.add("active-link");
document.getElementById(tabname).classList.add("active-tab");
}
</script>
<script>
var sidemenu = document.getElementById("sidemenu");
function openmenu() {
sidemenu.style.right = "0";
}
function closemenu() {
sidemenu.style.right = "-200px";
}
</script>
<script>
const scriptURL = 'https://script.google.com/macros/s/AKfycbyzJNrVEl7zDDT9bOgp_ykbpginSDqM8gDZ26I3n_II_dP2EKcoilBtYVEy25b9kzWV-w/exec';
const form = document.forms['submit-to-google-sheet'];
const msg = document.getElementById("msg");
form.addEventListener('submit', e => {
e.preventDefault();
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
.then(response => {
if (response.status === 200) {
msg.innerHTML = "Message sent successfully!";
setTimeout(function(){
msg.innerHTML = "";
}, 5000);
form.reset();
} else {
throw new Error('Network error.');
}
})
.catch(error => {
console.error('Error. Message not sent.', error.message);
msg.innerHTML = "Error. Message not sent.";
});
});
</script>
</body>
</html>