<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width">
<!-- https://medium.com/dev-channel/what-does-dark-modes-supported-color-schemes-actually-do-69c2eacdfa1d -->
<meta name="color-scheme" value="light dark">
<style type="text/css">
/* dark mode support in webkit */
:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}
/* avoid inverting colors in apple mail client */
body, a, td, tr, table, p, div {
-apple-color-filter: none;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
}
body > table {
background-color: rgb(255, 255, 255);
box-shadow: 0 8px 40px 0 rgba(0,
0, 0, 0.08);
}
a img {
border: none;
}
table td {
border-collapse: collapse;
}
table {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
.table {
width: 600px;
background-color: #ffffff;
}
a {
text-decoration: none;
color: #0061d5;
}
td {
color: rgb(34, 34, 34);;
}
.button {
background-color: rgb(0, 97, 213);
}
.button:hover {
background-color: #3381dd;
}
.button:visited {
background-color: #003c84;
}
.button a {
color: white;
font-weight: bold;
}
div {
position: relative;
}
.circle-bg {
background: #f2f5f9;
border-radius: 50%;
height: 72px;
width: 72px;
display: flex;
}
.ss-icon {
margin: auto;
height: 32px;
width: 32px;
}
.ss-file-icon {
margin: auto;
height: 70px;
width: 70px;
}
.img-dark {
display: none;
}
.header-logo-dark-table {
display: none;
}
.footer-table td {
background-color: #fbfbfb;
color: #4e4e4e;
}
.footer-table a {
color: #0061d5;
}
.body {
padding: 55px;
}
hr {
border-color: #e8e8e8;
background-color: #e8e8e8;
}
.footer-td {
font-size: 13px;
}
.subtitle {
color: #4e4e4e;
}
/* Mobile Styles Portrait */
@media only screen and (max-width: 480px) {
.body {
padding: 5px;
}
.table {
width: 320px;
}
.ss-icon {
height: 24px;
width: 24px;
}
.ss-file-icon {
height: 70px;
width: 70px;
}
.footer-td {
font-size: 10px;
}
}
/* Mobile Styles Landscape */
@media screen and (max-device-width: 640px) and (orientation: landscape) {
.table {
width: 560px;
}
.body {
padding: 30px;
}
}
/* Mobile Outlook Portrait */
@media only screen and (max-width: 360px) {
.body {
padding: 5px;
}
body > table {
width: 260px;
}
}
/* IOS and MacOs Dark Mode */
@media (prefers-color-scheme: dark) {
.button {
background-color: #fffffe;
}
.button a {
color: #222222;
}
body > table {
background-color: #222222;
color: white;
}
.table {
background-color: #222222;
}
td, a {
color: white;
}
.box-logo {
display: none;
}
.ss-icon {
display: none;
}
.img-dark {
display: block;
}
.circle-bg {
background-color: #4e4e4e;
}
.footer-table td {
background-color: black;
color: #909090;
}
.footer-table a {
color: #909090;
}
hr {
border-color: #4e4e4e;
background-color: #4e4e4e;
}
.subtitle {
color: #ffffff;
}
}
</style>
</head>
<body class="body" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #222222;font-size: 16px;font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;height: auto;margin: 0 auto;background-color: #F3F3F3;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-radius: 12px;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0 auto;" class="table">
<tr>
<td style="padding: 24px 0px 24px 40px;">
<table>
<tr>
<td class="rounded-header">
<table cellpadding="0" cellspacing="0" border="0" align="center" class="header-logo-table">
<tr>
<td>
<img src="https://cdn01.boxcdn.net/_assets/img/external_collab/box_logo-Pnkpqa.png" border="0" style="width: 61px;height: 32px;"
class="box-logo"/>
<img src="https://cdn01.boxcdn.net/_assets/img/external_collab/box_logo_dark-Qlho2h.png" border="0" style="width: 61px;height: 32px;" class="box-logo img-dark"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td style="padding: 24px 40px 24px 0px;white-space: nowrap;text-align: right;">
<a href="https://ucla.app.box.com/signup/collab/oqau3epqmk?box_source=legacy-external_collab_email&box_action=click_button" style="height: 24px;font-size: 16px;line-height: 1.5;letter-spacing: 0.3px;color: #0061d5;text-decoration: none">
Sign Up
</a>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<img class="ss-file-icon" src="https://cdn01.boxcdn.net/_assets/img/external_collab/file_icon_word-document-ZDKs1M.png"
width="70px" height="70px" alt="2026.06.4 UC Work Study and..." />
</td>
</tr>
<tr style="padding: 10px;display: block;"></tr>
<tr>
<td style="padding: 0 56px;font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.33;letter-spacing: 0.3px;text-align: center;" colspan="2">
Cesar Lopez (cesar.lopez@ucr.edu) invited you to collaborate on:
</td>
</tr>
<tr style="padding-top: 4px;display: block;"></tr>
<tr>
<td style="padding: 0 56px;margin-bottom: 24px;font-size: 22px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.27;letter-spacing: 0.3px;text-align: center;" colspan="2">
2026.06.4 UC Work S...kgroup Agenda.docx
</td>
</tr>
<tr style="padding-top: 24px;display: block;"></tr>
<tr>
<td colspan="2" style="text-align: center">
<table
cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td class="button" align="center" style="padding: 12px 18px;border-radius: 6px;">
<a href="https://ucla.app.box.com/signup/collab/oqau3epqmk?box_source=legacy-external_collab_email&box_action=click_button" class="ss-button-link" style="letter-spacing: 0.3px;">
Accept Invite
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr style="padding-top: 40px;display: block;"></tr>
<tr>
<td colspan="2" style="text-align: center;padding: 0 56px;">
<hr style="height: 1px;border-width: 0;"/>
</td>
</tr>
<tr>
<td style="text-align: center;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: 0.3px;padding: 24px 44px 40px 43px;" class="subtitle" colspan="2">
To receive access to your shared documents, and to
start securely storing and collaborating on all of your content, please create a free Box account. This free account comes with 10 GB of storage to:
</td>
</tr>
<tr>
<td style="width: 72px;height: 72px;padding: 0 24px 0 56px;" >
<div class="circle-bg">
<img class="ss-icon" src="https://cdn01.boxcdn.net/_assets/img/external_collab/file_request-pM7kKt.png" height="32px" width="32px" />
<img class="ss-icon img-dark" src="https://cdn01.boxcdn.net/_assets/img/external_collab/file_request_darkmode-BBnSfQ.png" height="32px" width="32px" />
</div>
</td>
<td>
<table>
<tr>
<td style="padding-right:56px;font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.33;letter-spacing: 0.3px;">
Store your files securely
</td>
</tr>
</table>
</td>
</tr>
<tr style="padding-top: 16px;display: block;"></tr>
<tr>
<td style="width: 72px;height: 72px;padding: 0 24px 0 56px;" >
<div class="circle-bg">
<img class="ss-icon" src="https://cdn01.boxcdn.net/_assets/img/external_collab/avatar_plus_badge-FbxJ-a.png" height="32px" width="32px" />
<img class="ss-icon img-dark" src="https://cdn01.boxcdn.net/_assets/img/external_collab/avatar_plus_badge_darkmode-F30Ju6.png" height="32px" width="32px" />
</div>
</td>
<td>
<table>
<tr>
<td style="padding-right: 56px;font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.33;letter-spacing: 0.3px;">
Collaborate seamlessly
</td>
</tr>
</table>
</td>
</tr>
<tr
style="padding-top: 16px;display: block;"></tr>
<tr>
<td style="width: 72px;height: 72px;padding: 0 24px 0 56px;" >
<div class="circle-bg">
<img class="ss-icon" src="https://cdn01.boxcdn.net/_assets/img/external_collab/pencil-HxKG6z.png" height="32px" width="32px" />
<img class="ss-icon img-dark" src="https://cdn01.boxcdn.net/_assets/img/external_collab/pencil_darkmode-tBYV9v.png" height="32px" width="32px" />
</div>
</td>
<td>
<table>
<tr>
<td style="padding-right: 56px;font-size: 18px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.33;letter-spacing: 0.3px;">
Access and edit files from anywhere
</td>
</tr>
</table>
</td>
</tr>
<tr style="padding-top: 24px;display: block;"></tr>
<tr><td
colspan="2"><tr><td colspan="100"><table cellpadding="0" cellspacing="0" border="0" align="center" width="100%" class="footer-table"><tr style="text-align: center;font-size: 13px;border-radius: 0 0 12px 12px;"><td style="text-align: center;font-size: 13px;border-radius: 0 0 12px 12px;padding: 56px 0;" class="footer-td"><p><a style="color: #4e4e4e;line-height: 1.54;letter-spacing: 0.3px;">© 2026 Box • 900 Jefferson Avenue, Redwood City, CA 94063, USA </a><br/><a> <a href="https://www.box.com/about-us/">About Box</a> • <a href="https://ucla.app.box.com/legal_text/privacy_policy">Privacy Policy</a></a></p></td></tr></table></td></tr></td></tr>
</table>
<img src="http://track.box.com/wf/open?upn=u001.TKqy2wCYtTwXaG-2FRApc1MkeTUSZbQD1NvRncqzWmWUGIcVdCleDSkK1DudVJ814jLKMAHq61P1yJu6O2yvTZKKfUXjfP7Ws4d-2FFrW4zpXX7B5uu4FijCt0-2BT4vl-2Ft1CSoDPrmSf53H-2F9XninteU7ZWq932UgrgjURV-2BHbKDLxPTIZppg0mWTXWlCqSnOjQfPY9KeZVYzX5YRazqN-2FdqHyxyoVKveO1ebI5793nMRweqhwwVCjEXZgO9zdlh1ik9Ekwssumi2QdhdPyH76ceanHfhENPp5J-2BeucBcGBZPgRExUxze2uj7CQNTMVojnavTBzqD6YVvn3pIOV8f82dNhzBMdFdXWuLmoKwnUpiIzOusfHQ1yi8M2kOHBtSP5MA-2BiOLH6jXZ0AzXX02Y8Yl7HRini5EROYrEPk7N7dzYduYRKPEAGmwXpPiIOzKP0cKRPb3U3tvBrNScAtri6h0OTNXyxsjZZOk9g2vall0nFGQ-3D" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/></body>
</html>